Panoramica
Nel frontend, sotto Account → "Accessibilità", trovate una panoramica di tutte le misure che abbiamo adottato per rispettare i requisiti di legge. Inoltre, anche voi come clienti siete responsabili di garantire che tutti i contenuti che inserite – testi e immagini – soddisfino questi requisiti.
💡 Suggerimento: Con il browser add-on Lighthouse potete verificare la pagina che state visualizzando per individuare eventuali problemi di accessibilità – ad es. contrasti insufficienti o testi alternativi mancanti per le immagini.
Leggibilità dei testi
Dimensione minima del carattere: I testi devono essere più grandi di 12px. I testi di sistema che non potete modificare rispettano già questo requisito. Assicuratevi di non utilizzare dimensioni di carattere inferiori nelle aree liberamente modificabili – ad es. nelle descrizioni delle attività o nel Morning Post.
Testi colorati: Quando utilizzate testi colorati personalizzati (ad es. nel Morning Post), assicuratevi che il contrasto sia sufficiente e che il testo rimanga chiaramente leggibile.
Testi nelle immagini: Se caricate immagini che contengono già del testo, assicuratevi che quel testo sia chiaramente leggibile rispetto allo sfondo dell'immagine.
Colore del design nel backend
Il colore principale che impostate nell'area design del backend deve essere chiaramente leggibile sia in modalità chiara (Light Mode) che in modalità scura (Dark Mode) – non deve essere né troppo chiaro né troppo scuro.
È ora disponibile una finestra di anteprima che vi permette di vedere come appare il colore in ciascuna modalità.
Abbiamo inoltre aggiunto un blocco per i colori non idonei, in modo che le tonalità troppo chiare o troppo scure non possano essere selezionate.
Il colore del design viene utilizzato per pulsanti, icone e testi (ad es. "Highlight" nei Treatments), tra le altre cose.
Testi alternativi per le immagini
Per ogni immagine deve essere inserito nel backend un testo alternativo (alt text). Questo testo viene letto dai lettori di schermo e supporta i visitatori con disabilità visive.
Come fare: Nel backend, sotto ogni immagine – al di sotto del campo "Fonte" – troverete un campo chiamato "Descrizione immagine". Inserite lì il testo alternativo.
Note importanti:
Il testo alternativo non viene visualizzato – è utilizzato esclusivamente dai lettori di schermo.
Il testo può essere inserito in una sola lingua per lingua principale.
Per le immagini di fornitori esterni (ad es. destinazioni), la responsabilità dei testi alternativi spetta al rispettivo fornitore. Questo è indicato anche sulla nostra pagina sull'accessibilità.
Caso speciale – Menu (Allergeni & Classificazione): In quest'area è possibile caricare immagini personalizzate. Poiché qui dovrebbero essere caricate solo icone (non foto), non è presente il campo per la descrizione dell'immagine – le icone non richiedono un testo alternativo.
Caricate qui solo icone.
Assicuratevi che ci sia un'icona adatta sia per lo sfondo chiaro che per quello scuro.
Le icone devono essere chiaramente riconoscibili – questo è particolarmente importante per gli allergeni.
Crediti delle fonti delle immagini
Le fonti delle immagini vengono visualizzate nelle note legali (Impressum) – la presentazione è stata rivista visivamente ed è ora più facile da comprendere.
Nelle pagine di dettaglio (ad es. Attività), nell'angolo in basso a sinistra dell'immagine appare un simbolo di copyright. Cliccandoci sopra viene visualizzata la fonte.