접근성

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

접근성 결함을 위한 린트 처리

무료 VS Code 플러그인인 axe Accessibility Linter을 사용하여 접근성 결함을 위한 린트 처리를 활성화할 수 있습니다. 저희는 GitLab에 기여하는 모든 사람들이 VS Code를 사용하기를 강력히 권장합니다.

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

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

자동 A11Y 테스트 구현을 통해 접근성 문제를 찾아내고 기능이 시간이 지나도 접근 가능한 상태를 유지할 수 있습니다.

접근성 웹 애플리케이션을 구현하기 위해 이 최적의 실천 방법을 따르세요. 해당 안내서에서 다루는 주제들 중 일부는 다음과 같습니다:

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