AI가 6명 중 1명에게 웹을 망가뜨리고 있습니다
AI가 4초 만에 완벽한 웹 양식을 생성했습니다. 깔끔한 레이블과 보기 좋은 파란색 버튼이 포함되어 있었습니다.
그러고 나서 스크린 리더를 켰습니다. 아무것도 없었습니다. 필드 이름도, 오류 메시지도 없었습니다. 그저 침묵뿐이었습니다.
AI는 그 어느 때보다 빠르게 웹의 시각적인 부분을 구축합니다. 하지만 6명 중 1명이 의존하는 부분은 건너뛰고 있습니다.
통계는 충격적입니다. • 상위 웹사이트의 95.9%에서 접근성 결함이 발견됩니다. • 2025년 접근성 관련 소송이 27% 급증했습니다. • 현재 새로운 코드의 41%가 AI로 생성됩니다.
AI는 Radix나 shadcn 같은 프레임워크를 사용하는 데 탁월합니다. 이러한 도구들은 키보드 네비게이션과 같은 까다로운 작업을 처리해 줍니다.
하지만 프레임워크가 모든 것을 해줄 수는 없습니다. AI는 여전히 개발자가 직접 관리해야 하는 계층에서 실패합니다:
- 이미지에 의미 있는 대체 텍스트(alt text) 작성하기.
- 명확한 양식 레이블 생성하기.
- 충분한 대비를 가진 색상 선택하기.
- 올바른 페이지 언어 설정하기.
AI는 눈에 보이지 않는 것을 건너뜁니다. 시각적인 디자인만 확인한다면, 시각 장애인이나 운동 장애가 있는 사용자들이 겪는 망가진 경험을 놓치게 됩니다.
이것은 더 이상 단순한 윤리 문제가 아닙니다. 법적 리스크입니다. 2026년에서 2028년 사이에 ADA Title II 준수 마감 기한이 다가오고 있습니다. 오버레이 위젯으로는 이 문제를 해결할 수 없습니다. 반드시 코드 수준에서 해결해야 합니다.
AI와 함께 더 나은 결과물을 만드는 방법:
- Radix나 shadcn과 같이 접근성이 보장된 기반 도구를 사용하세요.
- 워크플로우에 Axe와 같은 자동화 도구를 도입하세요.
- 수동 스크린 리더 테스트를 수행하세요. 자동화 도구는 누락된 레이블은 찾아낼 수 있지만, 그 레이블이 의미가 있는지는 판단할 수 없습니다.
- 코드를 배포한 후가 아니라, AI가 코드를 작성하는 과정에서 접근성에 대한 피드백을 제공하세요.
결과물을 그대로 믿지 마세요. 스크린 리더로 테스트하지 않는다면, 여러분은 망가진 제품을 출시하고 있는 것입니다.
AI를 사용하여 구축할 때, 그것이 접근성을 돕고 있습니까, 아니면 해치고 있습니까? 보이지 않는 계층을 테스트하고 있나요?