Skip navigation
- 다수의 건너뛰기를 제공할 경우, 핵심 콘텐츠인 본문으로 이동하기를 우선으로 제공. Content / GNB / Footer 순으로 스킵네비게이션을 구현한다.
- GNB의 경우 IE11에서 <ul><li> 요소 등에 접근하지 못하는 버그가 있으므로, ul이전에 div와 id, 크기값을 지정하여 주메뉴 영역으로 이동할 수있게 한다.
Title tag
저시력자를 위해 해당 페이지의 내용을 쉽게 파악할 수 있도록 순서를 아래와 같이한다. 작은순에서 큰순으로 작성.
faq < 고객라운지 < Home
Img tag
의미없는 이미지에는 alt를 "" 비게 한다.
<image src="이미지 주소" alt="">
Label tag
레이블의 내용을 <img> 형태로 제공할 경우, 일부 스크린리더는 인지못하는 경우 발생한다.
그렇기 때문에 해당 Input에 title 속성을 주거나, label태그로 텍스트로 제공하는 방법이 있다.
Button
버튼을 <img>로 제공할 경우, 스크린리더에서 인지못하는 경우 발생한다.
이를 해소하기 위해 텍스트로 내용을 제공하거나, title를 줘서 레이블을 제공할 것
LayerPopup
의미없는 초점 이동은 하지 않는다. (tabindex=0)
'Publish > accessibility' 카테고리의 다른 글
WAI-ARIA (웹접근성) (1) | 2024.10.18 |
---|---|
WAI-ARIA UI - 아코디언 메뉴 (0) | 2021.06.29 |
실전에 쓰이는 WAI-ARIA (0) | 2021.06.29 |
웹접근성 검수 시 주의 (웹접근성 마크를 위한) (0) | 2021.06.29 |
단계를 나타내는 UI - 프로세스 이미지화 (0) | 2021.06.29 |