To screen readers, a lot of the visual information that is presented on a webpage is lost. Because of this, we need to specifically provide information to them that may be obvious to a person looking at the page.
One common way people define information specifically for screen readers is to wrap the descriptive text in an element with a particular class, such as .screen-reader-text, and hide the element using a method that keeps it visible to screen readers.
Although this does work, we can use ARIA attrib…
…
Curated by (Lifekludger)
Read full article at Source: HTML For Screen Readers – Labelling Elements
life tools 