A screen reader user on iOS reported that several buttons on the New Topic/Reply form are not correctly labelled.
Is this specific to mobile?
Of the buttons listed, I think only the Reply button appears on the desktop version but it’s still labelled “Or press Ctrl+Enter”
@owlish I would love to get this sorted, can you provide us with a quick start of how to test this? What software do we install locally?
The Chrome Vox screenreader was recommended for accessibility testing.
NVDA is another free option for Windows.
Just wanted to check in to see if there’s been any movement on this or if you need any more information
Hi @sam, is there any other information you need for this?
I think we have what we need, its just a question of resources at the moment.
I am adding a pr-welcome on this in case someone from the community wants to help out.
The issue with the reply button was fixed by commit 31ffcf989ce63e. I just tested this on iOS with VoiceOver.
Now I’ll investigate the other two issues.
I verified that the hamburger button in the composer isn’t labeled. Specifically, this is the toggle-toolbar button in the composer-toggles component. This button is only rendered in the mobile view.
What would be a reasonable label for this button? Maybe “Formatting”, since many of the toolbar options are formatting related? Not all of them are, though. Maybe the more generic “Tools” would be better.
It occurred to me that, to enable accessibility fixes to reach Discourse’s worldwide user base without imposing too much on translators, we should use existing strings for unlabeled controls when it makes sense. So, for the hamburger button, would it make sense to use “show more” as the title? We could use “options”, and I think that would be a better fit, except that there’s already an “options” button in the toolbar itself. I think that would be confusing.
Ho aggiunto etichette ai pulsanti di caricamento e anteprima, nonché all’interruttore della barra degli strumenti.
@Matt_Campbell Hai ragione sui vantaggi di utilizzare il testo esistente quando possibile, ma ho finito per aggiungere due nuove stringhe in modo che l’etichetta possa dire “[Mostra/nascondi] barra degli strumenti del compositore”. Avevo preso in considerazione l’uso di “opzioni”, ma non mi è sembrato abbastanza descrittivo, soprattutto considerando che il pulsante è un interruttore.
@owlish @Matt_Campbell @awesomerobot , qual è la situazione in questi giorni?
La richiesta originale riguardava la correzione del titolo “Or press Ctrl+Enter” sul pulsante di risposta. Forse possiamo semplicemente aggiungere aria-label="reply" a questo pulsante?
VoiceOver su iOS legge l’etichetta del pulsante “rispondi” e poi il titolo, e questo è anche il caso di NVDA su desktop, quindi penso che tutto sia stato coperto qui, ma posso dare un’occhiata più da vicino se manca ancora qualcosa.
Un piccolo miglioramento potrebbe essere quello di rimuovere il titolo su mobile perché le scorciatoie da tastiera generalmente non sono rilevanti lì.
Ottimo, imposto un timer di 2 settimane per chiuderlo.
Sentiti libero di aprire follow-up se ne trovi qualcuno @owlish
Questo argomento è stato chiuso automaticamente dopo 9 giorni. Non sono più permesse nuove risposte.