크롬 내장 스크린리더 사용기

2024. 2. 11. 15:04·Web
반응형

스크린리더 선택

특별한 스크린리더 소프트웨어도 있지만 크롬 내장 스크린리더를 선택하기로 했습니다. 

 

스크린 리더를 선택하기 위해서 검색을 했는데, 내장 스크린리더에 대한 내용이 더 많았고 

크롬 내장 소프트웨어라서 사용할 때 더 호환이 잘 될 것이라는 생각으로 선택하였습니다. 

 

결과적으로 크롬 앱스토어에서 설치할 수 있는 Screen Reader 를 사용하기로 하였습니다. 

 

사용 후기

정말 스크린 리더를 의지해서 홈페이지를 사용한다는 생각으로 크롬 홈 화면에서부터 스크린리더를 실행시키로 대한항공 사이트까지 접속해봤습니다. 

 

스크린리더에서 검색화면으로 텝을 이동시키면 펼쳐짐이라고 알려주고 있었다. 

과연 화면을 보지 못하는 사용자가 펼쳐짐이라고 나온다면 제대로 이해할 수 있을지 고민이 되었다. 

 

대한항공 홈페이지를 왔을 때 왕복에서 텝키를 누르면 편도로 포커스가 가는게 아니고 다구간으로 포커스가 이동되었습니다. 

 

이후 언제 편도로 포커스가 이동되는지 확인하기 위해서 텝을 계속 눌러봤지만 모든 페이지를 다 감지하더라도 편도로 포커스가 가지 않았습니다. 사용자가 편도로 포커스를 이동시키기 위해서는 왕복에 포커스를 둔 상태에서 오른쪽 화살표를 눌러야지 편도로 포커스가 이동되고 경험이 없는 사용자라면 정상적으로 사용이 가능할지 의문이였습니다. 

 

또한 날짜를 선택하는 영역에서 어떤 방식을 사용해야지 다른 날짜를 선택할 수 있는지에 대한 정보가 적어서 다른 날짜를 선택하기 위해서 여러번 탭을 누르고 키보드 화살표를 눌러야하는 문제도 경험하였습니다. 

이런 문제를 경험하면서 스크린 리더 자체를 잘못 선택했을 수 있지만 

스크린리더를 사용했을 때 정말 많이 불편하다는 것을 알게되었고 탭의 순서를 정하는 행위가 중요하다는 것을 알게되었습니다. 



반응형
저작자표시 비영리 변경금지 (새창열림)

'Web' 카테고리의 다른 글

웹 접근성 시나리오  (1) 2024.02.21
웹 표준, 웹 호환성, 웹 접근성  (0) 2024.02.17
DOCTYPE html  (0) 2024.02.04
[CSS] a태그, button 클릭 시 하이라이트 효과  (0) 2023.03.23
[CSS] 글자색에 배경이미지 넣기  (0) 2023.03.21
'Web' 카테고리의 다른 글
  • 웹 접근성 시나리오
  • 웹 표준, 웹 호환성, 웹 접근성
  • DOCTYPE html
  • [CSS] a태그, button 클릭 시 하이라이트 효과
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    영어독학
    ReactNative
    프로그래머스
    다이소
    webpack
    리얼클래스
    CCNA
    네트워크
    Babel
    바질
    알고리즘
    Node.js
    javascript
    typescript
    Docker
    바질 키우기
    식물
    redux
    자바스크립트
    덤프
    next.js
    영어회화
    ChatGPT
    타일러영어
    CSS
    타입스크립트
    react
    리얼학습일기
    네이버 부스트캠프
    리액트
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
크롬 내장 스크린리더 사용기
상단으로

티스토리툴바