Accessibilità
Hoardly si impegna a rendere la piattaforma accessibile a tutti. Ci proponiamo di conformarci agli standard WCAG 2.1 Livello AA.
Navigazione da tastiera
Tutti gli elementi interattivi sono raggiungibili e utilizzabili tramite tastiera:
| Tasto | Azione |
|---|---|
Tab | Spostarsi tra gli elementi interattivi |
Shift + Tab | Tornare indietro tra gli elementi interattivi |
Invio | Attivare pulsanti e link |
Spazio | Selezionare/deselezionare caselle di controllo e attivare pulsanti |
Esc | Chiudere finestre di dialogo e menu a tendina |
| Tasti freccia | Navigare all'interno di menu ed elenchi |
Supporto per lettori di schermo
Hoardly implementa attributi ARIA in tutta l'applicazione:
- Elementi HTML semantici per una corretta struttura del documento
- Etichette ARIA su tutti gli elementi interattivi
- Ruoli ARIA per componenti dell'interfaccia utente complessi (menu, finestre di dialogo, schede)
- Aree dinamiche per aggiornamenti dei contenuti in tempo reale
- Link "Salta al contenuto" per accedere direttamente al contenuto principale
- Testo alternativo descrittivo per le immagini
- Etichette e messaggi di errore associati correttamente ai moduli
Effettuiamo test con i lettori di schermo più comuni, tra cui NVDA e JAWS (Windows), VoiceOver (macOS/iOS) e TalkBack (Android).
Personalizzazione visiva
Hoardly include oltre 20 temi di colore integrati, tutti progettati tenendo conto dell'accessibilità:
- Modalità scura: riduce l'affaticamento degli occhi in ambienti con scarsa illuminazione
- Modalità chiara: alto contrasto per ambienti luminosi
- Molteplici temi di colore: per adattarsi a diverse preferenze visive e condizioni
- Spazio colore OKLCH: colori uniformi dal punto di vista percettivo per una migliore leggibilità
- Rapporti di contrasto WCAG AA: mantenuti in tutti i temi
TIP
Utilizza il selettore del tema nell'intestazione (lato destro) per sfogliare e cambiare i temi. La tua scelta viene memorizzata su questo dispositivo e sincronizzata con il tuo account quando sei connesso.
Design reattivo
L'interfaccia si adatta a diverse dimensioni dello schermo e metodi di input:
- Layout ottimizzati per dispositivi touch
- Dimensioni del testo responsive che rispettano lo zoom del browser
- Elementi touch di almeno 44x44 pixel (WCAG 2.1 Livello AAA)
- Il contenuto si adatta senza scorrimento orizzontale
- Funziona con l'aumento del testo nel browser fino al 200%
Segnalazione di problemi di accessibilità
Se riscontri un ostacolo all'accessibilità, ti preghiamo di contattarci a support@hoardly.app descrivendo il problema e la pagina o la funzionalità in cui lo hai riscontrato.