브라우저 이동에 대한 액세스 가능성 검사

WAIC씨가 주최하는'앞으로 주력할 웹 보조 능력 2018 여름'에 갔습니다.
그 질문에 대한 대답은 좋은 참고가 되었다.
모바일 브라우저에서 가용성 확인 방법 정보
새로운 지식을 얻었기 때문에 총괄해 봅시다.

액세스 가능성 확인 정보


이 글에서 진행된'확인'은 WCAG2를 가리킨다.0의
2.1.2 키보드 트랩 없음: 키보드 인터페이스를 사용하여 웹 페이지의 구성 요소로 키보드 포커스를 이동할 수 있는 경우 키보드 인터페이스만 사용하여 해당 구성 요소에서 포커스를 이동할 수 있습니다.또한 수정자 키가 없는 화살표 키, 탭 키 또는 포커스를 해제하는 다른 표준 방법을 사용하지 않으면 포커스를 해제하는 방법을 사용자에게 알립니다.(레벨 A)
키보드 트랩 없음: 표준 2.1.2 달성
달성 여부.
키보드를 사용하거나 초점을 이동하는 일반적인 방법
내용이 정상적으로 오갈 수 있는지 확인하다.

iOS 사파리에서 확인


키보드 조작


외부 키보드는 연결할 수 있지만 탭에서 포커스를 이동할 수는 없습니다.

키보드가 아닌 기본 작업


VoiceOver가 활성화되면 제스처 동작에서 포커스를 이동할 수 있습니다.

Voice Over 설정


iOS의 일반 액세스 가능성에서 VoiceOver를 열 수 있습니다.
이때 낭독 속도도 바뀔 수 있다
[읽기 속도]의 항목 영역 내에서 위 또는 아래로 스캔하면 변경 사항이 적용됩니다.
(이 영역은 매우 좁다.)

제스처에서 초점 이동


사파리로 컨트롤.
조작하다
요소 선택(링크 텍스트)
개평을 떼다
옮기다
링크에 포커스를 넣은 상태에서 화면을 두 번 클릭합니다.
이전 요소에 초점 맞추기
화면에서 왼쪽으로 바꾸기
다음 요소에 초점 맞추기
화면에서 오른쪽으로 바꾸기
페이지 스크롤
세 손가락으로 위나 아래로 드래그하다

안드로이드에서 확인


키보드 조작


외부 키보드의 탭 키를 사용하여 포커스를 이동할 수 있습니다.

키보드가 아닌 기본 작업


Android는 미리 설치된 TalkBack 또는
Android Access sibility Suite를 사용하여
iOS와 마찬가지로 사운드를 통해 낭독과 제스처를 할 수 있습니다.

TalkBack 설정


Android의 설정에서 사용자 보조로 이동
TalkBack을 활성화하여 설정할 수 있습니다.
(TalkBack은 사용자 보조의 더 아래 단말기에 숨겨져 있다)

"TalkBack"의 제스처


브라우저 제어
조작하다
요소 선택(링크 텍스트)
개평을 떼다
옮기다
링크에 초점을 맞춘 상태에서 화면 안(또는 그 요소)을 두 번 클릭합니다.
이전 요소에 초점 맞추기
화면에서 왼쪽으로 바꾸기
다음 요소에 초점 맞추기
화면에서 오른쪽으로 바꾸기
기타 제스처는 TalkBack 제스처 활용에 요약되어 있습니다.

보태다


Andoird OS에 따라 "사용자 보조"내에서 "선택 및 낭독"항목이 있음
이것은 단지 내용을 낭독할 뿐 제스처로 조작할 수 없다.
iOS의 화면 읽기와 같은 기능이라고 생각합니다.

총결산


이동 환경에서의 가이드라인 2.1.2에 대한 대응 검증
iOS의 경우 보이스 오버, 안드로이드의 경우 외부 키보드와 토크 백으로 확인할 수 있다.
그러나 현재 터치 장치에서의 가용성
WCAG2에 해당합니다.1 제안(정정:20180824)에서 이미 권고
앞으로 모바일 기기에서의 검증 항목이 더 많아질 것이다.
기사의 토로와 보충이 있다면 환영합니다.
잘 부탁드립니다

좋은 웹페이지 즐겨찾기