접근성
접근성은 스크린 리더를 사용하거나 키보드 기능에 의존하는 사용자에게 중요합니다. 이를 통해 시각적 마우스 사용자와 동등한 경험을 할 수 있도록 보장합니다.
접근성 결함을 위한 린팅
무료 VS Code 플러그인인 axe Accessibility Linter를 사용하여 접근성 결함에 대한 린팅을 활성화할 수 있습니다. GitLab에 기여하는 모든 사용자에게 VS Code를 사용할 것을 강력히 권장합니다.
- VS Code 편집기를 엽니다.
- 확장 기능으로 이동합니다.
- axe Accessibility Linter를 검색하고 플러그인을 설치합니다.
Axe Accessibility Linter는 HTML, Markdown 및 Vue 파일에서 작동합니다. 현재로서는 HAML 파일을 지원하지 않습니다. 코드를 작성하는 동안 즉시 피드백을 받을 수 있습니다.
GitLab 리포지토리에는 플러그인에 추가 구성을 제공하는 axe-linter.yml
파일이 포함되어 있습니다. 이를 통해 린터가 Pajamas 구성 요소 중 일부를 분석하고 이들 속성을 기본 HTML 요소에 매핑할 수 있습니다.
자동화된 접근성 테스트
자동화된 A11Y 테스트를 구현하여 접근성 문제를 발견하고 기능이 시간이 지나도 접근 가능한 상태를 유지하는 것을 보장하세요.
접근성 최상의 실천법
접근 가능한 웹 애플리케이션을 구현하기 위한 최상의 실천법를 준수하세요. 이 안내서에서 다루는 주제 중 일부는 다음과 같습니다:
기타 리소스
웹 접근성 워크플로 및 기술을 향상시키기 위한 도구 및 학습 리소스를 활용하세요.
브라우저 접근성 트리 보기
브라우저 확장 프로그램
웹 접근성 테스트에는 두 가지 옵션이 있습니다:
기타 링크
- The A11Y Project: 접근성에 관한 좋은 리소스입니다.
- Awesome Accessibility: 접근성 관련 자료의 모음입니다.