Looking for people who regularly use screen readers to browse the web.

A dev version of [1] currently has 100% score by [2] and 0 errors according to WAVE [3] but still I'd hope to receive some real-world feedback and ensure what I develop can truly be used by all.

Boosts appreciated.

[1] dev.keyoxide.org
[2] web.dev/measure
[3] wave.webaim.org

@keyoxide Awesome to see more people paying attention to this! ☺️ I had a look at the 2 sites, and 2 things stood out. The minor one is that the top navigation menu really doesn't need to be so verbose, just saying "About" instead of "Go to the about page" is totally fine, like the links in the footer do even now.
The more serious issue is, on the first page, the group radio buttons to set the protocol are correctly spoken as a "radio group", but the actual buttons themself are just announced as text, without the screen reader saying it's a radio button and more importantly whether it's checked or not. I checked this both in Safari and Brave on a Mac and Chrome with NVDA on Windows.

@pitermach Thanks a bunch for the feedback!

- I'll fix nav (shorter labels)
- Ow, that is interesting because they are actually inpup[type=radio] elements. So I should fix that with a role=radio maybe? I'll try this later this evening

@keyoxide No problem, and re those radio buttons that should work I would think if it's just a normal radio input... and clearly the testing tools think so too :)
CC @marcozehe if you have some time maybe you could take a look? Perhaps you might see something obvious with your experience. Either that or we just found a bug of some kind

@pitermach @keyoxide @marcozehe Looking at that radio group... radio buttons appear to be hidden with CSS and focus is placed to their labels with tabIndex="0". I think it would be better to style the radio buttons to your liking rather than hiding them and restyling labels to look like radio buttons.

@pvagner thanks again for the feedback. I've done away with the abomination of giving the focus to the label.

dev.keyoxide.org/

It seems to work nicely with keyboard arrows, but the moment I turn orca on, the arrows no longer work as I think they should. Could you confirm the current iteration works better or indeed is still broken? Thx :)

@keyoxide Also when orca is turned on it allows reading the content linearized by default in so called browse mode. If you press either r or shift+r you can navigate by radio buttons and activate by pressing space. To experience the keyboard focus of the page it-self press insert+a to switch to so called focus mode and then use tab or shift+tab to find the radio button and finally arrow keys to change the value.

Follow

@pvagner that works indeed. Thanks so much for your guidance, I'm learning a ton here 🤗

Sign in to participate in the conversation
Fosstodon

Fosstodon is an English speaking Mastodon instance that is open to anyone who is interested in technology; particularly free & open source software.