RGAA 4.1 매핑 및 패턴 감지로 접근성 진단 62% 자동화

Context

유럽 접근성 법(EAA) 시행에 따라 국가별 표준 준수가 필수적이나, 기존 Axe, Lighthouse 등 글로벌 도구들이 WCAG 기반으로 작동하여 프랑스 표준인 RGAA 4.1의 세부 기준을 충족하지 못하는 한계 발생.

Technical Solution

• axe-core 엔진 상단에 RGAA 기준을 매핑한 추상화 계층을 설계하여 WCAG와 RGAA 간의 N:M 관계를 데이터베이스 수준에서 정교하게 정의
• DOM 구조 및 CSS Selector, 위반 유형을 비교 분석하는 Pattern Detection 로직을 구현하여 수백 개의 개별 위반 사항을 단일 컴포넌트 수정 단위로 그룹화
• DOM Fingerprinting 기법 기반의 템플릿 감지 로직을 적용하여 중복 페이지 스캔을 배제하고 대표 샘플링만으로 전체 사이트 상태를 추론하는 효율적 크롤링 수행
• GitHub Action 및 REST API, MCP Server를 통한 CI/CD 통합 파이프라인을 구축하여 배포 전 Threshold 기반의 자동 게이트키핑 구현
• OpenAI API를 연동하여 감지된 프레임워크(Vue, React 등)에 최적화된 맞춤형 수정 코드 제안 시스템 구축

Impact

• 전체 106개 RGAA 기준 중 66개 항목(62%)의 자동화 검증 달성
• 필수 요소(Mandatory elements) 영역에서 90%의 높은 자동화 커버리지 확보
• Pattern Grouping을 통한 수백 건의 위반 사항을 단일 액션 플랜으로 전환하여 수정 비용 획기적 절감