search

NoobishSVK / fm-dx-webserver

FM-DX Webserver is a cross-platform web server designed for FM DXers who want to control their radio receivers through a web interface.
https://fmdx.org/projects/webserver.php
GNU General Public License v3.0
32 stars 21 forks source link

Settings panel and Setup / Admin page: Checkable elements are not exposed as checkboxes to screen readers #54

Open marvellousmachine opened 5 months ago

marvellousmachine commented 5 months ago

In both the settings panel and Admin page there are checkable elements that aren't exposed as checkboxes to screen readers. Please, consider making all such elements exposed either via ARIA: checkbox role or converting them to native HTML checkboxes.

Examples in the Settings panel:

Examples in the Admin page:

Edit: Please also make sure, all these elements get focus when using Tab / Shift+Tab to navigate across the interface.

More about implementing: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/checkbox_role

NoobishSVK commented 2 months ago

I have changed a few things related to this issue in the code, can you try to see if there was any improvement?

marvellousmachine commented 2 months ago

Unfortunately, it remains the same.

NoobishSVK commented 2 months ago

Please check now. I have added aria-labels to all the checkboxes

marvellousmachine commented 2 months ago

They are present if I switch page styling in Firefox to No Style. Otherwise they are not. I know I've mentioned it on Discord, but I believe it's better to have it documented here as well...