Operazioni da evitare



Al fine di rendere accessibili agli utenti non vedenti le pagine html, è opportuno ribadire tutto ciò che è da evitare nella compilazione delle pagine stesse allorché si inseriscono i codici relativi alle svariate funzioni comprese nel progetto di un sito in corso di realizzazione.

Alcune tra le indicazioni seguenti sono inserite anche nei capitoli che riguardano argomenti specifici, ma in questo capitolo della guida si è inteso darne una visione riassuntiva. Nelle linee guida del W3Consortium, e anche nei siti ove è possibile ottenere la convalida ai fini dell'accessibilità delle proprie pagine html, si identificano con deprecated i casi in cui alcuni codici appaiano ancora nelle pagine html.

Occorre dunque:

  • evitare l'utilizzo di alcuni formati non menzionati nei documenti del W3Consortium (per esempio, pdf di Acrobat Reader, fla o swf di Flash, ecc.): si tratta di formati per la cui visualizzazione sono necessarie applicazioni autonome (o plug-in), che non vengono riconosciute dai softwares di navigazione standard (browsers e plug-in di cui essi dispongono) e neppure dagli strumenti di ausilio di cui comunemente si servono i non vedenti. Se si utilizzano per lo sviluppo delle pagine web tecnologie non accessibili, è necessario realizzare anche pagine equivalenti che rispondano a criteri di accessibilità;
  • evitare l'inserimento di codici html quando si riferiscano a files audio e alla possibilità di offrire l'ascolto di questi ultimi in coincidenza con l'apertura di una pagina: in casi del genere si creerebbero problemi di sovrapposizione sonora per tutti gli utenti che stiano utilizzando in quello stesso momento un sintetizzatore vocale. Sostanzialmente, si tratta di evitare i comandi <BGSOUND> (utilizzato esclusivamente con MSIE) e <EMBED> (valido sia per MSIE sia per Netscape);
  • evitare il reindirizzamento automatico di una pagina o l'auto refresh:

    Esempio 1

    <HEAD>
    <TITLE>
    ... titolo della pagina...
    </TITLE>
    <META HTTP-EQUIV="refresh" content="5; url=http://nuova pagina">
    </HEAD>
    <BODY>
    <P>If your browser supports Refresh, you'll be transported to our
    <a href="http://nuova pagina"><NUOVA PAGINA</A> in 5 seconds, otherwise, select the link manually.
    </BODY>

  • evitare il comando APPLET per inserire in una pagina html gli applets Java. In caso di inserimento di un tale elemento grafico occorrerà utilizzare il codice OBJECT:

    Esempio 2

    Il riferimento utilizzato per questa esemplificazione è l'applet inserito nel capitolo Elementi grafici in movimento: applets & javascripts - Grafica vettoriale.

    <P>
    <OBJECT codetype="application/java"+classid="java:UcodGibWorld.class"  height="160" width="165">
    Java applet that draws an animated world containing continent names. </OBJECT>

  • evitare:
    BLINK,che identifica  testo visibile a intermittenza o lampeggiante: un tale testo non viene letto dagli strumenti di ausilio quali la barra braille e la sintesi vocale (salvo che nelle versioni più aggiornate di tali strumenti, non sempre a disposizione dell'utente non vedente). Lo stesso dicasi per MARQUEE. Evitare, infine, U, testo sottolineato, che può essere interpretato come un link e creare confusione a un navigatore non vedente e hr, cioè le linee divisorie orizzontali, in quanto non vengono lette dagli strumenti ausiliari.

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti