# Migliora l'accessibilità nel plugin spoiler-alert

**URL:** <https://meta.discourse.org/t/improve-accessibility-in-spoiler-alert-plugin/246752>\
**Category:** UX\
**Tags:** accessibility, spoiler-alert\
**Created:** [25 Novembre 2022, 9:38pm UTC](https://meta.discourse.org/t/improve-accessibility-in-spoiler-alert-plugin/246752 "2022-11-25T21:38:32Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![bbsmooth](https://avatars.discourse-cdn.com/v4/letter/b/c68b51/32.png) [@bbsmooth](https://meta.discourse.org/u/bbsmooth)\
**Post date:** [25 Novembre 2022, 9:38pm UTC](https://meta.discourse.org/t/improve-accessibility-in-spoiler-alert-plugin/246752/1 "2022-11-25T21:38:32Z")

</div>

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](https://adrianroselli.com/2020/05/disclosure-widgets.html) 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).

---

_[View the full topic](https://meta.discourse.org/t/improve-accessibility-in-spoiler-alert-plugin/246752)._