웹접근성 검수 시 주의 (웹접근성 마크를 위한)

1. skipnavigation

1. 다수의 건너뛰기를 제공할 경우, 핵심 콘텐츠인 본문으로 이동하기를 우선으로 제공.
   Content / GNB / Footer 순으로 스킵네비게이션을 구현한다.
2.  GNB의 경우 IE11에서 요소 등에 접근하지 못하는 버그가 있으므로,
   ul이전에 div와 id,크기값을 지정하여 주메뉴 영역으로 이동할 수있게 한다.

 

2. <title></title>

저시력자를 위해 해당 페이지의 내용을 쉽게 파악할 수 있도록 순서를 아래와 같이한다.
작은순에서 큰순으로 작성.
ex) faq < 고객라운지 < JEONst Home

 

3. 의미없는 이미지에는 alt를 "" 비게 한다.

<image src="주소" alt="">

 

4. label (레이블)

레이블의 내용을 <img> 형태로 제공할 경우, 일부 스크린리더는 인지못하는 경우 발생하여

해당 input에 title로 주거나, 레이블을 텍스트로 제공하는 방법이 있다.

 

5. button

버튼을 <img>로 제공할 경우, 스크린리더에서 인지못하는 경우 발생.
텍스트로 내용을 제공하거나, title를 줘서 레이블을 제공할 것

 

6. 레이어팝업

6-1. 의미없는 초점 이동은 하지 않는다. (tabindex=0)