제품 스코어카드

UI를 테스트하고 접근성 기대치를 얼마나 잘 충족하는지 평가하는 권장 방법을 정리한 스코어카드예요. 완성된 스코어카드는 중요한 기준을 어떻게 충족하는지 명확히 보여줌으로써, UI의 접근성을 이해관계자에게 전달하는 데 도움이 돼요.

출처: Product Scorecard

본문

접근성 점수 매기기

접근성 측정의 적절한 평가를 지원하기 위해, UI를 테스트하고 접근성 기대치를 얼마나 잘 충족하는지 평가하는 권장 방법을 정리한 스코어카드를 만들었어요. 완성된 스코어카드는 중요한 기준을 어떻게 충족하는지 명확히 보여줌으로써, UI의 접근성을 이해관계자에게 전달하는 데 도움이 됩니다.

접근성 점수 매기는 일은 일회성으로 해서는 안 돼요. 제품이 진화함에 따라 정기적으로 평가해야 하는 일입니다.

접근성 스코어카드는 제품 접근성의 현재 상태에 대한 상위 수준의 개요를 제공하지만, 우리 접근성 테스트 가이드에서 설명한 것처럼 완전한 접근성 감사를 대체하기 위한 것은 아니에요. 접근성 감사는 접근성 스코어카드를 만드는 데 필수적인 부분입니다.

PatternFly.org 접근성 스코어카드

다음 예시는 PatternFly.org 웹사이트 문서를 평가해 완성된 스코어카드가 어떤 모습인지 보여줘요.

보고서 생성일: 2024년 11월 11일

Criteria	Status	Notes
axe-core 기반 도구를 사용해 생성한 접근성 보고서	✅	Q2 2024 보고서 (2024년 11월 11일) — 133개의 위반이 발견됨
수동 키보드 및 스크린 리더 테스트 수행	--
제품의 접근성 위반을 항목별로 나열하고 우선순위를 지정함. 메모는 위반이 어떻게 식별됐는지(생성된 보고서 및/또는 수동 테스트를 통해)를 나타내야 함	✅	patternfly/patternfly-org 이슈 #4374 — 생성된 보고서를 통해 오류 식별됨
항목 #3에서 식별된 치명적·주요 접근성 위반 해결 (%)	--	133개의 위반이 남아 있음
자동 접근성 검사를 pull request 또는 이에 준하는 코드 수락 기준에 추가함	--
수동 키보드 및 스크린 리더 접근성 검사를 pull request 또는 이에 준하는 코드 수락 기준에 추가함	✅	관련 PR에서 접근성 개발자를 식별하고 태그해 스크린 리더 및 키보드 상호작용을 수동으로 검토함
접근성 위반/회귀를 추적하기 위한 CI/CD 프로세스 수립. CI/CD 프로세스는 https://www.deque.com/axe/ 또는 patternfly-a11y 도구(마찬가지로 axe로 구축)를 사용하도록 연결할 수 있음	--	보고서 구성이 생성됨, CI/CD에 연결해야 함
PatternFly React 컴포넌트로 구축된 웹사이트. 대체 디자인 시스템/컴포넌트 라이브러리와 접근성 문서 참조를 함께 기재할 수 있음	✅
PatternFly React가 최신 릴리스로 업데이트됨	✅	현재 버전: `"@patternfly/patternfly": "6.0.0"`, `"@patternfly/react-core": "6.0.0"`
사용자 테스트 수행 (가산점 🌟)	--

제품 스코어카드