Accessibility · Middle · Question 28 of 75

How do you make a toggle button's state available to assistive tech?

1aria-pressed="true" or "false" with a stable label
2Set role="radio" on the button when it's active
3Change the label and set aria-pressed at the same time

Show the answer

Correct answer: aria-pressed="true" or "false" with a stable label

Explanation

Pick one: state with a stable name ("Mute", pressed) or a label that changes ("Mute" to "Unmute"). Doing both reads as "Unmute, pressed".

Further reading

MDN: aria-pressed ↗

Test yourself

Take the Accessibility · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.