Chrome에서 a11y를 확인하는 방법
1866 단어 디버깅a11yaccessibility웹
언제든지 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 이상은 치료합시다.
세세하게 조사해 세세하게 치료해, 멋진 웹 페이지를 만들어 봅시다◎
Reference
이 문제에 관하여(Chrome에서 a11y를 확인하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ikemai/items/7ae8bdc6c02d26fb7d1f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Legacy Audits 사용
SP의 방법보다 정밀도가 떨어지므로 SP는 가능한 한 여기를 사용하지 않도록합시다.
1: Legacy Audits를 만드는 방법
디버깅 도구를 연 상태에서
Command + Shift + P
그러면 검색이 나오므로 show legacy audits
2: a11y의 달성 상황을 조사한다
이번에는 a11y를 살펴보고 싶기 때문에
Accessibility에만 체크 표시
Run
잠시 후 다음과 같이 결과가 나오므로 warming 이상은 치료합시다.
세세하게 조사해 세세하게 치료해, 멋진 웹 페이지를 만들어 봅시다◎
Reference
이 문제에 관하여(Chrome에서 a11y를 확인하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ikemai/items/7ae8bdc6c02d26fb7d1f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)