콘텐츠
이 기사는 웹 디자이너와 개발자를위한 세계에서 가장 많이 팔리는 잡지 인 .net 잡지 231 호에 처음 게재되었습니다.
사용자 인터페이스 (UI) 위젯을 만들면 HTML 요소가 복합 될 가능성이 높습니다. 일반적으로 위젯의 모양이나 사용 가능한 컨트롤을 기반으로 위젯이 수행하는 작업 또는 페이지 내에서 수행하는 역할을 쉽게 파악할 수 있습니다. 하지만 전체 론적 관점은 보조 기술 (AT)에게 명확하지 않으며 ARIA가 등장하는 곳입니다.
ARIA 또는 액세스 가능한 리치 인터넷 애플리케이션 (Accessible Rich Internet Applications)을 사용하여 전체 제목을 부여하면 위젯에 역할을 부여 할 수 있습니다. 또는 다른 방식으로 살펴보기 위해 ARIA 역할을 사용하여 마치 단일 엔티티 인 것처럼 HTML 요소 번들에 대해 AT에 알릴 수 있습니다.
ARIA 1.0 사양에는 역할 분류가 포함되어 있습니다. 73 개의 서로 다른 역할의 특성과 속성을 4 개의 상위 범주로 그룹화하여 설명합니다.
첫 번째 범주는 12 개의 추상적 인 역할을 정의합니다. 프로그래밍 할 때 추상 클래스가 인스턴스화되지 않는 것과 같은 방식으로 추상 역할을 코드 내에서 사용해서는 안됩니다. 개념적 수준에서 다양한 유형의 역할을 설명하므로 분류 자체 내에서만 사용됩니다.
역할
하나의 추상적 인 역할이 나머지와 구별됩니다. 역할 (추상 역할)은 분류의 다른 모든 역할이 상속하는 기본 역할입니다. 다른 추상 역할에는 입력 (추상 역할), 랜드 마크 (추상 역할) 및 위젯 (추상 역할)이 포함됩니다.
위젯 (추상적 역할)을 예로 들어 보겠습니다. 분류의 다른 모든 위젯 역할이있는 우산 역할을 설명합니다. ARIA 사양에서 설명하는 방법은 다음과 같습니다.
“그래픽 사용자 인터페이스 (GUI)의 대화 형 구성 요소. 위젯은 사용자가 상호 작용할 수있는 별개의 사용자 인터페이스 개체입니다. "
이것은 34 개의 위젯 역할을 정의하는 다음 범주로 깔끔하게 이어집니다. 위젯은 단독으로 사용하거나 더 복잡한 UI 구성 요소를 만들기 위해 결합 할 수있는 대화 형 컨트롤입니다. 이러한 역할 중 9 개는 다른 위젯을 캡슐화하여 더 복잡한 컨트롤을 형성하는 데 사용할 수있는 컨테이너를 정의합니다.
위젯
나머지 25 개 역할은 독립적으로 또는 복잡한 복합 제어의 일부로 사용할 수있는 위젯을 정의합니다. 예를 들어, tablist의 역할을 가진 요소는 tab의 역할을 가진 여러 요소를 포함 할 수 있습니다. 탭 패널의 역할을하는 해당 요소 세트와 함께 사용하면 복합 탭 인터페이스를 형성합니다. 경고, 확인란 또는 대화와 같은 역할이있는 요소는 더 복잡한 UI 컨트롤의 일부가 될 수도 있고 단독으로 사용할 수도 있습니다.
세 번째 범주는 18 개의 문서 구조 역할을 정의합니다. 이러한 역할은 제목, 목록 및 도구 모음과 같은 일반적인 콘텐츠 구성을 설명합니다. 위젯 역할과 달리 문서 구조 역할은 일반적으로 대화 형이 아닙니다.
마지막 범주는 8 가지 주요 역할을 정의합니다. 웹 페이지의 다른 섹션에 적용될 수 있으며 AT가 탐색하는 데 사용할 수있는 랜드 마크를 제공합니다. 이 범주 내의 역할에는 배너, 기본 및 탐색이 포함됩니다.
Creative Bloq에서 디자이너를위한 20 가지 최고의 와이어 프레임 도구를 확인하십시오.