피드로 돌아가기
Dev.toBackend
원문 읽기
AccessBridge AI가 5개의 전문화된 AI 에이전트를 병렬 실행으로 조율해 웹페이지 접근성 점수를 평균 31~42점 향상
Building AccessBridge AI: How 5 AI Agents Collaborate to Make the Web Accessible
AI 요약
Context
웹 상위 100만 사이트 중 96.3%가 기본 접근성 기준을 충족하지 못하고 있으며, Axe, WAVE, Lighthouse 등 기존 감사 도구는 문제를 지적하기만 할 뿐 자동 수정 기능이 없어 개발자가 모든 위반 사항을 직접 해결해야 하는 부담이 있다. 특히 소규모 비영리 단체는 개발자 시간과 예산 부족으로 인해 접근성 개선을 포기하는 상황이 발생하고 있다.
Technical Solution
- 5개 에이전트 병렬 아키텍처: Orchestrator, Scanner, Vision, Simplifier, Navigator 에이전트가 동시 실행되며 각 에이전트는 BaseAgent 인터페이스 구현으로 교체 가능
- 통일된 에이전트 계약: 모든 에이전트가 HTML과 URL을 입력받아 AccessibilityIssue 배열, 수정 제안(CSS selector + oldValue + newValue + 설명), 신뢰도 점수를 포함한 AgentResult 반환
- isEnhancement 플래그 도입: Vision/Simplifier 에이전트의 개선 제안을 기존 결함과 분리해 scoreBefore는 실제 결함만 계산하고 scoreAfter는 적용된 수정에 포인트 부여(Vision 3점, Navigator 4점, Simplifier 2점, Scanner 3점)
- 충돌 해결 및 선택적 적용: Orchestrator가 에이전트 간 충돌 해결, 높은 신뢰도 수정은 자동 적용, 낮은 신뢰도는 인간 검토용으로 플래그
- 15초 타임아웃 포함 서버사이드 처리: 사용자 정의 User-Agent로 HTML 페치 후 모든 에이전트 병렬 실행 및 결과 집계
Impact
- 접근성 점수 평균 31~42점 향상(원본 페이지의 접근성 수준에 따라 변동)
- 15초 이내에 수정된 HTML 파일 생성 및 다운로드 가능
Key Takeaway
다양한 접근성 기준(WCAG 4원칙: Perceivable, Operable, Understandable, Robust)을 검사하는 여러 전문화된 에이전트를 통일된 인터페이스로 설계하면 에이전트 교체의 번거로움 없이 시스템을 확장할 수 있으며, isEnhancement 플래그처럼 에이전트가 발견한 기존 결함과 개선 제안을 분리하는 것이 공정한 점수 모델 구현의 핵심이다.
실천 포인트
웹 접근성 개선이 필요한 조직에서 AI 에이전트 기반 자동 수정 시스템을 구축할 때, 감사(Scanner/Navigator) 에이전트와 개선 제안(Vision/Simplifier) 에이전트를 별도로 구분하고 각 제안에 신뢰도 점수를 부여한 후 높은 신뢰도는 자동 적용·낮은 신뢰도는 수동 검토 대기 처리 패턴을 도입하면 개발 비용 부담 없이 웹사이트 접근성을 단계적으로 개선할 수 있다.