Blog 본문

접근성

HTML5에 추가된 <time> 요소를 이용하였을 시, 

모바일 디바이스에 따라 스크린리더에서 읽어 주는 형식에 차이가 있을까?

개요

iOS, Android 기기 모두 <time> 요소를 사용하였다하여 달리 읽어주지 않네요.

iOS는 날짜 형태의 숫자를 일반적인 문자처럼 읽어 주었고, Android는 벤더사마다 읽어주는 방식은 차이가 있었지만 일부 기기에서 날짜 형태를 인식하여 읽어주었습니다.

삼성TTS의 경우, 초단위까지 인식하여 읽어주어 시간을 이해하기 가장 좋은 것으로 나타났습니다.

iOS (8.2) Voiceover

삼성TTS (4.4.2)

LG TTS+ (4.4.2)

Google TTS 

(5.0)

(미흡) 문자로 인식

(성공) 시/분/초 단위를 인식

(미흡) 숫자로 인식

(양호) 시/분 단위를 인식


여기서 질문. 콜론이 포함된 숫자 정보를 시간으로 읽어주는게 과연 좋은 걸까요?

여러분의 의견을 댓글로 작성해주세요~

TEST 정보

Code

<p>출근시간은 매일 아침 <time>10:00</time>입니다.</p>
<p>점심시간은 <time>13:30:25</time> 부터 입니다..</p>
<p>퇴근시간은 매일 오후 6:30입니다.</p>
<p>나는 내년 <time datetime="2015-02-14 20:00">발렌타인 데이</time>가 오기를 기다리고 있다.</p>

테스트 기기

TTS 유형
디바이스
OS 버전
삼성 TTS 엔진

갤럭시 S5

4.4.2

LG TTS+ 엔진

옵티머스 G3

4.4.2
Google TTS 엔진

옵티머스 G3

5.0
Voiceover

아이폰

8.2


TEST 결과

iOS

 
모든구두점
구두점 몇개
구두점 없음
비고
<time>10:00</time>
십 콜론 영십 영 
<time>13:30:25</time>
십삼 콜론 삼십 콜론 이십오십삼 삼십 이십오일삼 삼공 이오 
6:30
육 콜론 삼십육 삼십육 삽십 
<time datetime="2015-02-14 20:00">발렌타인 데이</time>
발렌타인 데이발렌타인 데이발렌타인 데이 

Android

 
삼성 TTS (4.4.2)
LG TTS+ (4.4.2)
Google TTS (5.0)
비고
<time>10:00</time>
(성공) 열시십 공공(성공) 열시 정각 
<time>13:30:25</time>
(성공) 십삼시 삼십분 이십오초십삼 삼십 이십오 일삼 콜론 삼영 콜론 이오 
6:30
(성공) 여섯시 삼십분육 삼십(성공) 여섯시 삼십분 
<time datetime="2015-02-14 20:00">발렌타인 데이</time>
발렌타인 데이 발렌타인 데이 발렌타인 데이  


by 접근성팀

Posted by darum

전체 댓글