Ricerca

Editore di newsletter: Eseguire il test di accessibilità

Tempo di lettura: 2 min
Le e-mail accessibili sono la chiave dell'inclusione. Garantiscono che ogni destinatario, indipendentemente dalle sue capacità o limitazioni, possa comprendere facilmente il vostro contenuto. Il vostro mailing offre una migliore esperienza all'utente, rafforza il vostro marchio e può persino portare a tassi di conversione più elevati.

Nel nostro articolo Criteri per il test di accessibilità delle vostre e-mail abbiamo riassunto ulteriori informazioni e mostrato quanto siano importanti i test di accessibilità.

Come funziona il test di accessibilità nel nostro editor di newsletter:

  1. Aprire l'invio per il quale si desidera effettuare il test tramite la voce di menu voce Email.


  2. In alto a destra sotto Preview si trova la voce Test di accessibilità.

  3. Si apre una finestra pop-up su tutta la pagina. Qui è possibile visualizzare la propria , eseguire i test, acquistare altri test e recuperare i test precedenti.

  4. Cliccate su Avvia il test di accessibilità. L'invio verrà scansionato e scannerizzato e riceverete la seguente panoramica: 
  5. Sotto la scheda Miglioramenti si trovano i criteri che si devono regolare. che è necessario regolare. Fare clic sulla freccia rivolta verso il basso a destra per ottenere maggiori informazioni e per vedere quale snippet HTML è interessato. Nella tabella  Spiegazioni degli ID delle regole (suggerimenti per il miglioramento) alla fine di questo articolo troverete ulteriori spiegazioni.
  6. Cliccate sulla x nell'angolo in alto a destra per tornare all'editor e regolare i suggerimenti di miglioramento. all'editor e regolare i suggerimenti di miglioramento.
  7. Cliccare nuovamente su Anteprima una volta apportate le modifiche. Test di accessibilità. È possibile fare clic su Recuperare il test precedente (vedi schermata fase 3) per visualizzare nuovamente i suggerimenti o fare clic su Avvia test di accessibilità per eseguire di nuovo il test per una verifica. eseguire nuovamente il test per un controllo. per eseguire nuovamente il test.

Spiegazioni degli ID delle regole (suggerimenti per il miglioramento dopo il test)

Il vostro mailing viene controllato per queste regole con il test di accessibilità (vedi schermata passo 4):

Rule ID Descrizione
accesskeys Assicura che ogni valore dell'attributo accesskey sia unico
area-alt Assicura che gli elementi <area> delle mappe immagine abbiano un testo alternativo
aria-allowed-attr Assicura che gli attributi ARIA sono consentiti per il ruolo di un elemento
aria-allowed-role Assicura che l'attributo role abbia un valore appropriato per l'elemento
aria-hidden-body Assicura che aria-hidden='true' non sia presente nel corpo del documento.
aria-progressbar-name Assicura che ogni nodo ARIA progressbar abbia un nome accessibile
aria-required-attr Assicura che gli elementi con ruoli ARIA abbiano tutti gli attributi ARIA richiesti.
aria-required-children Assicura che gli elementi con un ruolo ARIA che richiedono ruoli figli contengano loro
aria-required-parent Assicura che gli elementi con un ruolo ARIA che richiedono ruoli genitoriali siano contenuti da essi
aria-roledescription Assicurarsi che aria-roledescription sia usato solo su elementi con un ruolo implicito o esplicito.
aria-roles Assicura che tutti gli elementi con l'attributo role utilizzino un valore valido.
aria-toggle-field-name Assicura che ogni campo ARIA toggle abbia un nome accessibile
aria-tooltip-name Assicura che ogni nodo ARIA tooltip abbia un nome accessibile
aria-valid-attr-value Assicura che tutti gli attributi ARIA abbiano valori validi
aria-valid-attr Assicura che gli attributi che iniziano con aria- siano attributi ARIA validi.
color-contrast Assicura che il contrasto tra i colori di primo piano e di sfondo sia conforme alle WCAG 2 AA le soglie minime del rapporto di contrasto
content-type Assicura che "meta content-type" e set di caratteri siano definiti
definition-list
Assicura che gli elementi siano strutturati correttamente
dlitem
Assicura che gli elementi <dt> e <dd> siano contenuti da un elemento dl>
document-title

Assicura che ogni documento HTML contenga un elemento <title&gt. non vuoto; elemento
duplicate-id Assicura che ogni valore dell'attributo id sia unico
empty-heading Assicura che i titoli abbiano un testo distinguibile
heading-order Assicura che l'ordine delle intestazioni sia semanticamente corretto
html-has-lang Assicura che ogni documento HTML abbia un attributo lang
html-lang-valid Assicura che l'attributo lang dell'elemento <html> abbia un valore valido valore
html-xml-lang-mismatch Assicurarsi che gli elementi HTML con gli attributi lang e xml:lang siano validi concordino con la lingua di base della pagina
image-alt Assicura che gli elementi <img> abbiano un testo alternativo o un ruolo di nessuno o presentazione
image-redundant-alt Assicurati che l'immagine alternativa non venga ripetuta come testo
giustificazione Assicura che il contenuto del corpo non sia allineato al centro
landmark-no-duplicate-main Assicura che il documento abbia al massimo un punto di riferimento principale
landmark-unique I punti di riferimento devono avere un ruolo unico o una combinazione ruolo/etichetta/titolo (cioè un nome accessibile). nome)
link-name Assicura che i link abbiano testo distinguibile
list Assicura che le liste siano strutturate correttamente
listitem

Assicura che gli elementi <li> siano usati in modo semantico
meta-viewport-large Assicura che <meta name="viewport"> possa scalare in modo significativo
meta-viewport Assicura che <meta name="viewport"> non disabiliti il ridimensionamento del testo e lo zoom
object-alt Assicura che gli elementi <object> abbiano un testo alternativo.
page-has-heading-one Assicurarsi che la pagina, o almeno uno dei suoi frame, contenga un'intestazione di primo livello intestazione
presentation-role-conflict Contrassegna gli elementi il cui ruolo è nessuno o di presentazione e che causano l'attivazione della risoluzione dei conflitti di ruolo. la risoluzione dei conflitti di ruolo.
role-img-alt Assicura che gli elementi [role='img'] abbiano testo alternato
tabindex Assicura che i valori dell'attributo tabindex non siano maggiori di 0
table-roles Assicura che i ruoli della tabella siano definiti
svg-img-alt Assicura che gli elementi <svg> con ruolo img, graphics-document o graphics-symbol abbiano un testo accessibile
valid-lang Assicura che gli attributi lang abbiano valori validi

Aiuto e supporto

Se avete domande o avete bisogno di aiuto, potete sempre contattare il nostro team di assistenza.