모두랑 — 운영 중인 무장애 여행 서비스

실행 결과

우리 지역 무장애 문화공간 목록에서 서울도서관의 상세 보기를 연다

https://www.modurang.com/

  • 키보드 전용 에이전트: 완주 (32단계)
  • 스크린리더 에이전트: 완주 (7단계)

막힘 0건 (점검 범위: 접근성 트리의 헤딩·랜드마크·포커스, 키보드 조작)

키보드 전용 에이전트완주 (32단계)

페이지 구조는 보지만 마우스가 없습니다. 포커스 표시가 안 보이면 위치를 모릅니다.

  1. 1단계 화면. 에이전트는 온보딩 대화상자가 열려 있고 '건너뛰기' 버튼이 포커스 가능한 요소로 존재함을 인지했다.

    1단계

    포커스: dialog 모두랑에 오신 것을 환영해요

    인지: 에이전트는 온보딩 대화상자가 열려 있고 '건너뛰기' 버튼이 포커스 가능한 요소로 존재함을 인지했다.

    의도: 대화상자를 닫기 위해 '건너뛰기' 버튼으로 포커스를 이동한다.

    행동: Tab

  2. 2단계 화면. 에이전트는 포커스가 대화상자의 '건너뛰기' 버튼에 있음을 인지했다.

    2단계

    포커스: button 건너뛰기

    인지: 에이전트는 포커스가 대화상자의 '건너뛰기' 버튼에 있음을 인지했다.

    의도: 에이전트는 온보딩 대화상자를 닫기 위해 '건너뛰기' 버튼을 활성화한다.

    행동: Enter 키

  3. 3단계 화면. 온보딩 대화상자가 닫힌 후 포커스 위치가 명확하지 않다(focusVisible=false). 서울도서관 상세 보기 링크(e598)가 목록에 존재함을 확인했다.

    3단계

    포커스: 없음

    인지: 온보딩 대화상자가 닫힌 후 포커스 위치가 명확하지 않다(focusVisible=false). 서울도서관 상세 보기 링크(e598)가 목록에 존재함을 확인했다.

    의도: 포커스 위치를 확인하며 서울도서관 상세 보기 링크로 이동하기 위해 Tab을 눌러본다.

    행동: Tab

  4. 4단계 화면. 현재 포커스는 '메인 콘텐츠로 바로가기' 링크(n=2)에 있으며, 목표인 '서울도서관 상세 보기' 링크(n=117)까지 다수의 포커스 가능한 요소가 존재함을 확인했다.

    4단계

    포커스: link 메인 콘텐츠로 바로가기

    인지: 현재 포커스는 '메인 콘텐츠로 바로가기' 링크(n=2)에 있으며, 목표인 '서울도서관 상세 보기' 링크(n=117)까지 다수의 포커스 가능한 요소가 존재함을 확인했다.

    의도: 에이전트는 서울도서관 상세 보기 링크에 도달하기 위해 포커스 가능한 요소 개수를 세어 27회 Tab을 이동시키려 한다.

    행동: Tab

  5. 5단계 화면. 에이전트는 포커스가 6번 항목(모두랑 홈으로 이동)에 있음을 인지했다. 서울도서관 상세 보기 링크는 117번 항목에 위치한다.

    5단계

    포커스: link 모두랑 홈으로 이동

    인지: 에이전트는 포커스가 6번 항목(모두랑 홈으로 이동)에 있음을 인지했다. 서울도서관 상세 보기 링크는 117번 항목에 위치한다.

    의도: 에이전트는 서울도서관 상세 보기 링크로 포커스를 이동시키기 위해 111회 Tab을 이동시킨다.

    행동: Tab

  6. 6단계 화면. 에이전트는 현재 포커스가 n=10('홈' 링크)에 있고, 목표인 '서울도서관 상세 보기' 링크가 n=117에 위치함을 인지했다.

    6단계

    포커스: link 홈

    인지: 에이전트는 현재 포커스가 n=10('홈' 링크)에 있고, 목표인 '서울도서관 상세 보기' 링크가 n=117에 위치함을 인지했다.

    의도: 목표 링크까지 도달하기 위해 필요한 Tab 횟수(107회)를 계산하여 이동한다.

    행동: Tab

  7. 7단계 화면. 에이전트는 현재 포커스가 n=12 '검색' 링크에 있음을 확인했다. 목표인 '서울도서관 상세 보기' 링크는 n=117이다.

    7단계

    포커스: link 검색

    인지: 에이전트는 현재 포커스가 n=12 '검색' 링크에 있음을 확인했다. 목표인 '서울도서관 상세 보기' 링크는 n=117이다.

    의도: 목표 링크까지 도달하기 위해 필요한 Tab 횟수(105회)를 계산하여 이동한다.

    행동: Tab

  8. 8단계 화면. 에이전트는 현재 포커스가 n=14 '커뮤니티' 링크에 있으며, 목표인 '서울도서관 상세 보기' 링크는 n=117(ref=e598)에 위치함을 인지했다.

    8단계

    포커스: link 커뮤니티

    인지: 에이전트는 현재 포커스가 n=14 '커뮤니티' 링크에 있으며, 목표인 '서울도서관 상세 보기' 링크는 n=117(ref=e598)에 위치함을 인지했다.

    의도: 목표 링크까지 도달하기 위해 필요한 Tab 횟수(117-14=103회)를 계산하여 이동한다.

    행동: Tab

  9. 9단계 화면. 에이전트는 현재 포커스가 n=16 '추천 코스' 링크에 있음을 확인했다. 목표인 '서울도서관 상세 보기' 링크는 n=117이다.

    9단계

    포커스: link 추천 코스

    인지: 에이전트는 현재 포커스가 n=16 '추천 코스' 링크에 있음을 확인했다. 목표인 '서울도서관 상세 보기' 링크는 n=117이다.

    의도: 목표 링크까지 도달하기 위해 필요한 Tab 횟수(117-16=101회)를 계산하여 이동한다.

    행동: Tab

  10. 10단계 화면. 에이전트는 현재 포커스가 n=19(라이트 모드 라디오)에 있음을 확인했다. 목표인 '서울도서관 상세 보기' 링크는 n=117이다.

    10단계

    포커스: radio 라이트 모드

    인지: 에이전트는 현재 포커스가 n=19(라이트 모드 라디오)에 있음을 확인했다. 목표인 '서울도서관 상세 보기' 링크는 n=117이다.

    의도: 목표 링크까지 도달하기 위해 필요한 Tab 횟수(117-19=98회)를 계산하여 이동한다.

    행동: Tab

  11. 11단계 화면. 에이전트는 현재 포커스가 20번(다크 모드 라디오)에 있으며, 목표인 117번 서울도서관 상세 보기 링크는 97칸 뒤에 있음을 인지했다.

    11단계

    포커스: radio 다크 모드

    인지: 에이전트는 현재 포커스가 20번(다크 모드 라디오)에 있으며, 목표인 117번 서울도서관 상세 보기 링크는 97칸 뒤에 있음을 인지했다.

    의도: 서울도서관 상세 보기 링크(n=117)로 포커스를 이동시키기 위해 97회 Tab을 이동한다.

    행동: Tab

  12. 12단계 화면. 에이전트는 현재 포커스가 n=21(고대비 모드 라디오)에 있으며, 목표인 서울도서관 상세 보기 링크는 n=117임을 인지했다.

    12단계

    포커스: radio 고대비 모드

    인지: 에이전트는 현재 포커스가 n=21(고대비 모드 라디오)에 있으며, 목표인 서울도서관 상세 보기 링크는 n=117임을 인지했다.

    의도: 목표 링크까지 도달하기 위해 필요한 Tab 횟수(117-21=96회)를 계산하여 이동한다.

    행동: Tab

  13. 13단계 화면. 에이전트는 현재 포커스가 n=22(로그인 버튼)에 있음을 인지했다. 목표인 서울도서관 상세 보기 링크는 n=117이다.

    13단계

    포커스: button 로그인 또는 회원가입

    인지: 에이전트는 현재 포커스가 n=22(로그인 버튼)에 있음을 인지했다. 목표인 서울도서관 상세 보기 링크는 n=117이다.

    의도: n=22에서 n=117까지 95회 Tab을 이동하여 목표 링크에 도달한다.

    행동: Tab

  14. 14단계 화면. 현재 포커스는 n=33 검색창(searchbox)에 있으며, 목표 링크는 n=117 '서울도서관 상세 보기'이다. Tab 순서상 33에서 117까지는 84회 이동이 필요하다.

    14단계

    포커스: searchbox 문화공간 검색

    인지: 현재 포커스는 n=33 검색창(searchbox)에 있으며, 목표 링크는 n=117 '서울도서관 상세 보기'이다. Tab 순서상 33에서 117까지는 84회 이동이 필요하다.

    의도: n=33에서 n=117까지 84회 Tab을 이동하여 서울도서관 상세 보기 링크에 포커스를 맞춘다.

    행동: Tab

  15. 15단계 화면. 에이전트는 현재 포커스가 n=34(검색 버튼)에 있고, 목표인 서울도서관 상세 보기 링크는 n=117임을 확인했다.

    15단계

    포커스: button 검색

    인지: 에이전트는 현재 포커스가 n=34(검색 버튼)에 있고, 목표인 서울도서관 상세 보기 링크는 n=117임을 확인했다.

    의도: 목표 링크까지 도달하기 위해 필요한 Tab 횟수(117-34=83회)를 계산하여 이동한다.

    행동: Tab

  16. 16단계 화면. 에이전트는 현재 포커스가 n=36(공연 둘러보기 링크)에 있음을 인지했다. 목표인 n=117(서울도서관 상세 보기 링크)까지는 81회 Tab이 필요하다.

    16단계

    포커스: link 공연 둘러보기

    인지: 에이전트는 현재 포커스가 n=36(공연 둘러보기 링크)에 있음을 인지했다. 목표인 n=117(서울도서관 상세 보기 링크)까지는 81회 Tab이 필요하다.

    의도: 에이전트는 목표 링크까지 도달하기 위해 81회 Tab을 이동한다.

    행동: Tab

  17. 17단계 화면. 에이전트는 현재 포커스가 n=41 '전시 둘러보기' 링크에 있음을 인지했다. 목표 링크 '서울도서관 상세 보기'는 n=117이다.

    17단계

    포커스: link 전시 둘러보기

    인지: 에이전트는 현재 포커스가 n=41 '전시 둘러보기' 링크에 있음을 인지했다. 목표 링크 '서울도서관 상세 보기'는 n=117이다.

    의도: n=41에서 n=117까지 76회 Tab을 이동하여 목표 링크에 도달한다.

    행동: Tab

  18. 18단계 화면. 에이전트는 현재 n=46(문화시설 둘러보기)에 포커스가 있으며, 목표인 n=117(서울도서관 상세 보기) 링크의 위치를 확인했다.

    18단계

    포커스: link 문화시설 둘러보기

    인지: 에이전트는 현재 n=46(문화시설 둘러보기)에 포커스가 있으며, 목표인 n=117(서울도서관 상세 보기) 링크의 위치를 확인했다.

    의도: n=46에서 n=117까지 71회 Tab을 이동하여 목표 링크에 도달한다.

    행동: Tab

  19. 19단계 화면. 에이전트는 현재 focus가 n=51(도서관 둘러보기 링크)에 있음을 인지했다. 목표는 n=117(서울도서관 상세 보기 링크)이다.

    19단계

    포커스: link 도서관 둘러보기

    인지: 에이전트는 현재 focus가 n=51(도서관 둘러보기 링크)에 있음을 인지했다. 목표는 n=117(서울도서관 상세 보기 링크)이다.

    의도: n=51에서 n=117까지 66회 Tab을 이동하여 목표 링크에 도달한다.

    행동: Tab

  20. 20단계 화면. 에이전트는 현재 n=56 '관광지 둘러보기' 링크에 포커스가 있으며, 목표인 n=117 '서울도서관 상세 보기' 링크까지 61회 남았음을 확인했다.

    20단계

    포커스: link 관광지 둘러보기

    인지: 에이전트는 현재 n=56 '관광지 둘러보기' 링크에 포커스가 있으며, 목표인 n=117 '서울도서관 상세 보기' 링크까지 61회 남았음을 확인했다.

    의도: 목표 링크까지 도달하기 위해 필요한 Tab 횟수(117-56=61회)를 계산하여 이동한다.

    행동: Tab

  21. 21단계 화면. 에이전트는 현재 n=61(음식점 둘러보기 링크)에 포커스가 있으며, 목표인 n=117(서울도서관 상세 보기 링크)까지는 56회 Tab이 필요함을 확인했다.

    21단계

    포커스: link 음식점 둘러보기

    인지: 에이전트는 현재 n=61(음식점 둘러보기 링크)에 포커스가 있으며, 목표인 n=117(서울도서관 상세 보기 링크)까지는 56회 Tab이 필요함을 확인했다.

    의도: 목표 링크까지 도달하기 위해 필요한 Tab 횟수(117-61=56회)를 계산하여 이동한다.

    행동: Tab

  22. 22단계 화면. 에이전트는 현재 n=66(숙소 둘러보기)에 포커스가 있으며, 목표인 n=117(서울도서관 상세 보기)까지 51회 Tab이 필요함을 확인했다.

    22단계

    포커스: link 숙소 둘러보기

    인지: 에이전트는 현재 n=66(숙소 둘러보기)에 포커스가 있으며, 목표인 n=117(서울도서관 상세 보기)까지 51회 Tab이 필요함을 확인했다.

    의도: 51회 Tab을 이동하여 서울도서관 상세 보기 링크에 정확히 도달한다.

    행동: Tab

  23. 23단계 화면. 현재 포커스는 n=71 '전체 검색 둘러보기' 링크에 있으며, 목표인 n=117 '서울도서관 상세 보기' 링크는 46칸 뒤에 위치한다.

    23단계

    포커스: link 전체 검색 둘러보기

    인지: 현재 포커스는 n=71 '전체 검색 둘러보기' 링크에 있으며, 목표인 n=117 '서울도서관 상세 보기' 링크는 46칸 뒤에 위치한다.

    의도: 목표 링크까지 46회 Tab을 이동하여 도달한다.

    행동: Tab

  24. 24단계 화면. 에이전트는 현재 포커스가 n=77(로그인 없이 AI 여행 체험하기 링크)에 위치함을 인지했으며, 목표인 n=117(서울도서관 상세 보기 링크)까지 40회 Tab 이동이 필요함을 확인했다.

    24단계

    포커스: link 로그인 없이 AI 여행 체험하기

    인지: 에이전트는 현재 포커스가 n=77(로그인 없이 AI 여행 체험하기 링크)에 위치함을 인지했으며, 목표인 n=117(서울도서관 상세 보기 링크)까지 40회 Tab 이동이 필요함을 확인했다.

    의도: 에이전트는 목표 링크까지 정확히 40회 Tab을 이동하여 도달하고자 한다.

    행동: Tab

  25. 25단계 화면. 에이전트는 현재 n=78에 포커스가 있으며, 목표인 n=117 '서울도서관 상세 보기' 링크까지 39회 Tab 이동이 필요함을 확인했다.

    25단계

    포커스: link 큐레이터가 만든 무장애 문화 코스 둘러보기 →

    인지: 에이전트는 현재 n=78에 포커스가 있으며, 목표인 n=117 '서울도서관 상세 보기' 링크까지 39회 Tab 이동이 필요함을 확인했다.

    의도: 39회 Tab을 이동하여 서울도서관 상세 보기 링크에 정확히 도달한다.

    행동: Tab

  26. 26단계 화면. 에이전트는 현재 포커스가 n=83(기준 지역 수정 버튼)에 있으며, 목표인 n=117(서울도서관 상세 보기 링크)까지는 34회 Tab 이동이 필요함을 인지했다.

    26단계

    포커스: button 기준 지역 수정

    인지: 에이전트는 현재 포커스가 n=83(기준 지역 수정 버튼)에 있으며, 목표인 n=117(서울도서관 상세 보기 링크)까지는 34회 Tab 이동이 필요함을 인지했다.

    의도: 목표 링크까지 정확한 Tab 횟수를 계산하여 이동한다.

    행동: Tab

  27. 27단계 화면. 에이전트는 현재 포커스가 n=88(계획 시작하기)에 있으며, 목표인 n=117(서울도서관 상세 보기)까지는 29회 Tab이 필요함을 확인했다.

    27단계

    포커스: button 계획 시작하기

    인지: 에이전트는 현재 포커스가 n=88(계획 시작하기)에 있으며, 목표인 n=117(서울도서관 상세 보기)까지는 29회 Tab이 필요함을 확인했다.

    의도: n=88에서 n=117까지 정확히 29회 Tab을 이동하여 서울도서관 상세 보기 링크에 도달한다.

    행동: Tab

  28. 28단계 화면. 에이전트는 현재 포커스가 n=92(3분 이용 안내 보기 버튼)에 있음을 인지했다. 목표인 서울도서관 상세 보기 링크는 n=117이다.

    28단계

    포커스: button 3분 이용 안내 보기

    인지: 에이전트는 현재 포커스가 n=92(3분 이용 안내 보기 버튼)에 있음을 인지했다. 목표인 서울도서관 상세 보기 링크는 n=117이다.

    의도: 목표 링크까지 정확히 25회 Tab을 이동하여 도달한다.

    행동: Tab

  29. 29단계 화면. 현재 포커스는 n=96(더 보기 링크)에 있으며, 목표인 서울도서관 상세 보기 링크는 n=117이다.

    29단계

    포커스: link 우리 지역 무장애 문화공간 거리순으로 더 보기

    인지: 현재 포커스는 n=96(더 보기 링크)에 있으며, 목표인 서울도서관 상세 보기 링크는 n=117이다.

    의도: n=96에서 n=117까지 정확히 21회 Tab을 이동하여 도달한다.

    행동: Tab

  30. 30단계 화면. 에이전트는 현재 포커스가 n=101(서울도서관 카드 이미지 링크)에 있음을 확인했다. 목표인 '서울도서관 상세 보기' 링크는 n=117이다.

    30단계

    포커스: link

    인지: 에이전트는 현재 포커스가 n=101(서울도서관 카드 이미지 링크)에 있음을 확인했다. 목표인 '서울도서관 상세 보기' 링크는 n=117이다.

    의도: n=101에서 n=117까지 정확히 16회 Tab을 이동하여 목표 링크에 도달한다.

    행동: Tab

  31. 31단계 화면. 에이전트는 서울도서관 상세 보기 링크(n=117)에 포커스가 도달했음을 인지했다.

    31단계

    포커스: link 서울도서관 상세 보기

    인지: 에이전트는 서울도서관 상세 보기 링크(n=117)에 포커스가 도달했음을 인지했다.

    의도: 에이전트는 해당 링크를 활성화하여 상세 보기 페이지로 이동하고자 한다.

    행동: Enter 키

  32. 32단계 화면.

    32단계

    포커스: link 서울도서관 상세 보기

판정

근거

  • 성공 조건 전부 충족

실제 스크린리더에서 다를 수 있는 점

  • 접근성 트리 기준 완료이며 실제 스크린리더 발화는 검증하지 않음

스크린리더 에이전트완주 (7단계)

화면을 보지 않고 접근성 트리의 헤딩·랜드마크·현재 포커스와 읽기 창만 받습니다.

  1. 1단계 화면. 에이전트는 온보딩 대화상자가 열려 있고 포커스가 대화상자에 있음을 인지했다.

    1단계

    포커스: dialog 모두랑에 오신 것을 환영해요

    인지: 에이전트는 온보딩 대화상자가 열려 있고 포커스가 대화상자에 있음을 인지했다.

    의도: 대화상자를 닫거나 진행하기 위해 다음 요소를 탐색한다.

    행동: 읽기 창 다음

    결과: 읽기 창 이동(브라우저 동작 없음)

  2. 2단계 화면. 에이전트는 '모두랑에 오신 것을 환영해요' 대화상자가 여전히 열려 있고 포커스가 그 안에 있음을 인지했다.

    2단계

    포커스: dialog 모두랑에 오신 것을 환영해요

    인지: 에이전트는 '모두랑에 오신 것을 환영해요' 대화상자가 여전히 열려 있고 포커스가 그 안에 있음을 인지했다.

    의도: 대화상자를 닫아 본문 목록에 접근하기 위해 Escape 키를 시도한다.

    행동: Esc 키

  3. 3단계 화면. 에이전트는 대화상자가 닫혔고 헤딩 트리에 서울도서관(n=106) 항목이 존재함을 인지했다.

    3단계

    포커스: 없음

    인지: 에이전트는 대화상자가 닫혔고 헤딩 트리에 서울도서관(n=106) 항목이 존재함을 인지했다.

    의도: 서울도서관 헤딩으로 이동하여 상세 보기를 열기 위한 컨트롤을 찾는다.

    행동: 헤딩으로 이동 (n=106)

    결과: 읽기 창 이동(브라우저 동작 없음)

  4. 4단계 화면. 에이전트는 서울도서관 헤딩(n=106) 주변 정보를 확인했으며, 상세 보기 버튼은 아직 읽기 창에 나타나지 않았다.

    4단계

    포커스: 없음

    인지: 에이전트는 서울도서관 헤딩(n=106) 주변 정보를 확인했으며, 상세 보기 버튼은 아직 읽기 창에 나타나지 않았다.

    의도: 상세 보기 컨트롤을 찾기 위해 다음 노드를 계속 읽어나간다.

    행동: 읽기 창 다음

    결과: 읽기 창 이동(브라우저 동작 없음)

  5. 5단계 화면. 에이전트는 서울도서관 항목 내부의 접근성 정보(공식 접근성, +2 항목, 14개 이용 가능)를 확인했으나 상세 보기 버튼은 아직 읽기 창에 나타나지 않았음을 인지했다.

    5단계

    포커스: 없음

    인지: 에이전트는 서울도서관 항목 내부의 접근성 정보(공식 접근성, +2 항목, 14개 이용 가능)를 확인했으나 상세 보기 버튼은 아직 읽기 창에 나타나지 않았음을 인지했다.

    의도: 상세 보기 버튼을 찾기 위해 다음 노드로 계속 이동한다.

    행동: 읽기 창 다음

    결과: 읽기 창 이동(브라우저 동작 없음)

  6. 6단계 화면. 에이전트는 읽기 창에서 '서울도서관 상세 보기' 링크(n=117, ref=e596)를 발견했다.

    6단계

    포커스: 없음

    인지: 에이전트는 읽기 창에서 '서울도서관 상세 보기' 링크(n=117, ref=e596)를 발견했다.

    의도: 서울도서관 상세 보기 링크를 활성화하여 상세 정보를 연다.

    행동: 활성화 (e596)

  7. 7단계 화면.

    7단계

    포커스: link 서울도서관 상세 보기

판정

근거

  • 성공 조건 전부 충족

실제 스크린리더에서 다를 수 있는 점

  • 접근성 트리 기준 완료이며 실제 스크린리더 발화는 검증하지 않음