Il plugin spoiler-alert è molto interessante ma purtroppo non sembra essere accessibile da tastiera poiché non c’è modo di attivare l’evento click che sta utilizzando con la tastiera. Questo sembra essere un pattern disclosure di base e quindi ti consiglierei di utilizzare un pulsante per attivare/disattivare l’offuscamento. Ciò consentirebbe anche di nascondere il contenuto offuscato dalla tecnologia assistiva.
Stato predefinito (offuscato): Pulsante di attivazione/disattivazione impostato su aria-expanded="false". Contenuto offuscato impostato su aria-hidden="true".
Stato visibile: Pulsante di attivazione/disattivazione impostato su aria-expanded="true". Contenuto impostato su aria-hidden="false" o attributo aria-hidden completamente rimosso.
Il pulsante avrebbe anche un attributo aria-controls impostato sull’id dell’elemento che viene offuscato. Il nome accessibile per il pulsante potrebbe essere qualcosa come “Mostra contenuto nascosto” (preferibilmente utilizzando testo visivamente nascosto).
Stiamo sempre cercando di migliorare l’accessibilità. Ci darò un’occhiata quando avrò un po’ di tempo e pubblicherò un aggiornamento qui quando sarà risolto.