Chrome에서 a11y를 확인하는 방법

a11y (액세서빌러티)는 항상 체크하지 않으면 곧 떨어집니다.
언제든지 Google 크롬 디버깅 도구를 사용하여 확인하세요.

SP 페이지 확인 방법



디버깅 도구 Audits 사용
여기는 SP 페이지에서만 실행할 수 있습니다.

1: Audits를 내는 방법



디버그 툴에 나오지 않았다면,
디버깅 도구를 연 상태에서 Command + Shift + P그러면 검색이 나오므로 show audits

2: a11y의 달성 상황을 조사한다



이번에는 a11y를 살펴보고 싶기 때문에
Accessibility에만 체크 표시 Run


잠시 후 다음과 같이 결과가 나오므로 warming 이상은 치료합시다.



PC/SP 페이지 확인 방법



Legacy Audits 사용
SP의 방법보다 정밀도가 떨어지므로 SP는 가능한 한 여기를 사용하지 않도록합시다.

1: Legacy Audits를 만드는 방법



디버깅 도구를 연 상태에서 Command + Shift + P그러면 검색이 나오므로 show legacy audits

2: a11y의 달성 상황을 조사한다



이번에는 a11y를 살펴보고 싶기 때문에
Accessibility에만 체크 표시 Run


잠시 후 다음과 같이 결과가 나오므로 warming 이상은 치료합시다.


세세하게 조사해 세세하게 치료해, 멋진 웹 페이지를 만들어 봅시다◎

좋은 웹페이지 즐겨찾기