[접근성] 크롬 확장 프로그램 openWax

📌 openwax란?

• 크롬, 파이어폭스의 확장 프로그램 중 하나로 접근성 관련된 문제를 자동으로 검사해준다.

• 웹 접근성 표준(WCAG, 한국형 웹접근성 지침 2.0 등)을 기준으로 검사한다.

• 크롬 기준으로 확장프로그램 설치하면 openWax를 바로 사용 할 수 있다.

 

[접근성] 명도대비 확인하기 (feat. 크롬 확장 프로그램) WCAG Color contrast checker

 
⬆️ 설치 방법은 저번에 쓴 WCAG Color contrast checker 설치하는 거랑 똑같다!
 
 
 

 

• openWAX 프로그램을 돌려보면 웹사이트 좌측에 접근성에 준수하지 않은 부분이 빨간색으로 뜬다.

위의 문제는 테이블에 관한 마크업 규칙이 접근성에 맞지 않는 구조라는 의미다.
➡️ table 태그의 필수인 caption, thead등이 없다는 의미.
나도 작업하면서 까먹고 누락시켰다.
(tfoot 태그는 권장되는 요소이기는 하나 필수는 아니라고 알고있음.)

 

➡️ 오류 떴던 부분을 수정하면 빨간색으로 체크 됐던 부분이 사라진다!

• 하지만 이것도 한계점이 은근 많아서 키보드처리, 애니메이션, Aria속성 등등 별도로 체크 해야한다고 한다.
  솔직히 마크업만 잘해도...