Accessibility How to make the application accessible to users with disabilities


About me


photo with me
My name is Anya Kovtun, I am a UX / UI designer and have been with Arcadia since 2015. In addition to designing user interfaces, I communicate with customers and make requirements for the development team.


Background


2018 . accessibility . ( IT) , :


accessibility? ? ? , ? ? , ? ? ? ?


. : , . , , , โ€ฆ


, IT- accessibility .


web accessibility?


accessibility usability.



Usability โ€” , .


Accessibility () โ€” , - .


, , usability. 100% ( ). , ยซ ยป ( , ~15% - ), .
.


ยซ ยป


:

.
/ /.

.
/ .

- .
// .

.
, /.

, . , :


user with no arm, user with plaster on arm, user with baby in arm

, , ( , ) , IT- .


, โ€” , , . , , .


, ?


. โ€” , , . โ€” , .


, Apple:



accessibility?


, , . :


  • UX/UI โ€” ,
  • โ€” / ,
  • โ€” accessibility .

accessibility:


  1. : , , . , , .
  2. : .
    , 15% , . , โ€” , โ€” , .
    , accessibility IT, .
  3. : . , , , , , accessibility .
    , - : ยซ 52872-2012. ยป. . IT- , , .

accessibility?


: !


. , :



WCAG (Section 508 WCAG , ). WCAG 4 :



, :


A โ€”


AA โ€”


AAA โ€” ,


, accessibility , .


.


(A/)


ยซยป , . :


  • - โ€” , , , . , ( ) ( ).
  • ( ).
  • - .
  • .

, :



, / - . , . , Tab.
4 :


  • . , ยซยป .


  • : , โ€” Tab , .


  • : - , .


  • : .
    , Booking ยซ ยป , . , .
    image



    Facebook: Tab Alt+/ 3 ( ). , . .
    image




- , , . , (, , , ) . .


, . , GetTaxi 2015 โ€” . , , .




: , 7 10% . (FAQ ).



, , .


โ€” , . , ( ) , :



* (, , , 50% )


โ€” Trello: , . , , .


image


. .
image


, . WCAG : , .
, , , .
WCAG .



. , . , .


image


, ()

, ?


, ยซยป. , (, !). .



: https://www.plainlanguage.gov/examples/before-and-after/


Plain Language, . .



, . , .


, , accessibility ? IT- 2 :


  1. accessibility, .
  2. , .


  • -

( ) , . !
:

NVDA

, -. ( ).

Voice Over

Talkback



. Google Chrome :


Lighthouse (Google Chrome)


accessibility , , , (, ).


Firefox , :

Wave




a11y Tools (, )


P.S โ€” accessibility, a11y โ€” . , ?


?

AccessibilitY A Y 11 .


, , . . , โ€” , -.



โ€” , accessibility โ€” , .


, IT- , .




W3C
WCAG

(XD, Sketch, Figma)
BBC:
Microsoft
:
- ยซ ยป
(2020) Mail.ru
Google I/O (2019) Accessibility


All Articles