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 attributes that are specifically for this purpose.
curated by (Lifekludger)
Read full article at Source: HTML For Screen Readers – Labelling Elements | bitsofcode