프론트엔드
접근성을 지원한다는 착각
두줄요약
접근성 속성을 텍스트 기반 UI 인터페이스로 보고, 보조 기술과 테스트에 함께 활용하는 관점을 설명합니다. ARIA 정보와 접근성 트리로 UI 요구사항을 직접 검증하는 방식을 제안합니다.
구조와 흐름
- 접근성을 다양한 환경이 UI 정보를 일관되게 해석하도록 하는 텍스트 기반 인터페이스 설계로 해석
- aria-label, accessibilityLabel, aria-role, aria-expanded를 스크린리더·음성 명령·안구 추적·테스트의 공통 정보로 활용
- 접근성 트리 또는 ViewTree를 텍스트로 출력해 플랫폼과 무관한 UI 검증 기반 확보
선택 이유
- 텍스트 출력물의 자기 기술성과 도구 간 조작 가능성
- 접근성 속성을 미래의 보조 기술에도 재사용 가능한 인터페이스로 활용
- 요구사항과 구현체의 실제 출력물을 직접 연결하는 테스트 방식
장단점
- 역할·이름·확장 상태 기반 쿼리로 UI 요구사항을 읽기 쉬운 테스트 코드로 표현
- 별도 테스트용 함수·상태·자료형 없이 접근성 정보 자체를 검증 대상으로 활용
- 이미지 스냅샷 테스트의 불명확한 명세성과 높은 유지보수 비용 완화
적용해볼 점
- UI 컴포넌트에 의미 있는 role, label, 상태 속성 부여
- 스크린리더로 제품을 직접 사용하며 텍스트 기반 인터페이스 점검
- 접근성 트리 스냅샷을 활용해 화면의 구조와 상태 검증
