접근성

접근성은 스크린 리더를 사용하거나 키보드 기능에 의존하는 사용자에게 중요합니다. 이를 통해 시각적 마우스 사용자와 동등한 경험을 할 수 있도록 보장합니다.

접근성 결함을 위한 린팅

무료 VS Code 플러그인인 axe Accessibility Linter를 사용하여 접근성 결함에 대한 린팅을 활성화할 수 있습니다. GitLab에 기여하는 모든 사용자에게 VS Code를 사용할 것을 강력히 권장합니다.

  1. VS Code 편집기를 엽니다.
  2. 확장 기능으로 이동합니다.
  3. axe Accessibility Linter를 검색하고 플러그인을 설치합니다.

Axe Accessibility Linter는 HTML, Markdown 및 Vue 파일에서 작동합니다. 현재로서는 HAML 파일을 지원하지 않습니다. 코드를 작성하는 동안 즉시 피드백을 받을 수 있습니다.

GitLab 리포지토리에는 플러그인에 추가 구성을 제공하는 axe-linter.yml 파일이 포함되어 있습니다. 이를 통해 린터가 Pajamas 구성 요소 중 일부를 분석하고 이들 속성을 기본 HTML 요소에 매핑할 수 있습니다.

자동화된 접근성 테스트

자동화된 A11Y 테스트를 구현하여 접근성 문제를 발견하고 기능이 시간이 지나도 접근 가능한 상태를 유지하는 것을 보장하세요.

접근성 최상의 실천법

접근 가능한 웹 애플리케이션을 구현하기 위한 최상의 실천법를 준수하세요. 이 안내서에서 다루는 주제 중 일부는 다음과 같습니다:

기타 리소스

웹 접근성 워크플로 및 기술을 향상시키기 위한 도구 및 학습 리소스를 활용하세요.

브라우저 접근성 트리 보기

브라우저 확장 프로그램

웹 접근성 테스트에는 두 가지 옵션이 있습니다:

기타 링크