글로벌 UI·UX 브리핑 — 2026년 9월 2일
유럽 접근성법(EAA)이 프랑스·독일·스웨덴에서 실제 소송·경고장으로 이어지며 집행 단계에 들어섰고, 미국은 1분기에만 ADA 웹 소송 1,037건 — 일리노이가 처음으로 뉴욕을 제쳤습니다. NN/g는 2026년을 'AI 피로의 해'로, web.dev는 새 CSS 5종의 Baseline 전면 지원을 알렸습니다.
접근성 — EAA, “권고” 에서 “집행” 으로 넘어갔다
유럽 접근성법(European Accessibility Act, EAA) 은 2025년 6월 28일부터 시행 중이었지만, 2026년 들어 실제 소송·행정 조치로 이어지는 집행 단계에 접어들었습니다 (EAA Compliance in 2026 — Level Access).
| 국가 | 집행 방식 | 2026년 동향 |
|---|---|---|
| 프랑스 | 시민단체 소송 | 장애인 NGO 4곳이 2025년 7월 오샹·까르푸·E.르클레르·피카르에 법적 통지 발송, 2026년 6월 까르푸는 법원에서 “6개월 내 온라인 상거래 서비스 전면 접근성 확보” 명령을 받음 |
| 독일 | 사적 집행(경쟁법 근거) | 로펌들이 경고장(warning letter) 발송을 주도 |
| 스웨덴 | 규제기관(PTS) | 2025년 10월 첫 사건 개시, 공식 민원 124건 접수 |
| 네덜란드 | 규제기관(ACM) | 글로벌 기업 대상 정보요청 진행 중, 2026년 하반기 본격 집행 예상 |
확정된 벌금 사례는 아직 없지만 상한선은 국가별로 큽니다 — 스페인·이탈리아 최대 €100만, 네덜란드 최대 €90만 또는 연매출 10%, 독일 위반당 최대 €10만, 아일랜드는 유일하게 형사책임(최대 6개월 징역)까지 규정합니다 (Level Access). 기술 기준인 EN 301 549 도 2026년 개정판이 예정돼 있어, 지금 맞춰둔 적합성 목표가 연내 다시 움직일 수 있습니다.
EU 소비자 대상 온라인 서비스(전자상거래·뱅킹·전자책 등)를 운영한다면 “EAA 적합성은 한 번의 프로젝트가 아니라 지속적인 프로그램”이라는 원문의 표현대로, 적합성 감사 → 접근성 선언문 게시 → 불만 처리 체계 구비를 상시 트랙으로 가져가야 합니다.
접근성 — 미국 ADA 소송, 1분기에만 1,037건 — 일리노이가 뉴욕을 제쳤다
미국 쪽은 다른 각도의 압력입니다. 2026년 1분기 ADA 웹 접근성 소송은 1,037건으로 전년 동기 983건 대비 5.49% 증가했습니다 (Q1 2026 ADA Lawsuit Report — EcomBack).
| 순위 | 주 | 2026 Q1 건수 | 2025 Q1 대비 |
|---|---|---|---|
| 1 | 일리노이 | 256건(24.69%) | 111건 → 2배 이상 증가 |
| 2 | 캘리포니아 | 194건(18.71%) | — |
| 3 | 플로리다 | 186건(17.94%) | — |
| 4 | 뉴욕 | 160건(15.43%) | 369건 → 대폭 감소 |
일리노이가 처음으로 뉴욕을 제치고 소송 최다 주가 됐다는 점이 이번 분기의 핵심 변화입니다. 업종별로는 식음료(외식·배달) 가 334건(32.21%) 으로 가장 많이 타깃됐고, 패션·의류가 261건(25.17%) 으로 뒤를 이었습니다 — 상위 9개 업종이 전체 소송의 90.26%를 차지합니다. 지역·업종을 가리지 않고 소송이 분산되는 흐름이므로, “우리 지역·업종은 아직 안전하다”는 가정은 근거가 약해지고 있습니다.
디자인 트렌드 — NN/g, 2026년을 “AI 피로의 해”로 진단하다
Nielsen Norman Group 의 연례 전망 “State of UX 2026: Design Deeper to Differentiate” (Kate Moran·Raluca Budiu·Sarah Gibbons) 는 올해를 “AI 피로의 해” 로 규정합니다 (NN/G). 무분별한 AI 기능 추가로 사용자 피로가 누적되면서, “AI 경험의 핵심 설계 문제는 결국 신뢰” 라는 진단입니다. 이 흐름은 AI 에이전트가 배포될수록 더 커질 것으로 봅니다.
NN/g 가 제시하는 실무 방향은 두 가지입니다.
- AI 를 전면이 아니라 배경으로 — 성공하는 제품은 AI 를 요란하게 내세우기보다 “물러나 있는 도구”로 다루며, 에이전트를 내놓을 때도 사람의 방향 지시·큐레이션·검증을 필수 단계로 남겨둡니다.
- UX 리서치의 대상이 제품을 넘어 AI 모델 자체로 확장 — 리서치 데이터가 “조직 맥락에 맞춘 AI 모델 커스터마이징을 알리는” 용도로도 쓰이기 시작했다는 점에서, 리서처의 역할은 인터페이스 설계를 넘어 전략적 문제 해결로 넓어지고 있습니다.
수치 기반 벤치마크보다 방향 제시에 가까운 리포트지만, “AI 기능을 얼마나 넣었는가”가 아니라 “신뢰를 얼마나 지켰는가” 로 평가 기준이 옮겨가고 있다는 점은 로드맵 우선순위에 바로 반영할 만합니다.
기술 표준 — 2026년 Baseline Widely Available 에 새로 오른 것들
Baseline(WebDX Community Group 관리, 상호운용 확정 후 30개월이 지나야 “Widely available” 등급) 기준으로, 2026년 상반기에 다음 CSS·JS 기능들이 모든 주요 브라우저에서 안심하고 쓸 수 있는 단계에 올랐습니다 (web.dev Baseline 월간 다이제스트).
| 기능 | 도달 시점 | 용도 |
|---|---|---|
display 속성 다중 키워드 문법(inline flex 등) |
2026-01 | 외부·내부 디스플레이 타입을 분리 명시해 레이아웃 의도를 명확히 함 |
lh 단위 |
2026-05 | 요소의 계산된 line-height 기준 크기 지정 — 아이콘·배지를 텍스트 줄 높이에 정확히 맞춤 |
rlh 단위 |
2026-05 | 루트 요소의 line-height 기준 — 페이지 전체의 수직 리듬을 로컬 폰트 크기 변경과 무관하게 유지 |
Navigator.userActivation |
2026-05 | 동영상 자동재생·클립보드 접근 등 제한된 API 호출 전에 사용자 제스처 발생 여부를 확인 |
clip-path |
2026-05 | 원형·다각형 클리핑 영역으로 시각 레이아웃 구현 |
:user-invalid 의사클래스 |
2026-05 | 페이지 로드 직후가 아니라 사용자가 필드와 상호작용한 뒤에만 유효성 오류를 표시 |
:user-invalid 는 특히 폼 UX 에 바로 효과가 있습니다. 기존 :invalid 는 빈 필드에도 로드
즉시 빨간 테두리를 그려 사용자를 위축시키는 경우가 많았는데, 이 의사클래스는 입력 시도가
있은 뒤에만 반응해 불필요한 오류 표시를 줄입니다. 폴리필 없이 네이티브 CSS 로 대체할 수 있는
지점을 점검해볼 시점입니다.
오늘 바로 적용할 것
- EU 소비자 대상 서비스라면 EAA 적합성 감사 일정을 이번 분기에 잡으세요. 프랑스·스웨덴처럼 실제 명령·민원이 나오기 시작했고, EN 301 549 개정판이 연내 나오면 기준이 다시 움직입니다.
- 미국 서비스는 “우리 지역·업종은 안전하다”는 가정을 버리세요. 일리노이가 뉴욕을 제친 것처럼 소송 지형은 분기마다 바뀌고, 식음료·패션 외 업종도 이미 90% 넘게 분산돼 있습니다.
- AI 기능을 늘리기 전에 “이게 신뢰를 깎지 않는가”부터 물으세요. NN/g 의 진단대로, 지금은 기능 추가보다 에이전트 동작에 사람의 검증 단계를 남겨두는 설계가 더 높게 평가받습니다.
- 폼 유효성 검사에
:user-invalid도입을 검토하세요. 로드 즉시 오류를 띄우던:invalid를 대체해 사용자가 실제로 입력을 시도한 뒤에만 피드백을 주는 것으로 바꿀 수 있습니다.
출처
- EAA Compliance in 2026: How Enforcement Has Evolved and What to Expect Nexthttps://www.levelaccess.com/blog/eaa-compliance-in-2026-how-enforcement-has-evolved-and-what-to-expect-next/
- Q1 2026 ADA Lawsuit Report – 1,037 Cases — EcomBackhttps://www.ecomback.com/ada-website-lawsuits-recap-report/q1-2026
- State of UX 2026: Design Deeper to Differentiate — Nielsen Norman Grouphttps://www.nngroup.com/articles/state-of-ux-2026/
- May 2026 Baseline monthly digest — web.devhttps://web.dev/blog/baseline-digest-may-2026
- January 2026 Baseline monthly digest — web.devhttps://web.dev/blog/baseline-digest-jan-2026