AI 시대의 접근성 - TetraLogical — 2026년 29주 디자인 시스템

이 Piccalilli의 심층 분석은 모든 접이식 위젯 패턴을 aria-expanded가 실제로 필요한 경우와 웹 플랫폼이 이를 불필요하게 만드는 경우로 구분하여 매핑합니다. 저자는 패턴을 접이식 섹션(공개 위젯, 아코디언)과 접이식 인터랙티브 요소(내비게이션, 메뉴, 트리 뷰, 콤보 박스)로 나누며, 각각 고유한 ARIA 요구사항이 있습니다. 플라이아웃 내비게이션은 aria-expanded만 필요하지만, 진정한 메뉴 버튼은 aria-haspopup과 aria-activedescendant도 필요합니다. 네이티브 요소도 충분히 다뤄집니다. 단순 공개 위젯은 <details>/<summary>를 사용해야 하고, 모달은 인보커 커맨드와 함께 <dialog>를 사용해야 하며, 툴팁은 이제 Popover API(popover="auto")와 command="toggle-popover"를 사용해 JavaScript 없이 라이트 디스미스와 ESC 닫기 기능을 제공할 수 있습니다. APG 패턴은 프로덕션 템플릿이 아닌 ARIA 사용의 예시이며, 네이티브든 커스텀이든 모든 솔루션은 보조 기술로 테스트해야 한다고 경고합니다.

Christine Vallaure는 디자인 시스템 계약 모델을 소개합니다. 이는 컴포넌트별 단일 JSON 또는 YAML 파일로 Figma와 코드 사이에 위치하며, 어느 쪽도 정식 소스로 취급되지 않습니다. Figma 라이브러리와 코드베이스 모두 해당 파일에서 생성되고, 검사기가 세 가지 산출물이 여전히 일치하는지 검증합니다. 이 모델은 최근 Figma에 합류한 TJ Petri가 설립한 Southleft가 대중화했으며, 오픈소스 개념 검증 프로젝트는 Shoelace, Mantine, Carbon, Polaris를 대상으로 검증되었습니다. 긴박성은 실용적입니다. Southleft의 A/B 테스트에서 계약 없이 작업한 AI는 존재하지 않는 옵션을 만들고 색상을 하드코딩하며 컴포넌트 스타일을 임의로 변경해 100점 중 69점을 받은 반면, 계약에 의해 제약된 동일한 AI는 100점 만점을 기록하며 환각 대신 실제 격차를 지적했습니다. Vallaure는 범위를 솔직하게 밝힙니다. 계약은 구성과 토큰 매핑을 고정하지만, 드래그·타입어헤드·모션과 같은 세부 구현은 다루지 않으며 ARIA 시맨틱은 포함되어 있어 기분 좋은 놀라움이었다고 합니다. 결정적으로 Code Connect나 UXPin Merge와 달리 계약은 Figma도 코드도 우선시하지 않아, 디자이너의 의사결정 권한을 보존합니다.

Jabo Landry는 현대 HTML 프리미티브를 활용해 접근 가능한 오버레이를 구축하는 방법을 안내합니다. 팝업은 popover와 popovertarget 속성을 사용해 기본 제공 Escape 닫기와 라이트 디스미스를 지원하며, 모달은 <dialog> 요소에 트리거 버튼의 command="show-modal"과 닫기 버튼의 command="close"를 사용하여 JavaScript 없이 선언적으로 구현합니다. command/commandfor 브라우저 지원이 불확실한 경우 showModal() 메서드가 대안입니다. 이 글은 두 가지 실용적인 주의사항을 강조합니다. popover나 <dialog>에 직접 display: flex 또는 grid를 적용하면 기본 display: none이 재정의되어 항상 표시되므로 :popover-open이나 dialog[open] 선택자를 대신 사용해야 합니다. 또한 모달이 열린 상태에서 배경 스크롤은 html:has(dialog[open]) { overflow: hidden; }으로 억제할 수 있습니다. CSS 앵커 포지셔닝(position-anchor, anchor-name)은 팝업을 순수 CSS로 트리거에 고정할 수 있게 해주지만, 프로덕션 사용 전 브라우저 지원 확인이 필요합니다.

Vitaly Friedman은 AI 기능에 대한 기업의 야망과 실제 사용자의 욕구 사이의 간극을 조명하며, IBM의 2026년 AI 도입 격차 연구와 AI 챗봇이 오류 확인 의지를 약화시킨다는 닐슨 노먼 그룹 연구를 인용합니다. 핵심 주장은 AI 기능이 기존 워크플로에서 사람들을 이탈시키는 부가물이며, AI 출력을 검증하는 비용 — 훑어보기, 핵심 포인트 식별, 논리 확인, 수정 사항 명확화, 재검토 — 이 절약되는 시간을 초과하는 경우가 많다는 것입니다. 사용자들은 AI를 인간 대안과 비교하지 않고 기능을 기능과 비교하며, 기술에 관계없이 신뢰할 수 없는 기능은 신뢰할 수 있는 것에 패배합니다. 실용적인 처방은 AI 세컨드 설계입니다. 기존 멘탈 모델에 깊이 통합된 조용하고 차분한 방식으로, 창의적이거나 판단 집약적인 작업을 대체하기보다 진정으로 지루한 작업을 자동화하는 것입니다. Friedman은 Bo Young Lee의 널리 공유된 표현을 인용합니다. 사람들은 AI가 자신을 소모시키는 육체적·정신적 노동을 처리해줌으로써 인간만이 할 수 있는 일과 관계에 더 많은 시간을 쏟을 수 있기를 원합니다.