ARIA 접근성 가이드

레퍼런스

용어집

이 사이트에서 자주 쓰는 접근성 용어를 정리했습니다.

4대 원칙 (POUR) Perceivable, Operable, Understandable, Robust
WCAG와 KWCAG의 네 가지 원칙인 인식의 용이성, 운용의 용이성, 이해의 용이성, 견고성을 말합니다.
네이티브 의미 Native Semantics
HTML 요소가 원래 가진 의미와 동작입니다. ARIA 사용 규칙은 네이티브 의미가 있는 요소를 먼저 쓰고, 꼭 필요할 때만 바꾸라고 권합니다. ARIA 사용 5원칙
단일 페이지 애플리케이션 Single Page Application (SPA)
페이지 전체를 새로 불러오지 않고 스크립트로 화면을 바꾸는 웹 앱입니다. 화면 전환 시 제목 갱신, 포커스 이동, 변경 알림을 직접 처리해야 합니다. 동적 콘텐츠
대체 텍스트 Alternative Text
이미지 등 텍스트가 아닌 콘텐츠의 의미를 대신 전달하는 텍스트입니다. alt 속성으로 지정하며, 장식 이미지는 alt=""로 둡니다(WCAG 1.1.1).
둘러보기 모드 (가상 커서) Browse Mode / Virtual Cursor
화면낭독기가 키 입력을 가로채 문서를 읽고 H(제목), K(링크) 같은 단일 키로 탐색하는 모드입니다. NVDA는 둘러보기 모드, 센스리더·JAWS는 가상 커서라고 부릅니다.
라이브 리전 Live Region
내용이 바뀌면 포커스 위치와 관계없이 보조기술이 자동으로 읽어 주는 영역입니다. aria-live, status, alert 등으로 지정합니다. 라이브 리전
랜드마크 Landmark
banner, navigation, main, contentinfo처럼 페이지의 큰 영역을 나타내는 역할입니다. 화면낭독기 사용자는 랜드마크 단위로 빠르게 이동합니다. 랜드마크와 제목
로빙 tabindex Roving tabindex
복합 위젯에서 현재 항목 하나만 tabindex="0", 나머지는 tabindex="-1"로 두고 화살표 키로 이동할 때마다 값을 옮기는 기법입니다. 위젯 전체가 Tab 정지점 하나가 됩니다. 키보드와 포커스
로터 Rotor
VoiceOver에서 이동 단위(제목, 링크, 랜드마크, 폼 컨트롤 등)를 고르는 기능입니다. macOS는 VO+U, iOS는 두 손가락 돌리기로 엽니다.
리플로우 Reflow
화면을 확대하거나 좁은 화면에서 볼 때 내용이 한 방향 스크롤로 다시 배치되는 것입니다. WCAG 1.4.10은 320 CSS 픽셀 너비에서 두 방향 스크롤 없이 쓸 수 있기를 요구합니다.
명도 대비 Color Contrast
글자와 배경의 밝기 차이를 비율로 나타낸 값입니다. WCAG AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1 이상을 요구하며, KWCAG도 같은 기준을 씁니다.
명시적 역할 Explicit Role
role 속성으로 작성자가 직접 지정한 역할입니다. 암묵적 역할보다 우선합니다.
모바일 애플리케이션 접근성 지침 Mobile Application Accessibility Guidelines
국내 모바일 앱의 접근성 기준을 정한 지침입니다. 모바일 앱 접근성 지침
보조기술 Assistive Technology (AT)
장애인이 컴퓨터와 모바일 기기를 쓸 수 있도록 돕는 하드웨어·소프트웨어입니다. 화면낭독기, 화면 확대 프로그램, 점자정보단말기, 음성 인식 프로그램, 대체 키보드·스위치 등이 있습니다.
복합 위젯 Composite Widget
탭 목록, 메뉴, 리스트박스, 그리드처럼 여러 하위 항목을 담고 화살표 키로 항목 사이를 이동하는 위젯입니다.
사용자 에이전트 User Agent
사용자를 대신해 웹 콘텐츠를 가져와 보여 주는 소프트웨어입니다. 브라우저, 미디어 플레이어, 일부 보조기술이 포함됩니다.
상태 State
사용자 조작에 따라 자주 바뀌는 요소의 현재 상황입니다. aria-expanded, aria-checked, aria-selected 등이 있습니다.
상태 메시지 Status Message
포커스를 옮기지 않고 작업 결과·진행 상황·오류를 알리는 메시지입니다. 보조기술이 알 수 있어야 합니다(WCAG 4.1.3).
성공 기준 Success Criterion
WCAG에서 접근성 충족 여부를 판정하는 검사 가능한 기준입니다. 4.1.2처럼 번호가 붙고 수준 A·AA·AAA 중 하나가 정해져 있습니다. KWCAG에서는 “검사 항목”이라고 부릅니다.
속성 Property
잘 바뀌지 않는 요소의 성질이나 관계입니다. aria-labelledby, aria-controls, aria-required 등이 있습니다. 역할·상태·속성
수동 검사 Manual Testing
사람이 키보드, 화면낭독기, 확대 등으로 직접 사용하며 판단하는 검사입니다. 대체 텍스트의 적절성, 읽기 순서 등은 수동 검사로만 판정할 수 있습니다. 검수 체크리스트
시각적 숨김 Visually Hidden (sr-only)
화면에는 보이지 않지만 화면낭독기는 읽도록 CSS로 숨기는 기법입니다. display: none과 달리 접근성 트리에 남습니다. 콘텐츠 숨기기
시맨틱 마크업 Semantic Markup
제목은 <h1>~<h6>, 목록은 <ul>, 버튼은 <button>처럼 내용의 의미에 맞는 HTML 요소로 작성하는 것입니다. 접근성의 기초입니다.
실패 사례 Common Failures
WCAG가 정리한, 성공 기준을 충족하지 못하는 대표적인 구현입니다. 예: F59(div·span에 역할 없이 클릭 이벤트만 붙인 컨트롤).
암묵적 역할 Implicit Role
role 속성 없이도 HTML 요소가 기본으로 가지는 역할입니다. 예를 들어 <button>은 button, <nav>는 navigation입니다. HTML과 ARIA 매핑
역할 Role
요소가 무엇인지(버튼, 링크, 탭 등)를 나타내는 정보입니다. HTML 요소의 암묵적 역할이나 role 속성으로 정해집니다. 역할 레퍼런스
웹 접근성 Web Accessibility
장애인, 고령자 등 누구나 신체적·환경적 조건과 관계없이 웹 콘텐츠를 인식하고 이해하고 조작할 수 있도록 보장하는 것입니다.
웹 접근성 품질인증 (인증마크) Web Accessibility Quality Certification
국내 웹 사이트가 KWCAG를 준수하는지 정부가 지정한 인증기관이 심사해 부여하는 인증입니다. 전문가 심사와 장애인 사용자 평가를 거치며, 인증마크의 유효기간은 1년입니다.
위젯 Widget
버튼, 체크박스, 탭, 슬라이더처럼 사용자가 직접 조작하는 UI 구성 요소입니다.
음성 해설 Audio Description
동영상의 중요한 시각 정보(장면, 자막 없는 글자 등)를 음성으로 설명하는 것입니다.
이름 금지 역할 Naming Prohibited
generic, paragraph, presentation 등 aria-label·aria-labelledby로 이름을 붙이면 안 되는 역할입니다. <div>, <span>이 대표적입니다.
이름·역할·값 Name, Role, Value
보조기술이 UI 요소에서 읽는 핵심 정보입니다. WCAG 4.1.2의 이름이기도 합니다. 이름·역할·상태·값
읽기 순서 Reading Order
화면낭독기가 콘텐츠를 읽는 순서로, DOM 순서를 따릅니다. CSS로 시각적 순서만 바꾸면 화면과 읽기 순서가 달라질 수 있습니다.
자동 검사 Automated Testing
도구가 코드를 분석해 접근성 오류를 찾는 검사입니다. 빠르지만 전체 문제의 일부만 찾을 수 있어 수동 검사와 함께 해야 합니다. 검사 도구
자막 Captions
동영상의 대사와 중요한 소리 정보를 글자로 보여 주는 것입니다. 청각장애인을 위해 필요합니다.
자식 표현 전용 Children Presentational
button, img, checkbox 등 일부 역할에서 자식 요소의 의미가 무시되고 텍스트만 쓰이는 성질입니다. 예를 들어 버튼 안의 제목은 제목으로 노출되지 않습니다.
장식 이미지 Decorative Image
정보를 담지 않고 꾸미기만 하는 이미지입니다. 보조기술이 읽지 않도록 alt="" 또는 aria-hidden을 씁니다.
장애인차별금지법 Act on the Prohibition of Discrimination against Persons with Disabilities
「장애인차별금지 및 권리구제 등에 관한 법률」입니다. 제21조에서 웹 사이트 등 전자정보에 대한 정당한 편의 제공 의무를 정하고 있어, 국내 웹 접근성 준수의 법적 근거가 됩니다.
적합성 Conformance
웹 페이지가 특정 수준의 모든 성공 기준을 충족하는 것입니다. 페이지 전체, 전체 과정 단위로 판정합니다.
적합성 수준 Conformance Level
성공 기준의 등급인 A(최소), AA(권장 표준), AAA(최고)입니다. 대부분의 법·정책은 AA 충족을 요구합니다.
전역 속성 Global States and Properties
역할과 관계없이 모든 요소에 쓸 수 있는 ARIA 속성입니다. aria-label, aria-hidden, aria-live 등이 있습니다.
점자정보단말기 Braille Display
화면낭독기가 출력하는 텍스트를 손으로 읽을 수 있는 점자로 표시하는 장치입니다. 점자 출력용 이름은 aria-braillelabel로 따로 지정할 수 있습니다(ARIA 1.3 초안).
접근 가능한 설명 Accessible Description
이름에 더해 보충 정보를 주는 문자열입니다. 보통 이름·역할 다음에 읽힙니다. aria-describedby 등으로 지정합니다. 설명 연결
접근 가능한 이름 Accessible Name
보조기술이 요소를 부를 때 쓰는 이름입니다. 버튼·링크·입력 필드 같은 상호작용 요소에는 반드시 있어야 합니다. 접근 가능한 이름
접근성 객체 Accessible Object
접근성 트리의 노드 하나입니다. 브라우저가 DOM 요소마다(또는 여러 요소를 합쳐) 만들어 접근성 API로 노출합니다.
접근성 트리 Accessibility Tree
브라우저가 DOM을 바탕으로 만드는, 보조기술용 정보 트리입니다. 각 노드는 이름·역할·상태·값 등을 가지며 ARIA는 이 트리의 정보를 바꿉니다. 접근성 트리와 접근성 API
접근성 API Accessibility API
운영체제가 제공하는, 앱과 보조기술 사이의 표준 인터페이스입니다. Windows의 MSAA·IAccessible2·UI Automation, macOS의 AX API, Linux의 ATK/AT-SPI, Android의 접근성 프레임워크가 있습니다.
제목 구조 Heading Structure
<h1>~<h6>로 만든 문서의 개요입니다. 화면낭독기 사용자가 가장 많이 쓰는 탐색 수단 중 하나입니다.
추상 역할 Abstract Role
widget, landmark, input처럼 역할 분류 체계를 구성하기 위한 개념상의 역할입니다. 작성자가 role 값으로 쓰면 안 됩니다.
충분한 기법 Sufficient Techniques
WCAG 성공 기준을 충족하는 것으로 인정되는 구현 방법입니다. ARIA 기법(ARIA1~ARIA24 등)도 여기에 포함됩니다.
키보드 함정 Keyboard Trap
키보드로 들어간 영역에서 키보드로 빠져나올 수 없는 상태입니다. 임베드 플레이어, 잘못 만든 위젯에서 자주 발생합니다.
터치 대상 크기 Target Size
포인터·손가락으로 누르는 영역의 크기입니다. WCAG 2.2의 2.5.8(AA)은 최소 24×24 CSS 픽셀(또는 충분한 간격)을 요구합니다.
토글 버튼 Toggle Button
누를 때마다 켜짐·꺼짐이 바뀌는 버튼입니다. aria-pressed로 상태를 알립니다. 이름은 상태와 관계없이 그대로 둡니다.
펼침 (디스클로저) Disclosure
버튼으로 콘텐츠 영역을 펼치거나 접는 UI입니다. 버튼에 aria-expanded를 씁니다. 펼침 패턴
포커스 Focus
키보드 입력을 받을 요소가 현재 어디인지를 나타내는 상태입니다. Tab 키로 이동하며, 포커스를 받은 요소는 눈에 보이게 표시되어야 합니다.
포커스 모드 (폼 모드) Focus Mode / Forms Mode
키 입력을 웹 페이지로 그대로 전달하는 화면낭독기 모드입니다. 입력 필드나 복합 위젯에 포커스가 가면 보통 자동으로 전환됩니다.
포커스 순서 Focus Order
Tab 키로 이동할 때 요소를 방문하는 순서입니다. 의미와 조작 흐름에 맞는 논리적 순서여야 합니다(WCAG 2.4.3).
포커스 트랩 (포커스 가두기) Focus Trap
모달 대화상자가 열려 있는 동안 Tab 포커스가 대화상자 밖으로 나가지 않게 하는 기법입니다. 의도된 가두기와 달리 빠져나올 수 없는 “키보드 함정”은 WCAG 2.1.2 위반입니다. 대화상자 패턴
포커스 표시 Focus Indicator
포커스를 받은 요소 주위에 나타나는 테두리 등의 시각적 표시입니다. outline: none으로 없애면 키보드 사용자가 위치를 잃습니다(WCAG 2.4.7).
프레젠테이션 역할 Presentational Role
role="presentation" 또는 role="none"으로 요소의 의미를 없애는 것입니다. 레이아웃용 표 등에 쓰며, 포커스 가능한 요소에는 쓰지 않습니다. none
화면 확대 프로그램 Screen Magnifier
화면의 일부를 크게 확대해 보여 주는 보조기술입니다. 저시력 사용자가 쓰며, 포커스 위치를 따라 확대 영역이 이동하므로 포커스 관리가 중요합니다.
화면낭독기 (스크린 리더) Screen Reader
화면의 내용을 음성이나 점자로 출력하는 보조기술입니다. NVDA, 센스리더, JAWS, VoiceOver, TalkBack 등이 있습니다. 화면낭독기로 테스트하기
활성 하위 요소 Active Descendant
실제 포커스는 컨테이너에 둔 채 aria-activedescendant로 “현재 항목”을 가리키는 기법입니다. 콤보박스·리스트박스에서 많이 씁니다.
AAM (접근성 API 매핑) Accessibility API Mappings
HTML 요소나 ARIA 역할·속성이 각 운영체제 접근성 API에 어떻게 연결되는지 정한 W3C 명세 묶음입니다. HTML-AAM, Core-AAM, SVG-AAM 등이 있습니다.
AccName Accessible Name and Description Computation
접근 가능한 이름과 설명을 계산하는 알고리즘을 정한 W3C 명세입니다. aria-labelledby, aria-label, 네이티브 레이블, 콘텐츠, title 순의 우선순위를 정합니다.
APG ARIA Authoring Practices Guide
탭, 대화상자, 메뉴 등 위젯을 ARIA로 만드는 방법과 키보드 동작을 안내하는 W3C 문서입니다. 규범 명세가 아닌 권장 안내서입니다. 컴포넌트 패턴
aria-hidden aria-hidden
요소를 화면에는 두고 접근성 트리에서만 제외하는 속성입니다. 장식 아이콘에 쓰며, 포커스 가능한 요소에는 쓰지 않습니다. aria-hidden
DOM Document Object Model
HTML 문서를 브라우저가 트리 구조의 객체로 표현한 것입니다. 접근성 트리는 DOM과 계산된 스타일을 바탕으로 만들어집니다.
inert inert
요소와 그 자손을 포커스·클릭·보조기술에서 모두 제외하는 HTML 속성입니다. 모달 뒤 배경을 비활성화할 때 유용합니다.
KWCAG Korean Web Content Accessibility Guidelines
한국형 웹 콘텐츠 접근성 지침으로, WCAG를 바탕으로 만든 국가 표준입니다. 최신 2.2는 4원칙 아래 33개 검사 항목으로 구성됩니다. KWCAG 2.2
polite / assertive Politeness
라이브 리전의 알림 긴급도입니다. polite는 읽던 내용을 마친 뒤, assertive는 즉시 끊고 알립니다. assertive는 긴급한 경우에만 씁니다.
tabindex tabindex
요소의 포커스 가능 여부와 순서를 정하는 HTML 속성입니다. 0은 순서에 포함, -1은 스크립트로만 포커스 가능을 뜻하며, 양수 값은 순서를 어지럽혀 쓰지 않습니다.
WAI-ARIA (ARIA) Accessible Rich Internet Applications
HTML만으로 표현하기 어려운 UI의 역할·상태·속성을 보조기술에 전달하기 위해 W3C가 정한 명세입니다. 현재 권고안은 1.2입니다. ARIA란 무엇인가
WCAG Web Content Accessibility Guidelines
W3C WAI가 만든 국제 웹 콘텐츠 접근성 지침입니다. 최신 권고안은 2.2(2023년 10월)이며, 인식·운용·이해·견고성 4원칙 아래 성공 기준을 둡니다. WCAG 2.2