Improve the accessibility of web application

One of the important accessibility requirements is that all the elements of user interface must be available from a keyboard (input fields, buttons, etc.) This requirement is intended to users with motor disorders (who can‘t use the mouse, for example). Also it is important when using screen reader for people with impaired vision.
2 answers

To meet this requirement it is necessary to define proper order of tabulation by setting "tabindex" attribute and also provide the possibility to work with elements (set the checkbox, change value of radio button, submit the button, etc.)

Comments

Thanks for sharing this! tabindex is unfortunately indeed often forgotten by the developers, leading also to problems navigating with Tab-button through forms/website in general (additionally to the problem described by you).

Volodymyr Lipenko - Thu, 11/23/2017 - 10:59 :::

Thanks for this explanation. It's good to know the tabindex is also important for screenreaders and accessibility issues!

Marian Berendes - Mon, 12/10/2018 - 12:24 :::

There also quite some tools to test a particular website's accessibility. W3C provides respectively the following list https://www.w3.org/WAI/ER/tools/ and some explanations https://www.w3.org/wiki/Accessibility_testing . Sorry if a bit off-topic :)

Comments

Thanks for addition. These tools help a lot, though they are not able to check everything.
I used AChecker in one of the projects.

Anastasiia Ulianova - Sat, 11/25/2017 - 22:06 :::