Utente:Yiyi/Accessibilità

Testi e sfondi devono avere un Contrast Ratio pari o superiore a 4.5 per essere accessibili. Il valore massimo, corrispondente a un testo altamente accessibile, è 21.00 (nero su bianco o viceversa). Questo tool permette di testare le combinazioni di colori.

Anche questo :-)

E questo, molto simpatico.

Questo template, con i colori giallo e verde, ha un Contrast Ratio di 3.66.

V · D · M Vincitori dei Giochi olimpici antichi
Elleni della madrepatria	Acanto di Sparta · Agasia d'Arcadia · Agesarco di Tritea · Alcibiade · Cherone di Pellene · Chilone di Patrasso · Cilone · Cimone Coalemo · Corebo di Elide · Demarato di Sparta · Desmone di Corinto · Diagora di Rodi · Diocle di Corinto · Diocle di Messenia · Ebota · Eubota · Eurimene di Samo · Leonida di Rodi · Eutimo · Filino di Coo · Filippo II di Macedonia · Ismone di Elide · Onomasto di Smirne · Orsippo di Megara · Pitagora di Laconia · Polidamante di Scotussa · Senocle di Messenia · Senofonte di Corinto · Senofonte di Egio · Timasiteo di Delfi · Ipeno di Elide
Elleni della Magna Grecia	Astilo di Crotone · Diogneto di Crotone · Ergotele di Himera · Filippo di Crotone · Frinone · Gerone I · Glaucia di Crotone · Icco di Taranto · Ippostrato di Crotone · Anassila · Licino di Crotone · Milone · Nerone · Psaumida · Teogene · Terone · Timasiteo di Crotone · Tisicrate di Crotone · Vincitori olimpici siracusani
Donne	Arsinoe II · Berenice I · Bilistiche · Cinisca · Eurileonide
Gare dei giochi olimpici antichi

In questo caso, il testo nero su sfondo azzurro è accessibile, ma non lo è il link blu, con un Contrast Ratio di 3.49.

In questo caso, a non essere accessibile è il link rosso (la d che punta alla pagina di discussione del template) su sfondo rosso, con un Contrast Ratio di 1.14.

N.B. quando il link diventa blu, la versione con sfondo nero non è più accessibile.

Le persone non vedenti utilizzano software di sintesi vocale per accedere ai contenuti online. Questi contenuti devono però essere costruiti in maniera adeguata.

In questo caso il software Text To Speech leggerà:

Ma 2, 5 e 1 cosa? Patate?

Usando il tag <abbr> (o il template {{Tooltip}}), scrivendo {{Tooltip|2|2 ori}} si avrà come risultato 2 (la funzionalità si può integrare direttamente nel template {{Palmarès}}). Il software TTS leggerà:

Mantenendo sostanzialmente inalterati gli aspetti grafici:

Tutte le immagini dovrebbero avere un testo alternativo, ottenibile utilizzando l'attributo alt. Il testo alternativo permette ai software di Text To Speech di descrivere le immagini agli utenti con disabilità visiva.

Ad esempio, nell'immagine qui a sinistra, l'assenza dell'attributo alt ha come conseguenza il fatto che il software TTS andrà a leggere il nome del file ("Wooden boomerang asv2021-05.jpg"). Con l'attributo alt, invece, si può far leggere al software una descrizione più accurata (ad esempio "Un boomerang in legno su un prato"). Questo è particolarmente importante per grafici e mappe.

NB il testo alternativo per un'immagine può variare in base alla voce in cui la stessa è inserita, in quanto la medesima immagine può essere utilizzata per illustrare soggetti, situazioni o concetti differenti.

Questa sezione è ancora vuota. Aiutaci a scriverla!

atletica leggera → occorre mettere testo alternativo vuoto per non far leggere cose strane al software di sintesi vocale (inutile mettere "atletica leggera", che verrebbe letto due volte: una come testo alternativo dell'immagine e una come testo semplice)