Blind people are left with the channel of perception through hearing, they use screen readers - programs that voice the text. There is a portal "Problems of Perception" that simulates the use of a screen reader for a blind person: to feel how such people use sites, launch the module on the page and turn on the sound.
People with severe dyslexia who find it difficult to cambodia whatsapp phone number read text may also benefit from screen readers. There are projects that help you experience these features. For example, the project " How People with Dyslexia See " from the Association of Parents of Children with Dyslexia.
For correct voice-over, a website, service or application must be adapted to the requirements of screen readers at the development level. What we did for the website, the accessibility of which we worked on:
added text description attributes title and aria-label for buttons that are displayed as icons only;
filled in the image attributes alt, title, aria-label, aria-labelledby, aria-describedby with a text description - while describing the content of the image, that is, not “image 1”, but “map of the Nizhny Novgorod region”;
also described the content of the video and other figure elements in the figcaption block;
added the aria-expanded attribute, which tells the screen reader whether the drop-down list is open;
added a special attribute role = "alert" with the text "loading in progress" so that the screen reader lets the user know that the process has started successfully and they need to wait;
added a message to the user that data sending has begun, and specified the notification attributes aria-live = "assertive" with text about successful sending or an error;
added text descriptions to form input fields in the label and aria-describedby attributes;
implemented a sound that the modal window is open, so that the user understands what is working in it;
added the aria-describedby attribute to provide instructions for working with complex elements, such as an events calendar;
marked aria-hidden = "true" for elements that do not require voiceover - not needed for site navigation and not related to user content.
Make text duplicates of color symbols and set up animations
The peculiarities of color perception include color blindness. Such people do not distinguish shades, usually red and green, but there may be others depending on the type of color blindness.
In this regard, digital product creators should not rely on color coding on the site. For example, selected items should not just change color, but also acquire some other visual effect - for example, bold highlighting, a frame, check marks.
For example, we highlighted the selected search areas using color and inversion - the selected element "News" is on a filled dark plate, the inscription itself becomes white in contrast to the rest of the black ones:
Adapt the site for screen readers
-
- Posts: 303
- Joined: Thu Jan 02, 2025 7:11 am