접근성

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

접근성 결함을 위한 린트

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

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

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

GitLab 저장소에는 axe-linter.yml 파일이 포함되어 있어 추가 구성을 플러그인에 적용합니다. 이를 통해 린터가 Pajamas 컴포넌트 중 일부를 분석하고 해당 속성을 원시 HTML 요소로 매핑할 수 있습니다.

자동화된 접근성 테스트

자동화된 A11Y 테스트를 구현하여 접근성 문제를 확인하고 기능이 시간이 지나도 항상 접근 가능하도록 보장합니다.

접근성 최선의 사례

접근성 있는 웹 애플리케이션을 구현하기 위해 이 최상의 사례를 따르세요. 해당 가이드에서 다루는 주제들 중 일부는 다음과 같습니다:

기타 리소스

웹 접근성 워크플로우와 스킬을 향상시키기 위해 이 도구와 학습 리소스를 활용하세요.

브라우저 접근성 트리 보기

브라우저 확장 프로그램

웹 접근성 테스트를 위해 다음과 같은 두 가지 옵션이 있습니다:

기타 링크