Teach Your AI Agent to Build Products Everyone Can Use - Jemima Abu, CAIS

한 줄 핵심

AI 에이전트가 웹 제품을 더 빠르고 싸게 만들더라도 접근성 기준을 명시적으로 가르치지 않으면, 사용성·고객·법적 리스크까지 함께 키우게 된다.

시간별 요약

1. 0:00
   소개 접근성 있는 제품을 만드는 일이 AI 에이전트 시대에도 여전히 핵심 과제라는 문제의식을 제시한다.
2. 0:12
   눈을 감고 휴대폰 잠금 해제하기 눈을 감은 상태에서 휴대폰을 조작하는 짧은 실험으로, 보이지 않거나 입력이 어려운 상황에서는 기본적인 행동도 막힐 수 있음을 체감하게 만든다.
3. 1:34
   접근성이 의미하는 것 접근성은 장애 유무와 상관없이 누구나 제품을 사용할 수 있도록 만드는 일이며, 이를 놓치면 제품은 사실상 쓸모없어진다.
4. 2:04
   왜 웹사이트의 96%가 기준에 못 미치는가 대부분의 웹사이트가 접근성 문제를 안고 있고, 개발 현장에서는 시간이 많이 든다는 이유로 우선순위에서 밀리지만, 실제로는 접근성을 무시할수록 더 큰 비용이 든다는 가설을 제시한다.
5. 2:44
   접근성 스킬을 사용한 실험 Figma 디자인을 구현할 때 접근성 스킬을 붙인 에이전트가 더 빨랐고 비용도 줄었지만, 단발성 실험이므로 일반화보다는 ‘스킬이 에이전트의 출력을 유도한다’는 점이 핵심이다.
6. 4:11
   AI 에이전트는 아직 어린아이 같다 ChatGPT, Claude, Copilot 같은 모델도 아직 어린아이처럼 세밀한 안내가 필요하므로, 에이전트가 엉뚱한 구조나 과도한 div를 만들지 않도록 구체적인 가이드가 필수다.
7. 5:12
   접근성 없는 코드의 대가 접근성을 고려하지 않으면 인간의 편향이 AI로 증폭되고, 불필요하게 복잡한 코드가 늘어나며, 고객 이탈과 법적 책임까지 이어질 수 있다.
8. 9:46
   에이전트가 접근성 있는 코드를 쓰게 만드는 법 접근성 요구사항을 먼저 정의하고, 기존 코드베이스를 점검한 뒤, 재사용 가능한 디자인 시스템을 구축하며, 매 실행마다 에이전트가 그 기준을 따르도록 강제해야 한다.
9. 12:03
   가벼운 접근성 스킬 semantic HTML, 적절한 ARIA 사용, 키보드 단독 조작 가능성 같은 기본 원칙을 담은 가벼운 스킬만으로도 품질을 끌어올릴 수 있으며, 최신 웹 기능을 권장하는 별도 스킬과 함께 쓰면 더 효과적이다.
10. 13:27
    질문과 답변 가장 큰 불만은 접근성을 아예 무시하거나, 접근성 오버레이 같은 임시방편을 붙여 해결했다고 착각하는 태도이며, 진짜 해결은 처음부터 제품 자체를 접근 가능하게 만드는 데 있다.

실무 인사이트

• AI 에이전트에 접근성 규칙을 별도 스킬로 넣으면 속도와 비용뿐 아니라 코드 품질을 동시에 관리하기 쉽다.
• 접근성은 마지막에 덧붙이는 수정이 아니라, 초기 설계와 프롬프트에 포함해야 하는 기본 요구사항이다.
• 기존 코드베이스에 접근성 부채가 있으면 에이전트도 그 수준을 학습하므로, 자동 점검과 디자인 시스템으로 기준을 먼저 세워야 한다.