The Accordion Pattern Telstra Uses (CANAXESS)

By /

Telstra have a great example of using the aria-expanded attribute to show extra content.

In this example it’s arranged into an accordion.

The button to show the extra content has aria-expanded to describe its state and it’s toggled from “false” to “true” when expanded.

Watch Ross Mullen’s video (1:01 min) on YouTube.