stillproperty.blogg.se

This attribute is used to specify more descriptive information about the current element. To use the attribute, instead of referenceing another element, we put the string of text directly. However, it is designed to be used where the label is not visible as another element on screen.

This attribute is also used to specify the name of the current element and generate its "Accessible name". This attribute should only be used when the labelling element is visible on the screen. We can specify multiple label elements as well. To use the attribute, on the element that needs to be labelled, we write the ID of the element that contains the label. User agents use it to generate the "Accessible name", a plain text name, for the element. This attribute is used to specify the name or label of the current element.

There are three attributes we can use to provide descriptive text to screen readers. screen-reader-text, and hide the element using a method that keeps it visible to screen readers.Īlthough this does work, we can use ARIA attributes that are specifically for this purpose. 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. Because of this, we need to specifically provide information to them that may be obvious to a person looking at the page.

To screen readers, a lot of the visual information that is presented on a webpage is lost.