Back to the original French page Read this page in Italian by Google Translation Read this page in Portuguese by Google Translation Read this page in English by Google Translation Read this page in German by Google Translation Read this page in Spanish by Google Translation Read this page in Arabic by Google Translation Read this page in Hebrew by Google Translation

Creare immagini disponibili: testi nelle immagini

Vai al Inizio dei contenuti senza utilizzare la barra di consultazione e condivisione Come utilizzare la barra di consultazione e condivisione Ascolta il contenuto principale di questa pagina
Stampa Stampa il contenuto principale di questa pagina Inviare Invia il contenuto principale di questa pagina Quota Condividi questa pagina su TwitThis Condividi questa pagina su Facebook Pubblica l'articolo su Wikio Condividi questa pagina su Google Condividi questa pagina su LinkedIn Condividi questa pagina su Digg Condividi questa pagina su del.icio.us Condividi questa pagina su Netvibes

Attenzione: La versione originale di questo documento è Creazione di immagini accessibili: Entro Graphics testo . La traduzione francese è stata fatta da Ideose come parte di un accordo tra WebAIM e Ideose .

Nota: Vedere la pagina dei documenti in materia di accessibilità web per un elenco di tutti i documenti tradotti. Altre risorse sull'accessibilità web sono elencati anche nel portale digitale accessibile .

Pixelizzazione immagini ingrandite

Spesso, grafica contengono una parte di testo dell'immagine. Ad esempio, la tabella sottostante contiene la parola "università". Alcuni utenti con i programmi di bassa utilizzare la visione che si espandono gli elementi sullo schermo in modo da poter vedere più facilmente. Purtroppo, quando il testo è in un'immagine ingrandita, appare spesso sgranata e diventa difficile da leggere. Guarda un esempio.

l'immagine pixel di 'università' la parola, ma difficile da leggere

Il grafico è stato esteso al 500% della sua dimensione normale. Si può vedere che il testo è difficile da leggere. Se un testo effettivo stato utilizzato, sarebbe stato molto più facile da leggere, come nell'esempio seguente:

Università

Quindi vuol dire non si deve utilizzare il testo in immagini? In un mondo ideale, forse, ma la tecnologia attuale rende difficile da ottenere senza l'uso del testo disegni in grafica. La risposta concreta è che si dovrebbe cercare di limitare la quantità di testo nella grafica. Uno dei luoghi in cui il testo all'interno di immagini può essere giustificato sia nei loghi e le immagini di marca. Internet non offre un modo per trasmettere il testo di tali immagini senza utilizzare un plugin come Flash o SVG. Tuttavia, c'è un modo per utilizzare il testo vero e proprio, si deve fare.

Il testo pixelated può essere particolarmente difficile da leggere quando ci sono altri elementi visivi per il fondo, come nella immagine ingrandita della copertina di un libro.

copertina del libro 'Harry Potter' con testo bianco e uno sfondo blu scuro e gli altri elementi che oscurano il testo

Anche se il testo bianco contrasta bene con lo sfondo blu scuro, i disegni dello sfondo oscurare il testo, nonostante il fatto che questi disegni sono sottili.

Raccomandazioni

Se avete bisogno di inserire del testo in un'immagine, attenersi alle seguenti raccomandazioni:

  • Utilizzare font più grande possibile.
  • Usa i font semplici, se possibile.
  • Utilizzare un buon contrasto di colore tra il testo e lo sfondo.

Un buon strumento per controllare contrasto colore (così come la compatibilità dei colori per daltonismo) può essere utilizzato sul sito Vischeck .

WebAIM è un'iniziativa di:
Centro per persone con disabilità (CPD) Utah State University

Copyright 1999-2009 WebAIM

Inizio pagina