Semantic states of toggle buttons

[tseykovets]

The states of toggle buttons are described only visually, but not semantically. This is an accessibility issue and creates inconvenience for users of assistive technologies such as screen readers.

It would be nice if the states of controls are described semantically as well.

The issue is relevant for the following controls:

• Article filter toggle buttons (Unread, Starred, All)
• Themes toggle buttons in settings (Light, Sepia, Night)
• Automatic refresh intervals toggle buttons in settings (0, 10m, 30m, 1h, 2h, 4h)
• Sorting order toggle buttons in settings (New, Old)

In all these cases, it is enough to add the aria-pressed="true" attribute to the pressed button and remove it from the previously pressed button, or switch it to aria-pressed="false". This will solve this issue.

For more details see:

• https://www.w3.org/TR/wai-aria-1.2/#aria-pressed
• https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed