Web Guide모바일 접근성터치 영역포용적 설계
모바일 접근성 고려사항
작은 화면일수록 접근성 배려가 더 필요합니다.
누구나 쓸 수 있게 만드는 것이 결국 모두에게 편합니다.
01터치 관련
손가락은 마우스보다 둔합니다.
1
터치 영역
충분히 크게 만듭니다.
2
간격
버튼끼리 떨어뜨립니다.
3
오조작 방지
중요한 행동은 확인 절차.
4
제스처 대안
밀기 외에 버튼도 제공.
5
길게 누르기
필수 기능으로 쓰지 않습니다.
6
정밀 조작
작은 조절기를 피합니다.
02보기 관련
환경과 시력 차이를 고려합니다.
글자 크기확대 없이 읽히게.
색 대비밝은 야외에서도 보이게.
확대 허용막지 않습니다.
기기 설정 반영글자 크기 설정을 따릅니다.
색만으로 구분 금지글자나 아이콘 병기.
다크 모드지원 시 대비 재확인.
03보조 기술 대응
화면 읽기 도구를 고려합니다.
점검 항목
대체 텍스트
이미지 설명을 넣습니다.
버튼 이름
아이콘만 있는 버튼에 설명.
순서
읽는 순서가 논리적이게.
상태 알림
변화가 있으면 알려줍니다.
초점 이동
창이 열리면 안으로.
실제 테스트
읽기 도구를 켜고 확인.
04기타 배려
상황적 제약도 접근성입니다.
영구적 제약
시각, 청각, 운동 능력 차이 · 보조 기술 사용
상황적 제약
한 손 사용 중 · 밝은 야외 · 소음 환경 · 느린 통신 · 누구나 겪음
CHECK POINT
□ 터치 영역이 충분히 큰가
□ 버튼 사이 간격이 충분한가
□ 확대를 막지 않았는가
□ 기기 글자 크기 설정을 따르는가
□ 색 대비가 야외에서도 충분한가
□ 아이콘 버튼에 이름이 있는가
□ 화면 읽기 도구로 테스트했는가
□ 한 손으로 조작할 수 있는가
#모바일 접근성#터치 영역#포용적 설계#색 대비#화면 읽기#확대#UX#반응형#웹비스타#홈페이지 제작