모바일 배달앱 접근성

1/38

Mobile Accessibility

장선영 대표 컨설턴트 | 에스앤씨랩 2014.06.12 웹접근성캠프

2/38

우 리 가 어 떤 민 족 입 니 까 ?

[모바일 배달앱 접근성 진단결과]

Copyright (c) SNC Lab. Co., Ltd. All rights reserved.

프랑스인도 좋아하는 한국인의 배달 문화!

3/38 Copyright (c) SNC Lab. Co., Ltd. All rights reserved.


한달 평균 3~4번

치킨

42.4

자장면

21.5

피자

16.6

족발

10.1

배달요리

선호음식 1위

[출처] : 한국농촌경제연구원



"과거에는 중국집에서 모은 쿠폰을 치킨집에서

사용할 수 없었지만 모바일 배달앱에서는

통합 마일리지를 통해 이것이 가능해졌다”

'배달의 민족'은 누적 앱 다운로드 건수가 800만건

[출처] : http://blog.fingra.ph/archives/5905



3대 대표 배달 앱

배달의 민족 배달통 요기요

6/38


시각장애인도 사용할 수 있을까요?



전단지 스캔 후 주문

[출처] : http://windwaker.tistory.com/1416 http://w3.sbs.co.kr/news/newsEndPage.do?news_id=N1002027641

Step 1

스마트폰으로 전단지 스캔

Step 2

스캔된 전단지를 스마트폰 음성으로 확인



실태 조사 결과

구 분 요기요 배달통 배달 맛집 배달의 민족

접근성 점수 67.1점 66.5점 62점 43.7점

접근성 준수지침 9/12 9/12 8/12 8/12

접근성 수준 미흡 미흡 미흡 미흡

방식 App App App

+HTML App

앱 결제여부 O O O O

주문 시 포인트 적립 X O O O

- 조사기간 : 2014. 06. 02 ~ 2014. 06. 05

- 대상선정 : 구글/애플 스토어 모바일 배달앱 다운로드 상위 4개 앱(요기요, 배달통, 배달맛집, 배달의 민족)

- 평가방법 : “모바일 앱 접근성 지침 1.0”을 기반으로 전문가 / 사용자 평가 진행

- 평가기준 : 인덱스, 상품리스트, 상품상세, 회원가입 페이지에 대한 준수여부를 평가

- 진단 도구 : iOS(Ver.7.1)의 음성 읽기 기능(VoiceOver) 이용



스마트폰 접근성 현황

[출처] : http://www.kihoilbo.co.kr/news/articleView.html?idxno=551551 http://news.chosun.com/site/data/html_dir/2014/04/23/2014042301476.html

운영체계 S/W 설치 한국어 지원 접근성

iOS APP Store O VoiceOver, Voice Control, Zoom, White on Black, Speak Auto Text, Caption, Mono Audio, Visual

Voicemail, TTY 지원, 점자지원

Android Play Store

사업자 Store △

TalkBack, Lager Font, 보조등, Mono Audio, 하드키 통화 수신 / 종료, 접근성 메뉴 바로가기

Windows Phone

미흡 X 음성 SMS 전송, 음성 다이얼링, GPS정보, TTY / TDD

정보

10/38


모바일 배달 앱의 문제점 및

해결방안 살펴보기



모바일 앱 접근성 평가 지표 항목 지표

필

수

항

목

1. 대체 텍스트 텍스트 아닌 콘텐츠는 대체 가능한 텍스트를 함께 제공하는가?

2. 초점 (Focus) 모든 객체에는 초점(focus)이 적용되고, 초점은 순차적으로 이동되는가?

3. 운영체제 접근성 기능 지원 입력 서식은 운영체제에서 제공하는 접근성 속성을 활용하여 사용자가 이해하

기 쉽도록 제공하고 있는가?

4. 누르기 동작 지원 모든 컨트롤은 누르기(touch or tap)동작으로 제어할 수 있는가?

5. 색에 무관한 인식 화면에 표시되는 모든 정보는 색에 관계없이 인식할 수 있는가?

6. 명도 대비 화면에 표시되는 모든 정보는 전경색과 배경색이 구분될 수 있도록 최소 대비

3:1 이상으로 제공되는가?

7. 자막, 수화 등의 제공 멀티미디어 콘텐츠에는 동등한 내용의 자막, 원고 또는 수화가 제공되는가?

권

고

항

목

8. 컨트롤간 충분한 간격 컨트롤 중심간의 간격은 13mm 이상인가?

9. 알림 기능 사용자에게 알림을 제공할 때에는 진동, 시각, 소리 등 최대한 다양한 방법으로

사용자가 선택할 수 있도록 제공하는가?

10. 사용자 인터페이스의 일관성 사용자 인터페이스 요소들의 배치를 일관성 있게 제공하였는가?

11. 깜빡거림의 사용 제한 광과민성 발작을 일으킬 수 있는 콘텐츠를 제공하였는가?

12. 배경음 사용금지 자동으로 재생되는 배경음을 사용 하였는가?

기준 : 모바일 애플리케이션 접근성 지침(행정안전부 고시 제2011-38호, 2011. 9. 22 제정) 15개 지표(3가지 항목 제외)



메뉴 검색 가능할까? (대체텍스트)_ 대체텍스트는 화면 낭독기를 지원하기 위해서 필수적으로 지켜져야 하는 사항입니다.

△ ☓ △ ☓

개선방안 _

이미지텍스트에 대체텍스트를

제공해야 함.

개선방안 _

이미지텍스트 및 버튼이미지에

대체텍스트를 제공해야 함.

개선방안 _



개선방안 _

이미지텍스트에 대체텍스트를

제공해야 함.



△ △ ☓ △

개선방안 _



개선방안 _



개선방안 _



개선방안 _



메뉴 검색 가능할까? (대체텍스트)_ 대체텍스트는 화면 낭독기를 지원하기 위해서 필수적으로 지켜져야 하는 사항입니다.



전화할 수 있을까? (대체텍스트)_ 대체텍스트는 화면 낭독기를 지원하기 위해서 필수적으로 지켜져야 하는 사항입니다.

☓ ○ ☓

개선방안 _



개선방안 _





전화할 수 있을까? (초점이동)_ 초점이란 객체의 선택과 그에 따른 활성화를 표시하는 데 사용됩니다.

☓ ○ ○

개선방안 _

모든 객체에는 초점(포커스)가

적용되어야 함.



입구를 막는 것들! (초점이동)_ 초점이란 객체의 선택과 그에 따른 활성화를 표시하는 데 사용됩니다.

☓ ☓

개선방안 _


적용되어야 함. 순서대로 이동

할 수 있도록 제공해야 함.

개선방안 _






순서대로 읽어주세요! (초점이동)_ 초점이란 객체의 선택과 그에 따른 활성화를 표시하는 데 사용됩니다.

☓ ☓

평균평점 -> 리뷰 ->

즐겨찾기 -> 통화수

-> 4.7 -> 9 -> 7 ->

95

개선방안 _




개선방안 _




2명->1명->0명->0

->명->맛있어->

친절해->배달짱->

아쉬워



단순 누르기가 제공되나요? (누르기 동작지원)_ 모든 컨트롤은 누르기 동작으로 제어할 수 있어야 한다.

슬라이딩

슬라이딩

슬라이딩

☓ ☓ ☓

개선방안 _

슬라이드, 끌기와 놓기(Drag

and Drop)등의 누르기 동작은

단순한 누르기 동작으로 대체

할 수 있는 방법이 제공되어야 함.

개선방안 _





개선방안 _







일본어로 말해요? 대체텍스트, 초점이동이 가능하나 또 다른 문제는?

제로 “쇼”

고센 “나까”

“이씨망고센” “다이”

이만오천원

개선방안 _

한자대신 한글사용을 권장하며 한자 사용 시 한글식

발음도 함께 기입해주는 것을 권장.

소

중

대

문제점 _

한자를 일본어로 인식하여 한자가 나오면

일본어 발음으로 읽어줌. 한자 뒤 바로 나오는 숫자도

일본어 발음으로 읽어줌.



사용자 평가의 중요성



사용자 평가 시연

22/38


왜 개선해야 하는가?




스마트폰 배달앱 이용 통계 다이어그램




화면에 키보드가 나타나게 하여 입력하는 기술은 키보드를 제대로 사용할 수 없는 상지 지체장애인을 위하여 만들어진 기술이다.

02

타자기의 발명은 시각장애인들의 문자생활을 위하여 발명한 것이다.

01

유선전화기는 청각장애인들의 보청기를 개발하는 과정에서 파생적으로 발명된 것이다.

03



이모티콘의 화려한 재미를 느낄 수 있게 해주세요



누구나 접근 가능한 세상

27/38

Thank you

장선영 대표 컨설턴트 | SNC Lab. 2014.06.12

㈜에스앤씨랩

웹 접근성 컨설팅 / 웹 접근성 인증마크 대행 / 웹 사이트 제작

서울 성동구 성수2가 3동 277-43 한신아크밸리 지식산업센터 805호

E-mail : [email protected]

Tel : 02-2201-9928

모바일 배달앱 접근성

Business