Accessibilità

Navigazione da tastiera

Il supporto alla navigazione tramite tastiera è un aspetto fondamentale dell'accessibilità dei siti web. Garantisce che gli utenti che non possono usare il mouse, come persone con disabilità motorie, problemi visivi o lesioni temporanee, possano comunque navigare e interagire con un sito web.

Ogni elemento interattivo, incluso Collegamento, pulsantie al direttore della fotografia campi modulo, dovrebbe essere raggiungibile utilizzando il tasto Tab, con un ordine di tabulazione logico e indicatori di messa a fuoco visibili per mostrare quale elemento è attualmente selezionato.

Siti web realizzati con l'ultima versione di Blocs, supporta i seguenti controlli di navigazione da tastiera quando visualizzato in un browser web.

Tasto Esc

• Chiude il menu a discesa.
• Chiude la finestra modale.
• Chiude Light Box.
• Chiude il menu a schermo intero.

Tasti freccia sinistra e destra

• Spostarsi nel Light Box (avanti e indietro).
• Spostarsi tra le schede (avanti e indietro).

Chiave di ritorno

• Fare clic sul pulsante o sul collegamento selezionato.
• Aprire il menu/menu a discesa selezionato.

Tasto spazio

• Fare clic sul pulsante selezionato.
• Aprire il menu/menu a discesa selezionato.
• Attiva/disattiva la selezione della casella di controllo (selezionata/deselezionata).
• Attiva/disattiva la selezione radio (selezionando un'opzione).

Tasto Tab

• Sposta la selezione in avanti.

Tasto Maiusc + Tab

• Sposta la selezione indietro.

Indicatori di messa a fuoco

Quando si naviga su un sito web utilizzando una tastiera, è fondamentale che gli indicatori di focus siano chiaramente visibili, consentendo agli utenti di vedere facilmente quale elemento è attualmente selezionato. Blocs include un built-in Miglioramento dell'accessibilità funzionalità che, se abilitata, migliora la visibilità di link e pulsante Stati di focus. Questo miglioramento semplifica la navigazione efficiente del sito da parte degli utenti che usano la tastiera e garantisce un'esperienza più accessibile per chi usa la tastiera.

Etichette di accessibilità

L'utilizzo di etichette di accessibilità su un sito web è fondamentale per soddisfare le linee guida WCAG (Web Content Accessibility Guidelines) e garantire che i contenuti siano accessibili a tutti gli utenti, compresi quelli che utilizzano tecnologie assistive come gli screen reader. Un elemento chiave è l'uso di etichette descrittive. alt tag sulle immagini, che forniscono un contesto significativo per gli utenti che non possono vedere il contenuto visivo. In BlocsImpostare il testo alternativo di un'immagine è semplice: basta usare il campo di testo appropriato nell'ispettore della barra laterale quando un'immagine è selezionata nell'area di progettazione.

Inoltre, etichetta dell'aria e aria-etichettato da Gli attributi aiutano a etichettare gli elementi che non hanno testo visibile, come icone o pulsanti, consentendo agli screen reader di comunicarne chiaramente la funzione.
Quando si crea un sito web con Blocs, puoi aggiungere manualmente questi attributi di accessibilità utilizzando Attributi dei dati personalizzati, dandoti il ​​pieno controllo sul modo in cui le tecnologie assistive interpretano e annunciano i tuoi contenuti.

Contrasto di colore

Quando si crea una pagina web, è importante considerare contrasto di colore e daltonismo Per garantire che i tuoi contenuti siano accessibili a tutti gli utenti. Un contrasto adeguato tra i colori del testo e dello sfondo è essenziale per la leggibilità, soprattutto per chi ha problemi di vista o di visione dei colori. Blocs include integrato filtri di simulazione della disabilità visiva che ti permettono di visualizzare in anteprima il tuo sito attraverso diverse condizioni visive. Questo semplifica l'identificazione e la correzione di combinazioni di colori problematiche, aiutandoti a progettare un sito web più inclusivo e accessibile.

Structure

Utilizzando tag HTML semantici, come testata, principale, pagina, nave al direttore della fotografia footer, è un aspetto importante da considerare quando si creano siti web accessibili. Questi tag danno struttura e significato ai contenuti, consentendo alle tecnologie assistive come gli screen reader di interpretare il layout della pagina e di navigarla in modo più efficace.

In Blocs, puoi assegnare tag contenitore semantici a ciascuna sezione del tuo sito utilizzando tag contenitore opzioni. Questo non solo migliora l'accessibilità, ma aiuta anche a mantenere il tuo sito web ben organizzato e può migliorare la SEO.