Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Gian Wild - Mobile Accessibility: Testing native apps and mobile sites for accessibility

UXAustralia
August 26, 2020

Gian Wild - Mobile Accessibility: Testing native apps and mobile sites for accessibility

Unfortunately, when developing WCAG2, the Working Group did not envision the current world where mobile is almost ubiquitous. For example, on a mobile device there is no continual access to a keyboard (unless someone is using it as an add-on to the device – or using a Blackberry Classic). WCAG2 requires that all content be accessible to the keyboard interface, but it does not require that all content be accessible to a mouse or to a touchscreen user – which is essential on a mobile device. WCAG2.1 does include some mobile accessibility requirements, but doesn’t go far enough. Gian Wild chaired the Mobile Site Sub-Committee to develop a set of Mobile Site Testing Guidelines that are available under Creative Commons. These guidelines are meant to be used in conjunction with WCAG2 (and WCAG2.1) to ensure that sites are accessible to people with disabilities using mobile and tablet devices.

Accessibility is important to all – not everyone using your mobile app, device or wearable will be fully functioning: either because they have a disability or they are simply engaged elsewhere. Gian Wild talks about the things that are essential to avoid when designing mobile apps, devices and wearables to ensure that everyone can use them. She talks about specific mobile accessibility features: pinch zoom, native screen readers, haptic keyboard etc, and system accessibility settings: font size, screen rotation, high contrast etc

UXAustralia

August 26, 2020
Tweet

More Decks by UXAustralia

Other Decks in Design

Transcript

  1. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . www captionslive com au | captionslive outlook com | UX A a a UX A a a 2020 - #UXA2020 Da 2 Wed e da , 26 A g 2020 Ca i ed b : Ti a Fa
  2. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 64 STEVE BATY: Tha k e ch, Ca h. CATHERINE HILLS: Tha k , S e e. STEVE BATY: Tha k . We ha e a e i hich I' ge ake a k a a d a e i he cha . Tha k e ch f ha . I a a ea i e e i g k a e f h e fac ha b h ide eed ake i acc , ha k f ha . CATHERINE HILLS: Tha ' ka . STEVE BATY: O a a k f he i g i Gia a d he i be a ki g h gh a h e a ge f acce ibi i fac ha e eed hi k ab he de ig i g bi e a d ea ab e e a d a . S , Gia i c i g. The e a e. He . GIAN WILD: H a e ? STEVE BATY: Ve e , ha k . I i ha d e . GIAN WILD: E ce e . Tha k e ch. Y ' ha e e c e he bea if behi d e, I' ha i g e b e i h I e e , I' e had e he e he e cab e, I' ki d f i he e . I' he e i he e S hi e C a , ea e j i g he ea he a d ha k e ch e e e f bei g he e da . T da , I' g i g a k ab bi e acce ibi i . Le e ake hi a e d ' ge a e a . I' g i g a ... i ' a i e bi diffe e he he e e a i , hi i a e ab ha ca ac a d ,
  3. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 65 f c i a e i e e , b I' g i g a i h bi e acce ibi i fai . I' e a e e a i ike hi f i ea a d I ea e j i g hi e e a i ab ba ica a he e ib e hi g ha ca g g he i c e bi e acce ibi i . Rea , if k a i , ' ee ha he e a e bi e abi i fai , a e . Thi i e e a e he e. Thi i Ja ie O i e ' eci e a a d he fi e he a i h he iPh e ide a e a d a a ide i h a ca i a di de c i i a hi g ike ha . Tha fai he WCAG2 cce c i e i 2.2.2 a e, , hide. Ve di ac i g a d diffic f a e dea i h. Thi he e i A a . Wha ' he e hi g ha d he g A a ? Y ea ch a d he e he ea ch i g e e a hi e backg d, d e ' ee WCAG2 cce c i e i 1.4.3 c a ( i i ). I a d a a UX de ig e a e f he e ace A a , eBa , A ibaba a d e i ed hi a a big b e ac he e a d he aid, "Ye , e ac a fi ed ha a fe eek ag a d fi i c ea ed b 13%." Acce ibi i i he ab e e e e. Thi he e i Ne f i . I ba ica i COVID ha e ed d a e he d, eak a c fe e ce a d Ne f i a ki d f ike he a I a aged i e. I hi k g i g a d he d a d a i g a diffe e ace , ace he e I did ' e e eak he a g age e ce e a. E e a d agai , I d ge hi e hich a ca ed "E " i h addi i a i f a i a d hi i a fai e f WCAG2 cce c i e i 3.3.1 e ide ifica i a d 3.3.3 e gge i . Thi i e hi g ha I' e ' e ee a f. Thi i he ABC a . O he ef i he ab e a e e i e hich i bab ha 6 i a d he igh i he ab e a ge e i e hich i bab ab 12 14 i a d ha ' ea fficie i e f e i i g e , ha fai he WCAG2 cce c i e i 1.4.4 e i e e . Ac a , he bigge b e i he c he , he ef -ha d i age he e h he e
  4. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 66 a he a e i e a d he igh -ha d i age h he e a he a ge i e a d ' ee he e he k e ac he a e. S ha ac a i -a e i g i i he i ed b he a ic e i e he a ic e ca i , he da e, he a h e ce e a, i ' a ea b e . Thi i bef e e a ed i g T e a d i h A a a, he a I d e a e de a k , b if ked a he bi e a he e a M Ta k i a d ha fai 3.2.3, c i e a iga i . We ca e ac a h e b ch f he e hi g a d e f he had WCAG fai e a d i e a did . A g f g ge he defi e a bi e acce ibi i e i g e h d g . The e' a c fe e ce ha a cc i DC e e ea i Oc be . I ' i f h ea hi ea I be ie e a d ba ica e f i T Ha i , ha i i a a i d ha e' e i i g ha e eed? The deci i a , e ea eed e hi g ha he e i e i d , he e i e acce ibi i i d ag ee i e f bi e acce ibi i . A he e d f 2017, e f ed a bc i ee bi e bc i ee f hich I a c -chai de e a e f bi e acce ibi i e i g g ide i e . A d 2018 i J e 2.1 a e ea ed a d e e e ea h i g ha 2.1 d ake he eed f he e bi e g ide i e b e e; ha i d ba ica e ake hi e i e e . B f a e , ha a he ca e. The e a e a fe b e . O e f he - if I ake i back a d a k ab WCAG2. The cce c i e ia a e a icab e bi e, h e e , a a ec f bi e acce ibi i a e ecifica c e ed b WCAG2. A h gh WCAG2 e i e i e be acce ib e he ke b a d e i d e ' ecif ha i h d be acce ib e he ch c ee e . WCAG2.1 add e e e f he e hi g a d a k ab ch c ee , i e g e a d a c ee de ice , b d e ' c e a he e eed e a ed bi e acce ibi i . S , ha e fi d i ha i bi e, he e' a h e e f acce ibi i fea e ha a e i e ecific ha d ' ee i de k
  5. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 67 . S , he e a e a i e c ee eade ch a Ta kback a d id, Na a Wi d if a e ha a Wi d h e a e. V ice- e iOS, e c , Ha ic ke b a d, i a , a di a d ib a i a ifica i a d e - - eech/ eech ec g i i a d Z . I ' ike a de k a he e ha e a be f diffe e i ch e f . The e' a a e ie f e acce ibi i e i g ch a f i e, ch a d h d de a , c ee a i , high c a , a i i e ch a d a di e ce e a. A he e hi g a affec h e e ca acce c e a bi e de ice. O e f he hi g 2.1 ade c ea a ab age a ia i . Ba ica , he e' a i a ce he e a - i i e igh i c ea e he e i e hei b e hei de k- a d ba ica b i c ea i g he e i e he i e di a a bi e ie f he eb i e a d if he e' diffe e c e he bi e ie f he eb i e, he he ca ' acce a he f c i a i . Thi i a e a e f Y T be. A 100% c ee i e ge he ad ifica i b i he igh -ha d c e , b a 200% c ee i e h e ifica i a d ad b di a ea , beca e i ' a ed if ' e bi e d e he Y T be a ad ide . B , i fac , he e a e e e h a e de k- h ha e e i c ea ed e i e beca e f he acce ibi i e i e e a d, he ef e, he e ha abi i . Thi i ha I ea he e. A 100%, ee ad a d ifica i i ib e, a d a 200% i ' g e. N he ha e fi ed hi a d he ha e add e ed i , b hi i e f he hi g ha WCAG2.1 ake c ea - a c e a d f c i a i be a ai ab e each age a ia i . N , ca hide i , i diffe e age ha ki d f ff, b e e eed be ab e acce i i e a . WCAG2.1 a k ab acce ibi i , hich ba ica ea ha he a e a ki g ab e i g, e ecia a i e a , e i h he a i i e ech gie i he e i he de ice. Na i e a a e e diffe e
  6. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 68 bi e i e i ha ca ' ac a acce he c de behi d he . I ' e diffic d , a d he ef e, ab e ha e e he e a i i e ech gie ha a e i he e i he e de ice . A he e d f 2018 e decided i he c i ee i . O e f bi e i e acce ibi i e i g e h d g a d he he f a i e a acce ibi i e i g e h d g a d I a c -chai f b h bc i ee . We decided ha e d i c de he e ha a e a ead i WCAG2, b d i c de h e hi g ha a e i 2.1 a d 2.1 hi g a e ea i efe e ced i ' i e ea de e i e ha ' a 2.1 e i e e a d ha ' a e h d g e i e e a d he e a e e diffe e ce , b ha ' ade e c ea . F e a e, e h d g d e ' e i e ha a i age ha e a a ib e , beca e ha ' i WCAG2 a d ha ' ba ica a ed. O e f he hi g ha I'd ike ake hi f hi - if ake j e hi g - i ha i ' ea i a e i h ea de ice . A I e i ed, I d a f a e i g... I ed bef e he d cha ged ig ifica , a d I ba ica had d a f f i g f A a ia a d i ' a 15-h f igh a d A a ia i a fa a ic ace. I e i , h e e , i i a i e bi behi d he i e a d i a bab h ee ea ag ha he e a Wii-Fii a e , he ea f fi e ea ag he e a Wii-Fii a e i he US. I'd f f Me b e LA a d I'd be 15 h i h I e e a d e'd a d he a ac a d f e beca e i ' ch a g f igh e'd i he a ac f a h ai i g f a ga e e e hi g ike ha . Y c d ac a acce he ai Wii-Fii hich a fa a ic. H e e , hi i ha ee. "Wii-Fii I e e acce , e e di c ec ed? C ick he e ec ec , i e ef 24 h , 0 i e . Thi age i edi ec , c e d e ' ea ake e e ha e he e." A f a dde , I d ' fee afe gi i g c edi ca d de ai . Thi i ha I ea ab aki g e e i h ea de ice a d i h ea ca i i ea
  7. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 69 i a i , beca e e e e ed hi a c e a hei k ace a d he e e ca e ac hi a d ea e a die ce a ha i . Le ' a k ab e i g e h d . The e a e ba ica f ai e i g e h d he e i g bi e i e . Te i g i h de ice , hich i bi e a d ab e de ice . Te i g i h de ice i h a i i e ech gie , hich i bi e a d ab e de ice i h a i i e ech gie . O , he bi e fea e ha a e i he e i a de ice. The , a e i e i d , hich i e i g a e i e i ed i d de k- a d e i g de k- . Th e a e he f e i g e h d e i i e he ea he e i g a i e a he e' ai e i g e h d i a i e a e i g. Te i g i h de ice a d e i g i h de ice i h a i i e ech gie . I' g i g b ief a k ab he i e e . Thi i efe e ci g, f c e, he bi e i e g ide i e . The e a e h ee e f bi e i e a d he e i g eed d i de e de ha ki d f i e ' e ki g a . The e a e de k i e ha ha e e di a , he he i ' ie ed a de k a bi e ab e de ice. The e a e .d i e ha be e ed agai he e i e f WCAG2 i addi i he a da d e i f he i e. D ' hi k eed e he .d i e. The , he e a e e i e eb i e hich i ba ica he aj i f he eb i e he e. The cha ge de e di g he c ee i e he fea e a de e i ed b he de e e . Thi i a e a e f a de k i e. Thi i he A a ia Na i a B a ic Ga de a d hi i ha i k ike a de k he e ' e g ef -ha d a iga i heade , b d f c e . If e k a i a a e i d , ba ica if d ag he i d a e , he b e i d a e , e f he c e e e i e , i j ge a e . I de ide if a .d i e i ' ea i a d a h ee f he e hi g . The fi i a k he c ie , "D ha e a .d i e?" We' e c e ac a be f c ie
  8. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 70 h ' e aid , a d ha f a h gh e i g e' e ac a f d e. Y eed a k he c ie , he eed g de k a d i ead f a i g he URL i h cha ge i " " a d ee if e hi g cha ge . The h d a k a he i e a de k a d bi e i e a d c a e he . A he e i c i a e de ai ed i he e h d g , hich I' a k ab a ai ab e he Acce ibi i O eb i e. D ' be c ce ed if hi i e he i g. The e a e e -b - e i c i h d he e hi g . Thi i a e a e f a de k i e i h a .d i e. Y ' e g a ea ch i he ef -ha d c e , ' e g a heade , a iga i ac he a d a b ie a ea i h f ec i - c ea , g , h, h. If cha ge " " he de k ge hi i ead, i h a ea ch ba ha g e ac he e i e c ee a d i ' a B e c . The a if k a he i e a a e i d e he " .d " a a e i d he ' e e diffe e . O e i b , e i b e, e ha h i a c i g he he d e ' . O e ha a iga i , he he ha a ha b ge e , e ce e a. A I e i ed f he i e i e i be e i e. If a i e i e i e, i i defi i e a de k i e, h e e , i i ib e, b ike he e' a a .d i e. Be a a e f ha . The i e i e i e if he a cha ge a cha ge he b e i d . T e hi , e he eb i e i a b e , e e he i d i a i i ed, e ec he igh -ha d edge a d d ag i he ce e f he c ee . The e a e he a d hi , b he ' e a ed de he e h d g . If ha e de e e iffi g f b e , ha ' e hi g ' eed a k he ab . Thi i a e a e f a e i e i e de k . Y ' e g he Acce ibi i O eb i e, he a iga i a g he a d e ice hich i a f i i e b e a d if d ag he c ee a e he e' h i a c i g. The a iga i cha ge a ha b ge e . The e ice a e 2 3 e ce e a.
  9. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 71 Tha ' ba ica h de e i e ha ki d f i e i i a d ha i he i f ha e e f e i g eed d . Le ' a k b ief ab a ia i f a age. O ce agai , hi i bi e i e . I a ei e a e agai ha i ' i a ha each a ia i f he age i e ed a d a f c i a i i a ai ab e a a ia i f he age a d e i g e h d f e i e eb i e e i g a e de e de he he he e a e a ia i f he age a d if ha e, a , i a ia i , e ha ca ea a f e i g. We a k e ab ha i he e h d g a d i ' e hi g ha e a , e ea ked ake e hi e h d g a da ed ce a ea a d e' e ea i e e ed k h fi d he e h d g , if hi k hi i e , if he e a e h c , hi g ike ha . P ea e if a e i g hi a d fi d e hi g ha ca be i ed, ea e e k . Wh ide a ia i f a age? Of e , i ' high igh a ic a c e bi e ch a h e de ai a a , hide a ic a c e a bi e ch a a i age ga e , beca e he c ie d e ' be ie e ha e e d a ac a ie ha c e a bi e. The e' a he ibi i f hidi g f c i a i ha d e ' k a bi e h e ch a a d ag a d d fea e i e ec e hi g ike ha . A f he e hi g ea ca ha e e a ia i f a age ha ha e f c i a i a d c e ha a he . The igge f a a ia i f age ca be he de ice. IPh e, de k a d id e ce e a. O e a i g e , Wi d , iOS, OS e ce e a. The b e , Safa i, IE11 Ch e, b he c i c ee i e a d he iab e e i c ee i e. If de e e a e i g a de ice e a i g e a b e eed a k he ab cha gi g i c ee i e. Thi i a a ia i i c e i c ded he age. Y ' e g he Acce ibi i O a iga i a he de k i e, i a bi e- i ed i d ha e a ha b ge e . Tha i diffe e c de. Th e hi g eed be
  10. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 72 c e e e ed ed. B h f h e hi g a e diffe e ac a c de he ea hi i he ICT acce ibi i e i g i , he e ha e de k . I i e ica h e c i ee egi e g a a d bi e i ' j a h i a h e c i ee egi e g a . Tha ' he a e c de ha ha a diffe e a a d ha d e ' eed be e ed a e e e , beca e i ' he a e i b h e . B h a ia i eed be e ed. I' e aid ha i e , h ef ha ' g e h gh. Le ' a k ab a i e a e i g. The fi hi g i eed defi e he f c i a i . Na i e a a e diffe e bi e i e . The ha e a e ecific e, if a k ab , a , he We ac ba ki g a , ha a i ab ai ai i g - i e acc . Tha i e diffe e he We ac eb i e, hich igh be c ac i g e e ab h e a , i g fi d e e ce e a. I ' ea i a ha defi e he a ica i f c i a i a d he hi g eed be a a e f i he k f f he e e e ie ce e ec i e. The e a e c e e e ha a a eed e i g. Thi g ike a iga i , e , heade , f e , a di g age, e e ge c a e age , gi age , e i g , acc a d fi e, c ac , ea - i e da e ch a eBa a d Ube . P i ac ic , e a d c di i , i e ac i a / a ac i a e ch a e ec i g a d c , addi g ca , a e , i e cha , he , Q&A, idge , ca e da a d da e icke , hi d- a i eg a i ike ge - ca i a a , cha e ce e a high- affic a ea . I e f de e i i g ha he e , a k he e i : H d he e e ie ce be i ac ed if he f c i a i fai ed he c e c d ' be eached, he e e ie ce ca ed a ba ie he e ? The i i i e. A f c i a i , f c e, ha be acce ib e i hi he a i e a ica i , h e e , i ' i a defi e a d i c de he c i ica f c i a i f each i di id a a be i i i ed i e i g. Le ' a k ab he ac a e h d g i e f.
  11. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 73 The bi e i e e i g e h d g e ie ha fi e e a d i ' e i i a he a i e a e i g e h d g , hich a ha fi e e . The fi e f b h i ide if de ice . The ec d e f a bi e i e i ide if i e e a d a ia i . The hi d e i e c i ica i e . The f h e he e bi e- ecific i e a d he fif h e i e bi e a i i e ech g a d fea e . The a i e a e i g e h d g i e ac he a e, e ce ha e 2 i defi ed a ica i f c i a i . S e 1 i ide if de ice , e 2 i defi e a ica i f c i a i . S e 3 i e c i ica i e . Te 4 i e bi e- ecific i e a d e 5 i e bi e a i i e ech g a d fea e . Le ' a k ab ide if i g de ice . The ec e ded de ice a e he iPh e i h Safa i, iPad i h Safa i a d A d id h e i h Ch e. Y h d k a age de e i e if a k a e i g a a i e a i h a a d id ab e , a e . A , if ' e e i g, a , a e-h b c ide e i g e hi g ha e i e a ecific de ice, he c ide e i g i h ha ecific de ice ch a a ki d e. We ec e d e i g he a e e i f iOS a d he a e e i f a d id a d if a i e i ai ed di ec a a g f e e i h a a ic a ki d f di abi i ch a S i ch e he e i g i h h e ecific de ice ecifica . O ce agai , eed ake WCAG2 a d hi bi e e i g e h d g . The e e f bi e i e i ide if i e e a d a ia i f age. Fi , ide if if he i e i de k , e i e .d a d if he i e i e i e ide if each a ia i f he age a d f a i e a defi e f c i a i . Ide if a e a ked ab bef e a iga i , gi f , acc fi e, he ec i e ce e a a d he he i a ec i a d he e f . The e c i ica i e . N , e f he hi g ha e f d he e did hi , e de e ed hi e h d g , i ha e f d ha he e a e a h e f e a ha e f d i bi e i e a d a i e a ha
  12. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 74 a e ' cc i g de k . A a i ba ica he e a e i a ed i hi a c e a d ca ' e ca e i h c i g he b e he a . The e a e a e a i bi e i e a d a i e a ha i de k . He e a e e f he . The fi e e ca ed he e i a . E e he e i a a a acce ib e ac i ab e i e e.g. a c e b ha ee c c a e i e e a d ha a acce ib e a e ha c e a fea e ha e a he c e age ch a he f - age ad. Thi a ie a e a d i e h d g fa de b h he bi e i e a d a i e a . Thi i a e a e he e. U e Faceb k age a d i ha a f - age ad f HP f i a d he e' ac a a c e ha ad ha i a e i a . Thi he e i a a e i a . Y ' e g j a - , a Fa Sa e f Sa F a ci c Ch ic e. I d e ha e a c e b , b i d e ' ee c c a e i e e a d ch a ge i e e i e e ei he . S ha d a be defi ed a a e i a . The e ha e a i e/ c a . E e d e ide a da d bi e ch f c i ch a i i g, c i g e ce e a he aj i f he age. Thi a ie ch e a d he e h d g a ie b h he bi e i e a d a i e a . Thi i a e a e he e, he e c d he b f he age a d ce ' e a he b f he age ca ' c , beca e he hi g ha i ac i e a ha i i he i e a i he b igh -ha d c e . If ac i a e ha ca g back he f he age, b if ha i ' ke b a d acce ib e d e ' ee c c a e i e e e e ' k a d he a e ck he e he a e. Thi i a he e a e ca ed " he f d ". If i e a he e he a a ea hich ake a a f he c ee he e he a , d ' e he age. The a e he age i hi h e a a ea f hi e a d he ide f he a . Thi i e hi g ha ca be a ea b e . The e ha e a e - - eech a . If he a ha a abi i
  13. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 75 ide c e ia e - - eech, he c ee eade e be ab e a e he a eaki g i a i e a e e.g. b e f i g a i e a c ee . Thi a ie c ee eade e a d he e h d g i a i e a . Thi he e i a e a e f he cke a a d if e a , ca hea he a ic e bei g ead a d , b ce a c ee eade e e e a he ca ' ac a he e - - eech i h hei c ee eade a d, f c e, he e - - eech a d he c ee eade i a k a he a e i e a d he ' be ab e c i e. Head e a . Head e e a a be ab e a e edia, a di ide c e b i g he a e/ a c he head e . Thi a ie c ee eade e a d head e e a d he e h d g i a i e a . Thi i a e a e he e he e ' e g a di i he b f he c ee a d ca e ha a di b hi i g he i e e b , h e e , if a e i g a c ee eade a head e if hi a e he head e i i a e he c ee eade , i ' a e ha a di . La , e ha e a a e a . The e h d be a ed a - i ib e a e . Thi a ie a e , b e c e ed b c ee eade e a d he e h d g i bi e i e a d a i e a . Ba ica he e i a eb i e he e if e he ha b ge e i e a he e i e age hich i g ea , h e e , he c ee eade e i ck he de i g age a d ca ' ac a acce a f he c e , ha ' a a e a . Ne , e ha e bi e- ecific i e a d e' e g ed he e i a be f diffe e g . The fi ec i i a e a i e . A e a i e a e ided f - eb bi e f c i a i ha i a da . F e a e, ec di g a ecific ge e b he ca e a bef e f c i a i a ea . F e a e, he e, i e i e ha c a a ic a ge e hich i a i e eace ig a d a he b he e' a i ha a "Need a he a ?" If ac i a e ha ha e hi e ifica i e a d
  14. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 76 e e age. The a e a i e i ea fficie , d e ' ee c c a e i e e , h e e , he e i a a e a i e b f c e aki g ha c e ge e i g i g be ib e f e e h e ha ha a h ica di abi i i a c ee eade e a d ca ' ee he ac a c ee . A e a i e a e ided f ge ca i f c i a i ha i a da . F e a e, e i i g a ecific ge ca i bef e f c i a i a ea . U e he ge ca i i e e ia f ega ea , d i g d i a ida e he ac i i . Thi a ie ge ca i ia GPS, e a e e , IP add e he e h d . Thi i a e a e f IKEA he e if a ' e g i g b ck he ca i i c e i h hi - ha a , i f ! L ca i e ice i e ab ed f hi a . P ea e e ab e i . Li i ed f c i a i f a . The e' ea ea h i h d i i he f c i a i . Whe ea hi i a a . Thi i L f , a i e bi ike Ube , e ch ike Ube a d ca ee ha e, he e i ca ed i h-ea P a d, b I' e a ked ha he Ube L f ick e i a diffe e ca i a d i a ha . I d e ' a , "He , ' e i ha ca i he ef e ca ' be icked i ha ca i ." Thi i ea i a f e e h igh be ca e ha a e e di g a Ube ick e e e hi g ike ha . Thi i ea a ab e f c i a i . Cha ge f a e f - a da d c , e.g. ha b ge e a d a a i g a e c ea i dica ed. He e e ha e he U i ed a a d he he a b ge e i c ed ha e, ca he c e he c ee a d, f c e, he a e a i e i e e a d c e e a ed j "Me , e ". The e g i di a . Si e f ch a ge i a ea 44 b 44CSS i e a i a e 7 10 i i e e . F e i f a i ee WCAG2.1 cce c i e ia 2.5.5. P ea e e ha hi diffe f WCAG2.1 a SC2.5.5 i a e e AAA e i e e , b i hi e h d g i ' a a da e i e e . E e hi g ha e a i he a da i
  15. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 77 a a da e i e e . We d ' ha e i e AA d b e AA, AAA - e j a e e hi g i e i ed. We ecif e ac h i diffe i he a e 2.1. Thi i a e a e he e f a fai ed ch a ge i e. Y ' e he ai b a d b i e a d i hi hi g a i g d a i a he a ? T c e ha - ha e hi ha ea a c e b a d if hi he Ai b b ic hich i a c e f i e e i , i i e he a , ha fai ha e i e e . Thi i a a . Thi i a k e age. The b d c e a ha e fficie ch a ge i e e i e e a e a he c e a d he e d b e ce e a. Ac i ab e i e ha e fficie e ac i e ace be ee he , e ac i e ace f a ea 10 i e h d be ided a d ac i e e e e . Thi i a e a e he e f A a a a d be ca ef ab ha hi . I he igh -ha d c e ' e g a edi b a d i e de ea h ha ' e g a a ked c e e b a d he ' e he e ac i e a d if accide a hi a k c e e i ead f edi ca ' b i g i back, i ' g e. S aci g i ea i a a e , beca e d ' ha e ha fi e e e ha ha e i h a e he a ki g ab bi e de ice . The e ha e ac i ab e i e . Na i e UI c , bjec , a e a d e e e ha e bee ed a d hi i ea i a , beca e a i i e ech gie ha a e i he e i bi e de ice a e ea e ia he a i e c . S , ea d ' a - a d he c e i -b i i h ce ai acce ibi i fea e , ea d ' a ec ea e e hi g ha a ead e i , beca e he ' e g i g ha e add a b ch f acce ibi i fea e i . Thi i a e a e he e he e ' e g i ead f j a Se ec b hich d a ea bi e de ice a a i e c e , i ' a Ja a c i idge hich d d 14, 15, 16, 17 a d e he ke b a d he bi e de ice. I c edib diffic e. Rea j h d ha e bee he e ec b , d e ' eed be a hi g e
  16. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 78 c ica ed ha ha . Whe di ec i ia he ke b a d i e i ed ide i f he e achie e he a e e i.e. e d d , adi b a d check b e e ce e a. F e a e, hi he e i P i e N , fi add e a d i a k f f a e, add e , ci , S a e, i c de e ce e a. The c egi i a d d , b he S a e a e a d he e' a e be f S a e i he U i ed S a e a d a e be f S a e i A a ia ha h d ea be a d d . Y h d ' e i e he e e ha c e , beca e he ' e e ike ake a i ake. Y d ' ha e g hi fa , b hi i a g ea a hich i he e e i he add e a d he e' d d a he b ha a "I hi ha ea ?" Y ' e ed i 2001 ace M a d he fi hi g ha i "2001 Ma ke S ee Sa F a ci c " a d i fi e e hi g c ec . I ca ca e acce ibi i b e i e f e ec i , b ha ' d e e i hi a ic a e a e. F c i a i ha ca be e a ed b de ice i e i ca a be e a ed b e i e face c e , a d e di g he i ca be di ab ed e e accide a ac a i , e ce f ce ai i a i . F e i f a i ee WCAG2.1. Thi i a e a e he e if ' e iOS. If hake he h e i a "U d T i g, ca ce d ". Thi fai i ca be ed ff i e i g , b he e i ac a a e a i e. Whe ea hi i Faceb k. If Shi Abe he h e he ' e Faceb k i a "Re a b e " a d i ca ' be ed ff e ac a hake he h e. See he - ff i i he e ce ' e hake he h e, b he e i a he a f ac a e i g a b e . Th e a e he a ea he e he ' e fai ed a d he b h a e ge he , he ki d f a . A he hi g ha e ba ica ha e a ed i i fi i e c i g hich i he e c he b f he c ee a d addi i a c e a a ica ge aded. Thi ca be b e a ic f c ee
  17. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 79 eade e , ke b a d e , ag ifie e e ce e a a d ha ' e hi g e d ' a . Na iga i a aid . Vi a i dica ch a a , e a d e i b ha e bee ed i dica e i e c a ea f addi i a f c i a i . Thi i he BBC i e a d if i e f igh ef g he e ab hich i M Ne . H e e , he e' i dica f ha he h i a i e i ac a d a d ha ' ha eed d . Y eed h eh ha h i a i e i e ge de ha e e. Na iga i a aid ch a back b , b eadc b e a d e i b ha e bee ided. He e, f e a e, ' e g he ic a a d id. I hi k i ' he iT e a d he e' c ea a iga i a aid. H d ge id f ha c ee ? The e' i e a ea, c e b , hi g. Y eed i e f he he b c e i , b ha ' i dica ed a he e. The e ha e a di a d ide . We e i e ha a a di a d ide ha e a acce ib e a c i . Thi i e hi g ha I' e be ie ed f a e g i e a d I a ed i be i WCAG2 he I a he ki g g a d i ' e hi g ha he g f e e he c i ee, hich c i ed f ba ica a he big acce ibi i c a ie ag eed ha a a c i i ea i a . He e i , if f ed a f e e a i f he a ea , k ha I di ca ed e ab 18 h ag I' e g a h e b ch f ehab hi g I eed d . Thi i a g ea a hich ha a ide ha h ha eed d e g he ce ai a a d he e' a a c i a he b ha a , "Si i he chai i h fee f a he f . Take a dee b ea h... a d he e a ." The e ha e f . Fie d abe be i i ed adjace hei i fie d a d a ea c e hei e ec i e i fie d i e a i he fie d abe a d he i fie d ." Thi i a e a e f a fai e he e ha e, d ha e e e ie ce a a eake i he c fe e ce ? The e b i c e
  18. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 80 he ha i i he e a d he b i ea ha d ee, beca e i d e ' ee c c a e i e e . The , f c e, bi e i e e a k ab bi e de k i e ac i . I e abe i g be ee diffe e e f a i e, de k , a .d a e e i e a d be c i e . The de k a had M Ta k , he ea he bi e a did . The , he e e i e bi e a i i e ech g a d fea e a d ba ica , i ' e i ed ha a ac i ab e i e a d i a c e ca be acce ed b he f i g a i i e ech gie he hi f i g fea e i e ab ed. The e a e he a i i e ech gie a d fea e ha e ec e d ha e i h. V ice- e iOS, ke b a d iOS, ke b a d a d i ch iOS, Z iOS, i e c iOS, G a ca e iOS a d Reade ie iOS hich i a bi e i e hi g. Ta kback a d id, ke b a d a d id, ke b a d a d i ch a d id, ag ifica i a d id, i e c A d id, G a ca e a d id, i c ea e e i e a d i ified ie a d id. We ha e e -b - e i c i h e i h he e a i i e ech gie . We e e ac h g ab d i g ha . We had ha i e b e e h e e e e i h e a i i e ech gie a d e ac a i he bi e g ide i e ha e ecific a e a d fai ca ee e ac ha i i ha ' e ki g f . I a h he e hi d c e i ca ed. If g he Acce ibi i O eb i e a d g Re ce M bi e Te i g, ' ge hi age ha a k ab he d c e , he ' e g he bi e i e e i g e h d g a d he a i e a e i g e h d g . The e a e e ie d c e . The e' he e h d g i e f a d he he e' he ab he bi i i e e i g. Ta ki g ab de ice a d i e e a d h ca e e . Y ' e g he c i ica e ca e ha c e a he a a d gi e e ac h e h e hi g a d e a e a d fai . The bi e e ca e , a d he a i i e ech g a d he
  19. N e ha hi i a edi ed a c

    i f a li e e e a d he ef e ma c ai e . Thi a c i i he j i e f Ca i LIVE a d he a h i ed a e ible f a me a d ma be c ied ed b a he a i h a h i a i . Page 81 ha e he a e f a i e a , a e . Thi ha bee e ea ed i he a h a d e' be ec e i g he c i ee af e he ICT acce ibi i e i g i i Oc be a k ab c ea i g a e i 3 f he e d c e a d e'd be ea i e e ed k h fi d he , if fi d he ef . Thi g ha fi d c f i g e ce e a a d if 'd ike be i ed, e e if ' e a acce ibi i e e , b ' e a bi e e e e'd e ha e . P ea e d ge i ch. Tha k e ch f i e a d I' ha d e S e e. STEVE BATY: Tha k ch, Gia . GIAN WILD: Y ' e e c e. STEVE BATY: Tha a a f i f a i ! Tha ' fa a ic, ha k . The e a e a fe e i ha ha e bee ed i he Q&A a e , hich I' ake ake a ick k a . We' ge he eh , ca ake a k a d e d. GIAN WILD: Ye . STEVE BATY: We' e a i e f he da . I a ed a e e ick a d I' ge ff c ee ha i g Gia a d I' ick ha e i e. A fe f a e i g c e i i f a a ie f gi ea a . If g i he Mi b a d he e, ' ee he ha e i f a i i hi i a e hibi i ha ca g a d a ici a e i . S e g ea i e a d gi e-a a ffe a d a f g d i f a i i he e. W h i e ha e a ick k. S , ha k e e e f da . I ' bee ... I hi k a ice ac ica c a e e da . T e kick ff i h Je Be e Sha j i i g f Ne Zea a d a ki g