KSKSKSKS KSKSKSK KSKSKS KSKSK KSKS KSK KS X 3253 KS 2.0 KS X 3253 2016 2016 10 20
3
... ii... iii 1... 1 2... 1 3... 1 3.1... 1 3.2... 3 4... 3 5... 4 6... 5 7... 7 8... 7 9... 8 A ( )... 9 A.1... 9 A.2... 25 A.3... 36 A.4... 46... 50 KS X 3253 2016... 51 i
TTAK.KO-10.0634/R2..,,.,,. ii
, 19.,.,.,,, iii
KS X 3253:2016 2.0 Mobile Application Content Accessibility Guidelines 2.0 1,,,,. 3. 2.. ( ). Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile, W3C First Public Working Draft 2015. 2. 3 3.1. 3.1.1, [ ISO 9241 20:2008, 3.1] 3.1.2 a) b) 1
3.1.3 3.1.4 3.1.5 (undue burden) [ ADA Title III Regulation 28 CFR Part 36, section 36.104] 3.1.6,,,, [ ISO 9241 171:2008, 3.4],,. 3.1.7 [ KS X ISO/IEC TS 20071 11:2012, 2.1.1].. 3.1.8 (contrast) 3.1.9.,. [ ISO 9241 171:2008, 3.21]. 2
3.1.10 (touch) (tap) 3.1.11 (control) [ : ISO 11783 1;2007, 3.8] 3.1.12 /,,, ( ) 3.1.13 (,, ) [ ISO/IEC TR 13066 4:2015, 2.22] 3.1.14 [ ISO/IEC 26513:2009(en), 3.27] 3.1.15, (drag) 3.1.16 3.1.17 [ ISO/IEC TR 11580:2007, 2.1] 3.2 4 3
WCAG 2.0(Web Content Accessibility Guidelines 2.0) 4,,,,., ( ),,.,. 5. 5.1 ( ). (TTAK.KO-10.0772, ). 5.2 (, ),. a),,. b). c),.,. d). 5.3 ( ).,,. 5.4 ( ). 3 1. 5.5 ( ),,,,,. a) 4
,. b). 5.6 ( ),,. a),,. b). 6. 6.1 ( ) (focus),. a). b). c). 6.2 ( ) (touch). (multi-touch), (pan), (drag and drop). 6.3 ( ). a). b) a),. :, 6.4 ( ).,,,. 6.5 ( ). a).. 5
b) 9 mm. 6
7. 7.1 ( ),. a). b). c). d). 7.2 ( ). a). b). 7.3 ( ). a) 3 ~ 50. b),,. 7.4 ( ). a)., 3. b),,,. 7.5 ( ). a). b). 8. 8.1 ( ). 7
a).. b). 8.2 ( ). a). b). c). 9.,,,,,. 8
A ( ). (6 ), (5 ), (5 ), (3 ),. A.1 A.1.1. A.1.1.1 (ios (VoiceOver), (Talkback), (Narrator) ).,. A.1.1.2. (short & clear),,,, [ ( ), ( ), ( ) ( ), ( ), ( )]. A.1.1.2.1 ios 2., Interface Builder., UIAccessibility API. Label Hint, Label, Hint. ios Hint (off) Label. Label. Hint. 9
< Interface Builder > < UIAccessibility > a) Interface Builder : Interface Builder UI. Interface Builder Attribute inspector Label. Xcode ios Simulator Accessibility inspector. < Interface Builder > 1) Accessibility (Enabled). 2) Label. 3) Hint. < > Interface Builder Xcode. 15 7 Xcode 6. b) UIAccessibility API UI Interface Builder, UIAccessibility API Label. [housebutton setisaccessibilityelement:yes]; [housebutton setaccessibilitylabel:@" "]; [housebutton setaccessibilityhint:@"."]; A.1.1.2.2 10
2., GUI., Java. GUI XML Interface Builder. a) XML <ImageButton android:id= @+id/add_entry_button android:src= @drawable/plus android:contentdescription= /> b) Java code Button add_entry_button = new Button(this); add_entry_button.setcontentdescription(" "); A.1.1.3. *** (, )... 11
< *** > < ios > 1. menu icon default 2. right icon default 3. 4. 5. PHO***... < PH**** > < ios > 1 terms off 2 terms off 3 terms off 4 terms off ***.. 12
< -*** > < ios > 1. 2. 3. 4. 5. main btn add song < KB (ios) > KB < >.. KB 2011, 2013, 2014... 2011 ( ) /. ( ) < / > < ios / > 13
2015,. < > < ios > 1 2 3 / 4 5 6 7 / 8 9 10 11 12 13 MyKB 14 14
, (,, ).. < > < ios > 1 2 KBStar*t 3 4 343 24 **** 354 5 KB Star*t 343 24 **** 354 6 7 KB 8 9 778801 04 ****91 10 11 A.1.2,,. A.1.2.1..,,... A.1.2.2,.,.,,, (,, ).,. 15
A.1.2.3 my K.,. < my K > A.1.3. A.1.3.1... A.1.3.2,.,. A.1.3.3. OS,,. 16
.... < > < >. /. 17
< > < > /..,,,. 18
< > A.1.4. A.1.4.1,.,.. A.1.4.2 (contrast). 4.5 1. 3 1.. ios 8 19
. < : > Color Doctor http://www.fujitsu.com/global/accessibility/assistance/cd/download.html Visual Impairment Simulator for Microsoft Windows http://vis.cita.uiuc.edu/index.php Colour Contrast Analyser http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php Colour Checker http://www.etre.com/tools/colourcheck/ Color Selector http://www.fujitsu.com/global/accessibility/assistance/cs/download.html adesigner http://www.alphaworks.ibm.com/tech/adesigner Accessibility Color Wheel http://gmazzocato.altervista.org/colorwheel/wheel.php A.1.4.3 **... < > ***.. 20
< > < *** >,. 21
< *** > 10,,,. A.1.5,,,,,. A.1.5.1,.,. ( ). A.1.5.2,,,,.,,., 22
,,,,..,,.. A.1.5.3 *** ( )..,.... OOO.....,.. <*** ( ) > 23
***. (captcha).., ). < *** > A.1.6,,. A.1.6.1... A.1.6.2. 24
,,,. A.1.6.3.,. Native UI. < > < Native UI > A.2. A.2.1 (focus),. A.2.1.1 (ios,, ).,. A.2.1.2,. 25
A.2.1.2.1 ios accessibility ( isaccessibilityelement) (enabled). ios (Native UI Component) (yes). accessibility (disabled). ImageView UI accessibility (yes), label. UIAccessibilityContainer. < Accessibility ( ) > < Accessibility ( ) > A.2.1.2.2 a). : (Native UI Component) ios (false). UI focusable (true). <TextView android:id="@+id/text" android:focusable= true android:text="hello, I am a focusable TextView" android:nextfocusup= @id/edit.../> nextfocusdown, nextfocusup, nextfocus Right, nextfocusleft. b) <EditText android:id="@+id/edittext1" android:layout_width="match_parent" android:layout_height="wrap_content"> 26
<requestfocus /> </EditText> c) sendaccessibilityevent(accessibilityevent.type_view_focused); A.2.1.3,. < ** > < > o, a, a, s, s, d, d...,,... *, dtm into 1 gif o. 27
< *** >. 1 240 2 3 4 5 6 240.. < *** >... 28
< *** >... < ** > < > o ***.,... o. A.2.2 (touch). A.2.2.1, 2,,.. 29
,,.. /, /,,. (, ). A.2.2.2 (touch) (tap),. (multi-touch) slide, drag and drop. ios UIButton. https://developer.apple.com/library/ios/documentation/uikit/reference/uibutton_class/index.html#//apple _ref/occ/cl/uibutton A.2.2.3. UI, (universal design). < / > /. /. 30
< ***VOD >. ( ). ios ( ). < PHO*** > ( ).,., ( ). < ** >,.. 31
< >. ios. 1 2 / 3 < [ (double tap)] > < >,, 32
A.2.3. A.2.3.1,. A.2.3.2.,.,,. 20.. ( 20 ). A.2.3.3.,,. 33
< KB > < > < > A.2.4. A.2.4.1. A.2.4.2.,, ( :,, ). A.2.4.3 34
< ** > < > o,. o < > < > /,, A.2.5. A.2.5.1...., 35
. A.2.5.2,,. 9 mm..,.. < > o 9 mm[48 dpi(dots per inch)] https://developer.android.com/tools/testing/testing_accessibility.html A.3. A.3.1,. A.3.1.1. 36
A.3.1.2.,. A.3.1.2.1 < > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/id" android:labelfor="@+id/edit_id" /> <EditText android:id="@+id/edit_id" android:layout_width="wrap_content" android:layout_height="wrap_content" /> < > <EditText android:id="@+id/edit_id" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentdescription="@string/input_id" /> <EditText android:id="@+id/edit_id" android:layout_width="wrap_content" android:layout_height="wrap_content" android:hint="@string/input_guide" /> < > 37
A.3.1.3 < > < >,, < > < > < > o, o 38
< **** >. ios... < > < > apple ID 39
< >. A.3.2. A.3.2.1.... A.3.2.2 (user experience) (UI). (,,,, ) 40
. ios custom menu.. : https://developer.apple.com/library/mac/documentation/cocoa/conceptual/button/concepts/r adiobuttons.html Custom Menu https://developer.apple.com/library/prerelease/mac/samplecode/custommenus/introduction/int ro.html A.3.2.3 ***. < (ios native UI component ( ), custom UI component ( ) >,. 41
< > /. < > A.3.3,. A.3.3.1... A.3.3.2 3 50.,. 42
,,. A.3.3.3 < >. A.3.4. A.3.4.1 (ios,, 6.5 Code Factory Mobile Speak )...,. A.3.4.2 (,, )., 3., (,, ).. A.3.4.3 43
**.. < > < >.. A.3.5. A.3.5.1.... A.3.5.2,,. 44
A.3.5.3 < *** >.. SNS. < *** > ***.. 45
A.4. A.4.1,. A.4.1.1, PC.. A.4.1.2,. (setting) (inherit). (global font),.,.. 200 %.,. A.4.1.3, ibooks. < > < ibooks > 46
A.4.2. A.4.2.1... (, ).. A.4.2.2. A.4.2.2.1 ios : Native UI component UIWindow, UILabel, UIPickerView. UIWebView. UIAccessibilityContainer protocol. A.4.2.2.2 : Native UI component ImageViewbutton. accessibility enable. A.4.2.3 Native UI. < ios native UI > < native UI > http://developer.apple.com/library/ios/#documentation /UIKit/Reference/UIKit_Framework/_index.html#//appl e_ref/doc/uid/tp40006955 http://developer.android.com/reference/android /widget/package-summary.html 47
< > < > o - o - (, ) < - *** > 1. 2. 3. 4. 5. ON.. 48
< > 1. 2. off 3.. < nplayer >. 38 12.,,. 49
[1], 2013-106, 2013.08. [2] 11 :, KS X ISO/IEC TS 20071-11, 2016 [3] Apple, Accessibility programming guide for ios [4] Google, Android Accessibility - Designing for Accessibility [5] RIM, Best practice: Designing accessible applications [6] ISO, Ergonomics of human-system interaction -- Part 20: Accessibility guidelines for information/communication technology (ICT) equipment and services, ISO 9241-20, 2008 [7] ISO, Ergonomics of human-system interaction -- Part 171: Guidance on software accessibility, ISO 9241-171, 2008 [8] ISO, Tractors and machinery for agriculture and forestry Serial control and communications data network Part 1: General standard for mobile data communication, ISO 11783-1, 2007 [9] ISO/IEC, Information technology -- Framework for describing user interface objects, actions and attributes, ISO/IEC TR 11580:2007 [10] ISO/IEC Information technology -- Interoperability with assistive technology (AT) -- Part 4: Linux/UNIX graphical environments accessibility API. ISO/IEC TR 13066-4, 2015 [11] ISO/IEC, Systems and software engineering - Requirements for testers and reviewers of user documentation, ISO/IEC 26513, 2009 [12] ITU-T, Making Mobile Phones and services accessible for Persons with disabilities, 2012.8 [13] W3C, Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile, 2015. 2. [14] BBC, Mobile Accessibility Standards and Guide lines v1.0 [15] W3C, Mobile Web Application Best Practices (MWABP), 2010. 12 50
KS X 3253 2016 ( ), ( ). 1 1.1,., 2,. 4 18 2.,,, 3 51
ICS 35.080 KS X 3253:2016 KSKSKS KSKSK KSKS KSK KS KSK KSKS KSKSK KSKSKS Mobile Application Content Accessibility Guidelines 2.0