Attiva VoiceOver di iOS, quindi naviga fino a un post contenente sfocature di spoiler, come questo.
Scorri fino al testo e fai leggere il testo dallo screen reader.
Effettivo: VoiceOver legge semplicemente il testo dello spoiler, ignorando la sfocatura dello spoiler.
Atteso: Dovrebbe avere un ruolo ARIA (pulsante?) e una lettura ARIA alternativa, “leggi spoiler” o qualcosa di simile.
(Qualcosa di simile accade in JAWS e NVDA.)
Non credo ci sia nulla in ARIA riguardo agli spoiler, … potrei sbagliarmi. La mia comprensione è che la cosa più vicina che possiamo fare è implementare qualcosa usando i tag detail e summary per far funzionare la cosa.
Aperto a cambiare la nostra implementazione.
Sembra che ci sia una ragionevole flessibilità per lo styling di detail/summary, tuttavia pre-calcolare la larghezza probabilmente non sarà fattibile.
Ahh, ora capisco di aver praticamente aperto una issue duplicata per il problema di accessibilità dell’avviso spoiler menzionato qui, mi dispiace. Sebbene il mio fosse più focalizzato sull’accessibilità da tastiera, la mia soluzione risolverebbe anche questo problema perché, come suggerito da @dfabulich, utilizzerebbe un pattern di widget di divulgazione attivato da un pulsante.
Non credo che vorresti usare details/summary qui poiché vuoi mostrare il contenuto sulla pagina quando è “nascosto”, vuoi solo sfocarlo. L’uso di aria-hidden="true" sul contenuto sfocato lo nasconderebbe agli utenti di screen reader ma permetterebbe comunque di mostrarlo sulla pagina (come sfocato). E poi il pulsante può attivare aria-hidden per renderlo accessibile alla tecnologia assistiva.
Non credo ci sia nulla in ARIA riguardo agli spoiler
L’avviso spoiler è fondamentalmente un widget di divulgazione per il quale la Guida alle pratiche per autori ARIA fornisce delle linee guida.
Penso che questo dovrebbe essere risolto da questo commit:
Questo argomento è stato chiuso automaticamente dopo 25 ore. Non sono più consentite nuove risposte.