Text labels for theme toggle buttons

[tseykovets]

The theme toggle buttons in the settings do not have a text labels. This is an accessibility issue and creates inconvenience for users of assistive technologies such as screen readers.

It would be nice if these buttons to have text labels.

When the design does not allow adding text inside a button, you can add invisible text labels using the aria-label attribute, for example:

<button aria-label="Light"></button>
<button aria-label="Sepia"></button>
<button aria-label="Night"></button>

This will solve this issue. However, if the interface will support multiple languages, these labels should be included in the translation resources, like all other interface strings.

For more details see:

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