글로벌 UI·UX 브리핑 — 2026년 9월 7일

접근성 — WebAIM Million 2026, 8년 만에 방향이 꺾였다

WebAIM Million은 매년 상위 100만 개 홈페이지를 자동 검사해 WCAG 위반을 집계하는 연례 조사입니다. 2026년판은 처음 조사를 시작한 2019년 이후 8년 만에 개선 흐름이 꺾였다고 보고했습니다.

지표	2025년	2026년	변화
홈페이지당 평균 오류 수	51개	56.1개	+10.1%
WCAG 위반 홈페이지 비율	94.8%	95.9%	+1.1%p

숫자만 보면 소폭 악화지만, 원인을 보면 구조적입니다. WebAIM에 따르면 홈페이지당 평균 DOM 요소 수가 1년 만에 22.5% 늘었습니다. 서드파티 프레임워크·컴포넌트 라이브러리·AI 보조 코딩이 페이지를 더 복잡하게 만들었고, 복잡도가 늘어난 만큼 오류도 함께 늘었습니다. 접근성을 해치는 건 대개 새 기술이 아니라, 새 복잡도를 검토 없이 얹는 습관입니다.

가장 흔한 오류 6종이 전체 오류의 96%를 차지합니다. 8년째 순위가 거의 바뀌지 않았다는 점이 눈에 띕니다.

오류 유형	발생 홈페이지 비율
저대비 텍스트	83.9%
이미지 대체 텍스트 누락	53.1%
폼 입력 라벨 누락	51.0%
빈 링크	46.3%
빈 버튼	30.6%
문서 언어(lang) 누락	13.5%

여섯 개 전부 자동 검사 도구가 잡아내고, 코드 몇 줄로 고칠 수 있는 것들입니다. 그런데도 8년째 1위 자리를 지키는 저대비 텍스트가 특히 그렇습니다 — 새 기능이 필요한 게 아니라 디자인 승인 단계에서 대비비를 체크하는 습관만 있으면 됩니다.

규제 — EU가 다크패턴에 처음으로 벌금을 물렸다

2025년 12월 5일, EU 집행위원회가 X(옛 트위터)에 디지털서비스법(DSA) 위반으로 1억2천만 유로 벌금을 부과했습니다. DSA 발효 후 나온 첫 비준수(non-compliance) 결정입니다.

Goodwin의 분석에 따르면 위반 사유는 세 가지입니다.

1. 유료 인증배지의 다크패턴 — 결제만 하면 누구나 ‘인증됨’ 배지를 얻을 수 있는데, 정작 계정 신원은 검증하지 않습니다. 배지가 주는 신뢰 신호와 실제 검증 수준이 어긋나 있는 것 자체를 기만적 디자인으로 판단했습니다.
2. 광고 투명성 저장소 미비 — 대형 플랫폼에 의무화된 광고 저장소에서 광고주 신원·광고 내용 같은 핵심 정보가 빠져 있었습니다.
3. 연구자 데이터 접근 차단 — 추천 알고리즘의 유해성을 외부에서 검증할 수 있는 통로 자체가 막혀 있었습니다.

유료 배지가 ’검증됨’을 뜻하지 않는데도 그렇게 보이게 디자인한 것 — EU는 이걸 UI 문제가 아니라 법 위반으로 봤습니다.

X 는 인증 시스템의 기만적 구조를 고치는 데 60영업일, 광고 투명성·연구자 접근 개선 계획을 내는 데 90영업일을 받았습니다. 인증 배지·구독 해지·쿠키 동의처럼 신뢰 신호를 다루는 UI를 만드는 팀이라면, 지금까지는 관행이던 패턴도 규제 리스크로 바뀌었다는 뜻입니다.

오버레이의 함정 — 소송은 늘고 방패는 못 된다

접근성 오버레이(overlay)는 사이트 코드를 고치지 않고 자바스크립트 위젯 한 줄만 얹어 WCAG 준수를 자동으로 해결해준다고 홍보되는 상품입니다. 실제로는 정반대 방향으로 흘러가고 있습니다.

accessibility.works가 인용한 UsableNet 2025 보고서에 따르면 접근성 오버레이를 쓰는 사이트가 전체 디지털 접근성 소송의 28%를 차지했습니다(2024년 25%에서 상승). 오버레이가 방어 근거가 아니라, 오버레이를 쓰는 사이트를 자동 탐지해 골라 거는 소송 표적이 되고 있다는 뜻입니다. BuiltWith 같은 기술 탐지 서비스로 오버레이 사용 사이트를 걸러낼 수 있기 때문입니다.

같은 흐름에서 미국 FTC는 2025년 1월 오버레이 업체 accessiBe에 100만 달러 벌금을 명령했고, 2025년 4월 최종 승인됐습니다. 자사 AI 위젯이 어떤 사이트든 48시간 안에 WCAG 준수 상태로 만들 수 있다고 광고했지만, 실제로는 메뉴·표·이미지 같은 기본 구성요소조차 접근 가능하게 만들지 못한 사례가 다수 확인됐습니다. FTC는 최종명령에서 accessiBe가 근거 없이 ’WCAG 준수를 보장한다’고 광고하는 것을 금지했습니다.

왜 오버레이가 구조적으로 안 통하는지는 앞 절의 표를 다시 보면 됩니다. 오류 상위 6종 — 저대비 텍스트, 대체 텍스트 누락, 폼 라벨 누락, 빈 링크·버튼, 언어 속성 누락 — 은 전부 마크업·디자인 토큰 단으로 고쳐야 하는 문제입니다. 클라이언트 사이드에서 DOM을 사후 조작하는 위젯이 근본 원인까지 손댈 수는 없습니다.

오늘 바로 적용할 것

1. 자사 사이트에 접근성 오버레이가 있다면 소송 방어막이 아니라 표적 신호일 수 있음을 인지하세요. 오버레이를 걷어내는 게 목표가 아니라, 오버레이가 가리고 있던 마크업 단 문제를 실제로 고치는 로드맵이 필요합니다.
2. 저대비 텍스트부터 스캔하세요. 8년째 1위, 홈페이지 83.9%에서 발견되는 가장 흔한 오류이자 가장 고치기 쉬운 오류입니다. 디자인 승인 단계에 대비비 체크를 넣는 것만으로 예방됩니다.
3. 인증배지·구독 해지·동의창처럼 신뢰 신호를 다루는 UI를 다시 보세요. EU가 다크패턴에 실제 벌금을 물린 첫 사례가 나온 만큼, “관행이었다”는 이유로 넘어가던 패턴도 재검토할 시점입니다.