Accessibility

Examples for ARIA-states.

Please read the following page first: Utility Configuration.

ARIA Selected

You can address an [aria-selected] state by adding s:{your-class} to an element.

aria-selected="false"

Route to the hotel

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

aria-selected="true"

Route to the hotel

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

ARIA Expanded

You can address an [aria-selected] state by adding e:{your-class} to an element.

aria-expanded="false"

aria-expanded="true"