Accessibilità dei link web: introduzione
| |
Stampa |
Inviare |
Quota |
Attenzione: La versione originale di questo documento è Web Links e Hypertext: un'introduzione . 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 .
Riassunto
- Sei su Pagina 1: Introduzione
- Pagina 2: Creare collegamenti di testo accessibili
- Pagina 3: Creazione di collegamenti ipertestuali accessibili
Panoramica
Il collegamento ipertestuale è uno degli elementi di base di HTML, come suggerisce il suo nome (stand HTML per HyperText Markup Language).
Come tale, realizzare collegamenti ipertestuali accessibili è una delle più fondamentale e più importante di accessibilità del web.
Per lo più, questo è un compito facile.
I collegamenti ipertestuali lavorerà con tutte le tecnologie standard e piattaforme.
Gli utenti di tutti i livelli possono accedere direttamente o attraverso l'uso di tecnologie assistive.
Ma come ci si può aspettare, l'accessibilità dei collegamenti ipertestuali non è semplicemente quello di creare un collegamento.
Alcuni tipi di link sono più accessibili di altri, e alcuni tipi di link sono inaccessibili alle persone con disabilità determinate.
Poiché i legami sono così essenziali per il funzionamento di contenuti web, i link inaccessibili sono uno degli ostacoli più gravi per l'accessibilità complessiva.
Link di accessibilità della tastiera
Gli utenti devono essere in grado di navigare e selezionare ogni collegamento mediante la tastiera da solo. permet aux utilisateurs d'activer un lien. Nella maggior parte dei browser, il tasto Tab per passare da un collegamento all'altro, e il tasto Invio consente agli utenti di attivare un collegamento. Se l'unico modo per accedere a un collegamento con un mouse, quindi il collegamento è inutilizzabile per le persone che non possono usare un mouse. Come è possibile creare un collegamento che è inaccessibile alla tastiera? Il metodo più comune è quello di utilizzare i gestori di eventi JavaScript che non consentono l'accesso da tastiera (leggere il documento sulla gestori di eventi JavaScript ). In altri modi per rendere i link accessibili agli utenti che utilizzano la tastiera, c'è il fatto di utilizzare non-HTML tecnologie come Flash o Java, per creare collegamenti in un documento HTML. Java e Flash possono essere resi accessibili, ma solo se lo sviluppatore li usa con una preoccupazione per l'accessibilità. Nel complesso, la creazione di collegamenti HTML accessibile è più facile e più semplice rispetto alla creazione di collegamenti con altre tecnologie disponibili.
Uno dei maggiori ostacoli è quello di creare collegamenti che vanno da nessuna parte. Gli sviluppatori a volte usano JavaScript per creare menu dinamici che si verificano quando l'utente passa con il mouse, con alcuni link. In alcuni casi, il collegamento stesso porta da nessuna parte. Il suo unico scopo è quello di visualizzare i link del menu, che hanno le loro destinazioni reali. Questo tipo di rapporto è spesso un segno di destinazione (#), il che significa che la destinazione del collegamento è sulla stessa pagina. Clicca su questo link non provoca alcuna azione. Gli utenti e quelli che usano la tastiera con il mouse non lo ottiene cliccando questo link.
Cattivo esempio
Il collegamento in questo esempio non va da nessuna parte. Il suo unico scopo è quello di attivare una funzione JavaScript.
Gli utenti che utilizzano il mouse può almeno fare clic sui link nel menu, ma gli utenti che utilizzano la tastiera non può accedere al menu.
Pertanto, il collegamento è totalmente inutile e tutte le destinazioni link del menu sono completamente inaccessibili.
Una soluzione è quella di abbandonare il menu a discesa e da utilizzare al posto di collegamenti ipertestuali.
Un'altra soluzione è quella di definire un reale destinazione link (ad esempio, href="products.htm" ), che elenca gli stessi collegamenti che sono disponibili tramite il menu a discesa.
Per ulteriori informazioni, vedere Esempio 2 del paragrafo " onMouseOver e onMouseOut " nel documento sui gestori di eventi JavaScript.
I lettori di schermo e link
Le persone che usano lettori di schermo per accedere al Web più volte utilizzare la tastiera anziché il mouse. Così, l'accessibilità della tastiera è un primo passo importante nel rendere collegamenti ipertestuali disponibili per gli utenti di screen reader. Al di là degli aspetti fondamentali di accessibilità alla tastiera, è utile conoscere come gli utenti di screen reader per accedere ai collegamenti.
I lettori di schermo informano gli utenti che il testo (o immagine) è un collegamento
JAWS dice "link" prima di ogni link. modifie sa voix. Ad esempio, un link che dice "i prodotti" dovrebbe essere letto come "link prodotti" di JAWS. IBM Home Page Reader altera la sua voce. Una voce d'uomo legge il contenuto del testo in modo che si tratta di una voce femminile che legge i collegamenti di testo.
Risultato: non c'è bisogno di scrivere "link" nel testo del link.
Tutti gli utenti già sanno che il link è un collegamento.
La domanda è più per le immagini usate come link.
Non vi è alcuna necessità di scrivere "link" o "link" nel alt testo di un'immagine.
In caso contrario, gli utenti JAWS si sente "link grafico link ai prodotti", che è ridondante.
Gli utenti di screen reader spesso passare da un collegamento all'altro, saltando il testo i legami tra
Tabulazione da link a link è un modo per visualizzare il contenuto Web, soprattutto se gli utenti tentano di trovare una particolare sezione di un sito web.
Una conseguenza: i link devono avere senso fuori dal contesto. Frasi come "clicca qui", "più", "clicca per i dettagli" e così via sono quasi del tutto priva di senso se letto fuori dal contesto. Allo stesso tempo, sarebbe troppo eccessivo dettaglio il collegamento in modo che la sua destinazione è perfettamente visibile ascoltando fuori contesto. Gli utenti non vogliono sentire "pagina del prodotto su cui vengono presentati una lista di tutti i nostri prodotti, compresi i prodotti software e formazione, con un listino prezzi e la disponibilità per regione (questa pagina utilizza lo stesso modello di navigazione che pagina in cui vi trovate). " Forse una soluzione migliore sarebbe semplicemente un link che dice "Prodotti".
Risultato 2: Aggiornare le informazioni di collegamento specifico all'inizio. Non mettere non informazioni specifiche all'inizio del rapporto ma la connessione di estremità. Ad esempio, non si scrive "link che si apre in una nuova finestra: Prodotti". Invece, scrivere "Prodotti (si apre in una nuova finestra)" o qualcosa di quello stile. Ciò è particolarmente importante in questo esempio, se i collegamenti multipli dalla stessa pagina Web aperto in una nuova finestra. Informazioni di posizionamento in primo luogo, invece di informazioni specifiche, gli utilizzatori di screen reader si sente il termine "link si apre in una nuova finestra" molte volte. Essi troveranno più difficile distinguere i vari link, o almeno li porterà più a lungo.
Gli utenti di screen reader a volte ottenere un elenco di link in ordine alfabetico
I lettori di schermo consentono agli utenti di postare link a una pagina Web in un elenco organizzato in ordine alfabetico. Usano una scorciatoia da tastiera nella loro screen reader per questo. Questo è particolarmente utile se si conosce la prima lettera del link che vogliono.
Pertanto un uso di parole link e frasi che possono essere intuitivamente organizzate in ordine alfabetico. Ad esempio, la frase "contattaci" appare in un modo convenzionale su molti siti web e può essere il collegamento cercato dagli utenti. Se il link dice: "contattaci" o "come contattarci" o un'altra frase, che è meno intuitivo rispetto alla prima volta (il meno utilizzato), gli utenti possono avere più difficoltà a trovare il link.
Leggi anche:
WebAIM Risorse
Le risorse esterne
Copyright 1999-2009 WebAIM




































