CI/CD 통합 및 Semantic HTML 기반의 Open Source Accessibility 아키텍처 설계

Context

접근성(Accessibility)을 사후 처리 과제로 취급함에 따른 기술 부채 증가와 사용자 경험 저하 발생. 표준화된 가이드라인 부재로 인해 Open Source 프로젝트 내 일관성 없는 UI/UX 구현 및 유지보수 효율성 저하 문제 직면.

Technical Solution

• ACCESSIBILITY.md 도입을 통한 프로젝트 접근성 상태의 투명한 공개 및 기술적 커밋먼트 명시
• PR Checklist 및 Issue Template 내 a11y regression 라벨을 통합하여 코드 리뷰 단계에서 접근성 결함 사전 차단
• axe-core 기반의 jest-axe(Component level) 및 @axe-core/playwright(E2E level)를 CI/CD 파이프라인에 통합하여 자동화된 회귀 테스트 수행
• GitHub Actions 내 Lighthouse audit 단계를 추가하여 배포 전 정기적인 접근성 점수 검증 및 성능 지표 모니터링
• ARIA Authoring Practices Guide(APG) 준수를 통한 복잡한 UI 패턴의 Semantic HTML 구현 및 보조 공학 기기 호환성 확보
• Fable 및 Access Works 플랫폼을 통한 실제 장애 사용자 대상 Usability Testing을 수행하여 자동화 도구의 한계를 보완하는 피드백 루프 구축