Web Guide음성 검색음성 안내접근성
음성 검색과 음성 안내 기능
손을 쓰기 어려운 상황이 생각보다 많습니다.
운전 중, 요리 중, 그리고 시각에 어려움이 있는 이용자에게 필요합니다.
01누구에게 필요한가
특별한 기능이 아니라 접근성의 일부로 보는 것이 맞습니다.
시각 장애 이용자화면 낭독 프로그램으로 사이트를 이용합니다.
고령 이용자작은 글씨를 읽기 어려워합니다.
이동 중손을 쓰기 어려운 상황.
긴 검색어타이핑보다 말하는 것이 빠릅니다.
현장 작업장갑을 낀 상태에서 조작합니다.
02음성 검색 구현
브라우저 기능으로 비교적 간단히 구현할 수 있습니다. 다만 환경 제약이 있습니다.
브라우저 지원
환경에 따라 지원 여부가 다릅니다.
마이크 권한
이용자가 허용해야 동작합니다.
인식 정확도
전문 용어와 제품명은 잘못 인식되기도 합니다.
수정 가능
인식 결과를 고칠 수 있어야 합니다.
소음 환경
시끄러운 곳에서는 정확도가 떨어집니다.
대체 수단
항상 직접 입력도 가능해야 합니다.
03화면 낭독 대응이 먼저
음성 기능을 추가하기 전에, 기존 화면이 낭독 프로그램에서 제대로 읽히는지가 더 중요합니다.
점검 항목
구조 표시
제목과 목록이 제대로 마크업되어야 합니다.
대체 텍스트
이미지에 설명이 있어야 읽어 줍니다.
버튼 이름
아이콘만 있는 버튼에 이름을 붙입니다.
입력 라벨
입력창마다 무엇을 넣는지 연결합니다.
순서
읽는 순서가 논리적이어야 합니다.
실제 테스트
낭독 프로그램으로 직접 들어봅니다.
04음성 안내 추가
본문을 소리로 읽어주는 기능을 넣을 수도 있습니다. 다만 우선순위는 낮습니다.
먼저 할 일
화면 낭독 대응 · 글자 크기 조절 · 색 대비 개선 · 키보드 조작 · 비용 대비 효과가 큽니다
나중에 검토
본문 음성 재생 · 음성 명령 조작 · 대화형 안내 · 특수 목적이 있을 때 검토
CHECK POINT
□ 화면 낭독 프로그램으로 테스트했는가
□ 이미지에 대체 텍스트가 있는가
□ 아이콘 버튼에 이름이 붙어 있는가
□ 입력창에 라벨이 연결되어 있는가
□ 키보드만으로 조작할 수 있는가
□ 음성 검색 시 결과를 수정할 수 있는가
□ 직접 입력 경로가 항상 있는가
#음성 검색#음성 안내#접근성#화면 낭독#대체 텍스트#고령 이용자#키보드 조작#홈페이지 개발#웹비스타#홈페이지 제작