Chrome Dev tools (Google IO)

Do Ho Kim·2022년 6월 13일
0

접근성을 고치려면 2가지를 해야한다.

  • Find Bugs
  • Fix them

LightHouse에 일부 접근성툴이 있다.

  • 결과에 노이즈가 많지 않아.
  • 일반적인 접근 방식을 제공

접근성 검사

  1. LightHouse 실행
  2. Chromevox를 사용해 몇 가지 테스트 수행

Turn on the Full-page accessibility Tree

  1. open devtools
  2. accessibility pane
  3. Check “Enable full-page accessibility tree”
  4. Reload Devtools
  5. Elements Pane
  6. “Switch to Accessibility Tree View” button

회고

  • 접근성이란 모든 사용자가 콘텐츠에 액세스하고 사이트를 효과적으로 탐색할 수 있는 정도이다.
  • LightHouse로는 모든 접근성이 잡히지 않을 수도 있다. 따라서 ChromeVox와 같은 수동 테스팅 도구도 필요하다.

참조

profile
Front-End Developer

0개의 댓글