리허설

AI 도구로 만든 웹앱을 스크린리더와 키보드만으로 직접 써 봅니다

페이지 주소와 해 볼 일을 적으면 에이전트 두 개가 그 페이지를 직접 써 봅니다. 하나는 화면 대신 접근성 트리를 읽고, 다른 하나는 마우스 없이 키보드로만 움직입니다.

어디서 막혔는지 단계마다 화면과 기록으로 보여 줍니다. 자동 검사 도구로는 잘 드러나지 않는 문제를 찾으려고 만들었습니다.

알아 두세요

이 결과가 실제 장애인 사용자의 검증을 대신하지는 못합니다. 에이전트가 막혔다면 실제로도 문제가 있을 가능성이 높지만, 끝까지 갔다고 해서 문제가 없다는 뜻은 아닙니다. 실제 스크린리더가 읽어 주는 순서나 가상 커서 동작은 흉내 내지 않습니다. 한계와 실제 사용자 검증 방법

실행

미리 실행해 본 결과

문제를 일부러 넣어 만든 예제 페이지와 지금 운영 중인 서비스에서 실제로 실행한 결과입니다.

반쪽짜리 모달과 제대로 만든 모달

고치기 전: 키보드 에이전트 3단계에서 막힘 · 스크린리더 에이전트 5단계에서 막힘

고친 뒤: 키보드 에이전트 4단계 만에 끝까지 감 · 스크린리더 에이전트 5단계 만에 끝까지 감

카페 사이트, 처음 코드와 고친 코드

고치기 전: 키보드 에이전트 3단계에서 막힘 · 스크린리더 에이전트 14단계에서 막힘

고친 뒤: 키보드 에이전트 4단계 만에 끝까지 감 · 스크린리더 에이전트 3단계 만에 끝까지 감

모두랑: 홈에 구역 바로가기를 넣기 전과 뒤

고치기 전: 키보드 에이전트 32단계 만에 끝까지 감 · 스크린리더 에이전트 7단계 만에 끝까지 감

고친 뒤: 키보드 에이전트 9단계 만에 끝까지 감 · 스크린리더 에이전트 8단계 만에 끝까지 감