Italian Restaurant Menu (just one h1, describing the whole content) Pasta (first item level, the most important after the main title) Carbonara (subitem of heading 2) Pesto (subitem of heading 2) Lasagna (subitem of heading 2) Four Cheese (subitem of heading 3) Bolognese (subitem of heading 3) Risotto (first item level, the most important after the main title) Mushroom (subitem of heading 2) Garlic Parmesan (subitem of heading 2) 4. You can easily solve this by adding the attribute lang to your HTML tag. If the screen reader doesn't know what is the language of the website, it will use the default operating system's language, which may cause mispronunciations. ARIA - Accessible Rich Internet ApplicationsĪs each language has its particularities, the screen reader needs to know which language it will speak, to guarantee a good experience of the content read to the user.This shows us that the vast majority of screen reader users have some kind of visual impairment, but they are not the only ones who use this technology.Ī screen reader user normally uses his keyboard to navigate the website, so I recommend you read my first post of the Web Accessibility Series, which talks about accessibility for keyboard users and complements this post. There were also respondents with cognitive impairment (3.3%), deafness or hard of hearing (6%), motor impairment (2%), and others (3.7%). And among those who have a disability, 76% have blindness and 18.5% have low vision (visually impaired). This technology helps people with special needs to have independence and privacy to surf the internet, and our duty - as front-end developers - is to develop an accessible application for these users.Īccording to WebAIM Screen Reader User Survey conducted in 2019, 87.6% of respondents use a screen reader due to a disability. Screen readers convert digital text into synthesized speech, and they allow users to listen to the website content and navigate with the keyboard. This is the second post of the "Web Accessibility Series", and here you will learn what your application needs to be accessible to screen readers users in 8 steps.