Daum 웹표준을다루다 Web Standards Darum

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

앱 다운로드 : iOS / Android

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

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

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

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

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

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

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

by. 접근성팀 Emilia & Ellen

목적지를 찾아가기 위해 지도앱을 켰지만 확대,축소가 어려워서 고생하신적은 없으신가요?

다음지도앱을 이용해보세요!

손가락의 움직임이 자유롭지 않은 상지 지체장애인과 신체의 운동동작에 제한이 있는 뇌병변장애인 들은 다중누르기, 슬라이드, 끌어다 놓기 등의 복잡한 누르기 동작으로 기능을 실행하도록 구현하면 해당 기능을 이용하는데 어려움을 느낍니다.

관련 지침

기존의 대다수 지도앱에서는 두 손가락을 이용하여 줌인/줌아웃(Pinch open/close) 동작으로 확대나 축소하도록 제공하고 있지만,

탭과 같은 단순한 누르기 동작으로 확대 / 축소 할 수 있는 수단을 마련해 놓지 않고 있습니다.

두손가락을 이용하는 줌인/아웃(Pinch open/close) 동작은 비장애인에게는 단순한 동작이지만 절단장애, 관절장애, 지체기능장애, 변형 등의 장애로 인해 손가락 동작이 어려운 장애인이나 수전증이 있는 사용자등은 정확한 컨트롤이 어렵습니다.

이러한 문제점을 보완하기 위해 다음지도앱에서는 확대/축소 버튼을 사용자가 선택하여 노출할 수 있게 제공하였습니다.

초기화면을 보시면 지도 확대/축소 버튼을 보실 수 없는데요. 

설정에서 지도 확대/축소 버튼 표시를 선택하면 화면에 노출할 수 있어 사용자가 필요에 따라 설정할 수 있습니다. 

확대/축소 옵션 설정 방법을 알아보도록 하겠습니다. 

확대/축소 옵션 설정 방법

1. 메뉴 버튼 선택

2. 설정 버튼 선택

3.지도화면 설정 > 지도 확대/축소 버튼 표시

4. 화면에 확대/축소 버튼이 노출됨

지도 확대/축소 버튼 표시 옵션을 활성화하면 두 손가락을 이용하여 줌인/줌아웃 동작을 할 수 없는 사용자도 확대/축소 버튼을 이용하여 손쉽게 기능을 이용 할 수 있게 됩니다.

항상 노출하지 않더라도 단순누르기 동작을 통해 옵션을 선택하고, 이용할 수 있게 하는 방법도 접근성을 준수하는 방법 중 하나입니다.

이러한 기능 보완 방법은 상지 장애인에만 국한된 것이 아니라 비장애인도 손을 다쳤다거나, 손에 무언가 묻어 손가락을 이용하지 못하는 경우처럼 엄지 손가락과 검지 손가락을 이용하기 어려운 경우에도 유용하게 사용할 수 있는 방법입니다.  

앱 다운로드 : iOS / Android

by. 접근성팀 Ellen

요즘 디자인을 보면 투명도도 높고, 배경과 글자간 명도대비가 낮아 눈에 잘 안보이는 경우가 많아지고 있습니다.

저시력 시각장애인 사용자나 색각장애 사용자 그리고 나이가 많으신 노년층 사용자 등 여러 사용자들이 화면내 내용의 인식에 어려움을 겪고 있습니다.

글씨가 있는 것 같은데 뭐라 적혀 있는건지...?

글자나 배경에 투명도를 주거나, 배경과 글자간 명도대비를 낮게 제공하면 눈에 잘 띄지 않아 콘텐츠가 있다는 것을 알지 못합니다.

그중 화면에 표시되는 전경색과 배경색 간의 구분이 잘되지 않는 문제 때문에 내용을 인식하지 못하는 어려움을 겪는 경우가 가장 많이 발생하고 있습니다.

특히 전경색과 배경색이 흰색과 회색, 노란색과 주황색의 경우 처럼 유사한색으로 되어 있는 경우 더욱 인지하기 어렵습니다.

관련지침

디자인 작업시 고려해야 할 사항

1. 1. 전경색과 배경색의 명도대비를 높여 텍스트와 아이콘의 구분이 쉽도록 합니다.
2. 2. 명도대비를 높이는 것과 동시에 중요 텍스트에 Bold를 추가로 사용하면 콘텐츠의 인식에 도움이 됩니다.
3. 3. 직관적인 아이콘과 텍스트를 제공해야 오해가 발생하지 않습니다.
4. 4. 아이콘만 제공하기 보단 아이콘과 텍스트가 같이 제공되는것이 인식에 도움이 됩니다.
   
5. 5. 버튼의 크기는 너무 작지 않아야 합니다. 버튼의 크기가 작다면 인지하기 어렵습니다.
   
6. 6. 대다수의 시각장애인의 경우 눈부심으로 인해 흰색 배경보다 검정색 배경을 더 선호합니다.
7. 7. 특히 모바일은 화면의 크기가 작아 사용자가 접하는 실제 폰트크기가 데스크탑에 비해 더 작기 때문에 사용성을 고려한다면 명도대비를 좀 더 높게 제공하는 것이 바람직합니다.

기획단계부터 이러한 요구 사항을 고려한 사례를 소개드립니다.

요즘 휴대폰을 보면 예쁜 테마도 많은 데 글자가 잘 안보여서 답답하시죠?

그렇다고 테마를 직접 만들기는 더 힘들다구요?

그럼 버즈런처 고대비 홈팩을 추천 드립니다.

나온지는 조금 되었지만, 모르는 분들이 많네요...

홈팩 다운로드 : http://m.homepackbuzz.com/homepack/773464

큼직하고 눈에 잘 보이는 스타일의 아이콘으로 만든 홈팩(테마)입니다. 고대비로 제작되어 시력이 좋지 않으신 분들도 편리하게 쓰실 수 있어요.

부모님의 핸드폰에 버즈런처 고대비 홈팩을 설치해드리면 어떨까요?  간편하게 따뜻한 마음을 전해보세요.

"여보, 아버님폰에 버즈홈팩 놔드려야겠어요~"

• 버즈런처 소개페이지 : http://www.homepackbuzz.com/about
• 고대비 홈팩 : http://www.homepackbuzz.com/homepack/773464

by 접근성팀 Hale & Gio