Blog 본문

접근성

카카오프렌즈를 만날 수 있는 국민메신저 카카오톡

시각장애인 사용자가 카카오프렌즈를 만날 수 있는 방법은 어떤게 있을까요?



 

카카오톡 채팅을 하다보면 이모티콘 사용도 하나의 재미로 빠질 수 없는데요. 이모티콘을 사용하므로써 대화 분위기도 한층 부드러워지고 대화를 재미있게 이끌어 가는 효과를 줍니다.

그런데 이 카카오톡 이모티콘에도 대체텍스트가 제공되어 있다는 사실 알고 계시나요?



기존에는 이모티콘에 대체텍스트가 제공되지 않아 시각장애인들에게 수만 가지 표정의 이모티콘은 그저 "이모티콘"이라는 네글자 소리에 불과했습니다.

 


카카오톡메시지창


"뭐해?"

"지금 내 기분 이모티콘 이모티콘"

"무슨 일 있어?"

"이모티콘"




시각장애인은 모바일 화면을 음성으로 읽어주는 모바일 화면낭독프로그램(Screen reader) 기능을 활용해 모바일 애플리케이션을 이용하는데 이모티콘이나 그림에 따로 텍스트를 적용하지 않으면 시각장애인은 인식할 수 없게 됩니다.


Mobile App 접근성 지침 : 1.1 대체 텍스트

텍스트가 아닌 콘텐츠는 대체 가능한 텍스트와 함께 제공되어야 합니다.

이모티콘이나 그림과 같이 텍스트가 아닌 콘텐츠에 대체텍스트를 적용하면 시각장애인 사용자도 음성으로 정보를 얻을 수 있습니다.

스마트폰의 운영체제에 따라 iOS의 Voiceover와 Android의 Talkback 등과 같은 화면낭독프로그램이  설치되어 있고, 이를 통해 애플리케이션내 정보를 음성으로 듣게됩니다.

 

2014년 7월말, 시각장애인도 카카오톡 이모티콘을 사용할 수 있도록 약 200여개에 캐릭터의 표정과 이름을 설명해주는 기능을 적용했습니다.


캐릭터의 표정을 나타내는 이모티콘은 표정을 알 수 있는 대체텍스트를 제공하였고, 캐릭터의 동작이 표시되는 이모티콘은 캐릭터의 모습이나 동작을 '동작 - 캐릭터명 - 이모티콘' 형태로 대체텍스트를 제공하여 시각장애인 사용자가 이모티콘을 보다 정확히 인식하고 사용할 수 있도록 했습니다.


지금 내 기분 흑흑 부르르

'지금 내 기분 흑흑 부르르'


불같이 화난 튜브 이모티콘

'불같이 화난 튜브 이모티콘'


예를 들어 분노를 느끼면 입에서 불을 내뿜는 미친 공룡으로 변신하는 튜브 이모티콘을 예전에는 시각장애인이 인식하기 어려웠다면 이제는 '불같이 화난 튜브 이모티콘'이라고 음성이 나오니 상대방이 분노를 표현하고 있음을 알 수 있습니다.

 


이모티콘예제

기본이모티콘예제



반대로 이모티콘을 보낼 때에도 이모티콘을 표현해주는 음성 안내에 따라 원하는 표정을 선택할 수 있게되어 어떤 상황에서든 다양한 이모티콘의 표정이나 행동을 이용하여 재미있게 대화를 나눌 수 있게 된 것입니다.


 

이뿐만 아니라 시각장애인들이 카카오프렌즈를 만날 수 있는 방법이 하나 더 있는데요.





카카오프렌즈의 생김새를 느끼고 이모티콘을 이해할 수 있도록  캐릭터의 이름과 생김새 그리고 탄생스토리를 점자카드로 제작해 관련 단체에 배포하였습니다. 

시각장애인 사용자들이 단순한 텍스트가 아닌 카카오프렌즈 캐릭터를 생동감있게 이해할 수 있도록 도와, 이모티콘을 즐겁게 사용할 수 있게 되는 것이죠.

        




요즘은 얼굴을 맞대고 전하는 이야기보다 짤막한 카톡 한 줄이 더 편한 시대라지만

때로는 단순하게 말을 전달하는 것보다 어떻게 표현하는지가 더 중요할 때가 있습니다.


이렇게 감정표현 할 수 있는 수단이 시각장애인들에게도 늘어남에 따라 지인과의 대화가 훨씬 풍성해지고 즐겁게 대화를 이어나갈 수 있게 되었습니다. 





앱 다운로드 : iOS / Android

 



카카오프렌즈를 만날 수 있는 또 다른 방법!  카카오프렌즈 브랜드스토어

카카오프렌즈 브랜드스토어를 가다! (다음카카오 공식블로그)




카카오프렌즈 브랜드 스토어에서는 피규어, 인형 등 완구와 젤펜, 수첩, 노트 등 팬시용품을 비롯해 머그컵, 물통, 양말 등 60여 종 170여가지 상품을 만날 수 있습니다.

또한 카카오프렌즈 대형 피규어와 함께 사진을 찍을 수 있는 포토존, 카카오프렌즈 캐릭터 전시존 등의 공간이 마련되어 있어요.


아직 카카오프렌즈를 직접 만나보지 못 하신 분들도 스토어로 오셔서 즐거운 만남을 가져보시길 추천드립니다!!


  • 코엑스점 >> 서울 코엑스몰 라이브플라자 지하 2층
  • 신촌점 >> 신촌 현대백화점 유플렉스 지하 2층
  • 대구점 >> 대구 현대백화점 지하 2층 아트리움 광장



더 많은 새로운 소식을 듣고 싶다면.  카카오프렌즈 카카오스토리



by. 접근성팀 Emilia & Ellen

Posted by darum

전체 댓글

Blog 본문

접근성

모바일 디바이스별 날짜 표기 방법에 따라

스크린리더에서 읽어 주는 형식이 어떤 차이가 있을까?

개요

모바일 디바이스별 날짜 표기 방법에 따라 스크린리더에서 읽어 주는 형식의 차이가 있습니다.


iOS

  • 1. iOS는 구두점 설정을 한경우 형태에 상관없이 특수기호 의미를 그대로 읽어주어 날짜 형태로 인지하기 어렵습니다.


Android

  • 1. mm/dd나 mm.dd와 같이 4자리 형태의 날짜 표기 형식은 삼성TTS 이외 기기에서 날짜로 인식하지 못하였습니다.
  • 2. "/ (슬러시)"를 이용하여 yy/mm/dd 이상 형태로 표기하면 삼성 TTS, LG TTS, Google TTS 모두에서 읽어 주었습니다.
  • 3. ". (마침표)"를 이용하여,  yy.mm.dd 이하 형태로 표기하면 삼성 TTS와 LG TTS에서 읽어주었습니다.
  • 4. LG TTS의 경우, yy/m/d나 yy.m.d 형태는 날짜로 인식하지 않고, mm/dd 형태로 빈칸도 0으로 채워 2자리 형태로 제공해야 날짜로 인식하였습니다.
  • 5. Google TTS에서는 m/d 형태를 분수로 인식하는 독특한 차이가 있었습니다.


TEST 정보

테스트 기기

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

갤럭시 S5

4.4.2

LG TTS+ 엔진

옵티머스 G3

4.4.2
Google TTS 엔진

옵티머스 G3

5.0
Voiceover

아이폰

8.2

TEST 결과



삼성 TTS (4.4.2)
LG TTS+
(4.4.2)
Golgle TTS (5.0)
Voiceover
(8.2)
비고
2014/09/27이천십사년 구월 이십칠일이천십사년 구월 이십칠일이천십사년 구월 이십칠일이천십사 슬래시 구 슬래시 이십칠 
2014/9/27이천십사년 구월 이십칠일이천십사 구 이십칠이천십사년 구월 이십칠일이천십사 슬래시 구 슬래시 이십칠 
14/09/27십사년 구월 이십칠일십사년 구월 이십칠일십사년 구월 이십칠일십사 슬래시 구 슬래시 이십칠 
14/9/27십사년 구월 이십칠일십사 구 이십칠십사년 구월 이십칠일십사 슬래시 구 슬래시 이십칠 
09/27구월 이십칠일공구 이십칠공구 이십칠구 슬래시 이십칠 
9/27구월 이십칠일구 이십칠이십칠 분의 구구 슬래시 이십칠 
2014.09.27이천십사년 구월 이십칠일이천십사년 구월 이십칠일이천십사년 구월 이십칠일이천십사 마침표 구 마침표 이십칠 
2014.9.27이천십사년 구월 이십칠일이천십사 점 구 점 이십칠이천십사년 구월 이십칠일이천십사 마침표 구 마침표 이십칠 
14.09.27십사년 구월 이십칠일십사년 구월 이십칠일십사 점 영구 이십칠십사 마침표 구 마침표 이십칠 
14.9.27십사년 구월 이십칠일십사 점 구점 이칠십사 구 점 이칠십사 마침표 구 마침표 이십칠 
09.27구 점 이칠구 점 이칠아홉시 이십칠분구 마침표 이십칠 
9.27구 점 이칠구 점 이칠구 점 이칠구 마침표 이십칠 


by 접근성팀

Posted by darum

전체 댓글

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

전체 댓글