Problemi di accessibilità RAMP

Ciao,

Sto lavorando all’iniziativa COVID-19 RAMP. Abbiamo scelto Discourse per il nostro forum e ne siamo molto soddisfatti.

Un mio collega e io stiamo esaminando l’accessibilità. Credo di aver risolto i problemi di contrasto insufficiente tramite la funzionalità CSS dell’amministratore. Tuttavia, secondo WAVE, ci sono alcuni problemi che non siamo sicuri di poter risolvere da soli, come segue:

  • Immagini collegate prive di testo alternativo: si tratta delle immagini degli avatar. Esiste un titolo descrittivo, ma l’attributo alt è vuoto.

  • Manca un’etichetta in ogni pagina:

    <div><input type="text"></div>

  • In ogni pagina è presente un’intestazione vuota:

    <div class="title"><h3></h3><!-- --></div>

  • Sono segnalati numerosi pulsanti vuoti, associati a SVG.

  • Ci sono link vuoti, ad esempio:
    <a href="" aria-hidden="true" tabindex="-1" class="tabLoc"></a>
    e
    <a href="" class="edit-topic" title="edit the title and category of this topic" data-ember-action="" data-ember-action-27="27"><svg class="fa d-icon d-icon-pencil-alt svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#pencil-alt"></svg></a>.

  • C’è un’intestazione di tabella vuota: <th data-sort-order="posters" class="posters"></th>

Mi sorprenderebbe molto se fossimo gli unici ad avere questi problemi, quindi mi chiedo se WAVE stia esagerando o se forse ci stiamo perdendo qualche accorgimento. Qualsiasi aiuto sarà molto apprezzato.

Grazie mille in anticipo,
Kostas

8 Mi Piace