용어 사전 coding 용어 페이지

라이브 영역

`aria-live="polite"` 같은 속성을 붙여 상태 변화를 보조기기가 읽도록 만듭니다

live-regions #coding#javascript

English version

다른 이름

Live Region, 자동 읽기 영역

관련 개념

시맨틱 HTML ARIA 속성 키보드 내비게이션

핵심 아이디어

라이브 영역는 aria-live="polite" 같은 속성을 붙여 상태 변화를 보조기기가 읽도록 만듭니다. 로딩, 성공, 오류 메시지에 사용합니다. 이 개념은 시맨틱 HTML, ARIA 속성, 포커스 흐름 같은 주변 용어와 함께 쓰일 때 의미가 더 분명해집니다.

이 블로그에서의 역할

Mathbong에서는 javascript 주제 글에서 이 용어를 반복적으로 참조합니다.

이 개념을 다루는 글

[JavaScript 시리즈 13편] UI 코드에서 접근성과 시맨틱 HTML 의식하기 스크린 리더와 키보드 사용자를 배려하는 시맨틱 마크업, aria 속성, 포커스 제어 기법을 배웁니다.[JavaScript Series 13] Build Accessible UIs with Semantic HTML and JavaScript Learn semantic markup, ARIA attributes, and focus control techniques that serve screen-reader and keyboard users.