접근성

접근성은 화면 읽기 프로그램을 사용하거나 키보드 전용 기능에 의존하는 사용자에게 중요하며,

시각 장애인이 마우스를 사용하는 사용자와 동등한 경험을 제공하는 데 도움이 됩니다.

접근성 결함에 대한 린팅

접근성 결함에 대한 린팅을 무료 VS Code 플러그인인 axe Accessibility Linter로 활성화할 수 있습니다.

VS Code를 사용하는 모든 GitLab 기여자에게 이 플러그인을 강력히 권장합니다.

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

GitLab 리포지토리에는 플러그인에 추가 구성을 추가하는 axe-linter.yml 파일이 포함되어 있습니다.

이 파일은 린터가 Pajamas 구성 요소를 분석할 수 있도록 매핑하고 해당 속성을 기본 HTML 요소에 연결합니다.

접근성 문제를 발견하고 기능이 시간이 지남에 따라 접근 가능성을 유지하도록 자동화된 A11Y 테스트를 구현합니다.

접근 가능한 웹 응용 프로그램을 구현하기 위해 이러한 모범 사례를 따르세요.

이 가이드에서 다루는 주제는 다음과 같습니다:

웹 접근성 작업 흐름 및 기술을 개선하기 위해 이러한 도구 및 학습 리소스를 사용하세요.

우리는 웹 접근성 테스트를 위한 두 가지 옵션이 있습니다: