Utilizzare etichette personalizzate

Le etichette personalizzate sono una soluzione estremamente flessibile e versatile per personalizzare le pagine web alle proprie preferenze. Jaws permette di assegnare un testo, una etichetta alla maggior parte degli elementi HTML, tra cui spostarsi utilizzando il tasto Tab. Tra questi elementi sono inclusi link testuali, link grafici, campi interni a form e pulsanti. Puoi anche assegnare una etichetta a immagini interne ad una pagina web. Jaws leggerà l'etichetta personalizzata invece del testo assegnato all'elemento da parte dell'autore della pagina web. Jaws utilizzerà anche le etichette personalizzate all'interno degli elenchi per identificare il singolo elemento. Ad esempio se utilizzi Insert+F5 verranno elencati i campi interni ad un form e, se uno o più di questi campi sono stati etichettati, l'elemento verrà mostrato in elenco in base al testo/etichetta che gli è stato assegnato.

Puoi utilizzare questa caratteristica di Jaws per personalizzare gli elementi di una pagina web, per facilitare la navigazione nella pagina, ridurre la prolissità e compensare la scarsità o l'assenza di descrizioni.
Ridefinire le etichette dei campi di un form o di una applicazione web per renderle più significative può sicuramente facilitare il lavoro.
La navigazione e la ricerca all'interno di una pagina web personalizzata con etichette in modo che ai link e ai grafici siano associate più informazioni, renderà la pagina più facile ed intuitiva.

Nota: Jaws salva le etichette che assegni all'interno di una pagina web in modo da renderle disponibili ogni qual volta navighi all'interno di questa pagina. Inoltre, le etichette saranno utilizzate da Jaws anche per elementi simili contenuti in pagine web interne allo stesso dominio. Il dominio è solitamente la prima parte dell'indirizzo web di una pagina.
Ad esempio, se assegni una etichetta ad un pulsante, Jaws leggerà l'etichetta personalizzata ogni volta che incontra questo pulsante in ogni pagina contenuta nel dominio.
Le etichette personalizzate sono salvate in file con formato .jsi nella cartella Settings\ITA\PersonalizedSettings

L'esercitazione seguente dimostra come puoi utilizzare le etichette personalizzate per rendere una pagina web più facile e maggiormente accessibile.

Etichettare un link mappa immagine

L'immagine all'inizio della pagina di esempio, Analisi soddisfazione del cliente, contiene tre finestre che l'utente può cliccare per navigare all'interno delle altre sezioni del sito. Quando Jaws legge questa immagine dice "Link mappa immagine". Questa figura infatti è un elemento particolare denominato mappa immagine. Gli utenti che utilizzano il mouse possono cliccare sulle aree interne all'immagine definita dall'autore della pagina web, gli utenti Jaws possono premere Invio per attivare i link spostandosi tra le aree con il pulsante Tab.

ESERCIZIO: La mappa immagine contenuta nella pagina di test Analisi soddisfazione del cliente non è stata realizzata per lavorare al meglio con Jaws. Nell'esercitazione, potrai usare le etichette personalizzate per rendere questa mappa immagine più facilmente gestibile.

  1. Apri la pagina web di esempio Analisi soddisfazione del cliente.
  2. Premi Ctrl+Insert+G, seleziona "Pagine di navigazione," e premi Invio per spostarti sulla mappa immagine di navigazione.
  3. Premi Freccia giù per leggere il primo link interno alla mappa immagine. L'informazione fornita dall'autore della pagina non è molto utile a determinare cosa faccia il link in realtà.
  4. Premi Invio per attivare il link. Il messaggio che appare indica cosa faccia questo collegamento. Se fossi in una pagina reale e non di esempio, per scoprirne esattamente lo scopo dovresti esplorare tutto il sito per averne un'idea chiara.

SUGGERIMENTO: Se clicchi su un link per verificare cosa fa, puoi tornare alla pagina precedente premendo Alt+Freccia sinistra.

  1. Premi Insert+F2. Seleziona "Etichetta personalizzata" e premi Invio per assegnare una etichetta a questo link interno alla mappa immagine.
  2. Visto che questo link ti indirizza alla pagina Prodotti, digita ad esempio "Pagina prodotti" e premi Invio.
  3. Premi nuovamente Freccia giù per leggere il link successivo inserito nella mappa immagine. Ancora una volta non c'è una descrizione che possa aiutare. Premi Invio per capire dove porta il link.
  4. Premi Ctrl+Insert+Tab. Questa combinazione tasti dà accesso diretto all'aggiunta di una etichetta personalizzata per l'elemento HTML selezionato.
  5. Verificato che questo secondo link porta alla pagina per acquistare on line, digita "Acquista" e premi Invio.
  6. Premi Ctrl+Home e riprendi la lettura della pagina. Nota che ora Jaws leggerà le due etichette personalizzate che hai inserito al posto dell'indicazione data dall'autore della pagina web: "tab2" e "tab3."

Suggerimento Jaws: Jaws utilizzerà le etichette personalizzate anche all'interno degli elenchi degli elementi HTML. Premi Insert+F7. Nota che le etichette che hai creato vengono usate per indicare i link mappa immagine in elenco invece di "tab2" e "tab3."

Etichettare link testuali

Spesso i testi che identificano un link non sono molto d'aiuto. Puoi utilizzare le etichette personalizzate per cambiare il testo di un link. Con questa funzione è possibile semplificare e comprendere meglio i testi presenti nei link. Segui i passaggi successivi per capire cosa fare:

  1. Apri la pagina di test Analisi soddisfazione del cliente.
  2. Premi Insert+F7 per mostrare l'elenco dei link presenti nella pagina. Seleziona il link "qui" e premi il pulsante Vai al link per spostare il cursore sul link in modo da avere maggiori dettagli su cosa faccia il link in oggetto.
  3. Premi Alt+Num Pad 5 per leggere l'intera frase dove è contenuto il link. Dal senso della frase si capisce che il link permette di inviare una email all'amministratore del sito o WebMaster.
  4. Premi Ctrl+Insert+Tab per etichettare questo link.
  5. Scrivi ad esempio "Manda email al webmaster" e premi Invio.
  6. Premi Alt+Num Pad 5 per leggere nuovamente la frase. Nota che Jaws legge la tua etichetta al posto del termine "qui".
  7. Premi Insert+F7 nuovamente. L'elemento "qui" precedentemente presente nell'elenco è stato sostituito con il link "Manda email al webmaster". Ogni qual volta etichetti un elemento HTML, Jaws mostrerà questa etichetta negli elenchi dove questo stesso elemento è presente.

Etichettare i campi di un form

E' anche possibile assegnare una etichetta personalizzata ai campi che costituiscono un form, ad esempio un campo editazione, un pulsante radio, una casella combinata, una casella di controllo o un pulsante. Nell'esercitazione seguente andremo a etichettare alcuni campi senza descrizione.

  1. Apri la pagina di esempio Analisi soddisfazione del cliente.
  2. Premi F per spostarti al primo campo del form della pagina. Il form è stato sviluppato in modo molto sbrigativo. La maggior parte dei campi non sono descritti o lo sono in modo scorretto. Premi Insert+F5 per visionare l'elenco dei campi contenuti nel form; in questo modo puoi verificare che la maggior parte dei campi non è etichettata. Fortunatamente gli autori della pagina web hanno inserito alcune lettere all'interno dei campi, è quindi possibile cercare di capire quale sia il contenuto di ogni campo.
  3. Premi E più volte per spostarti attraverso i primi due campi editazione della pagina. Jaws informerà sul contenuto e l'etichetta di tutti i campi. Sembra che i campi non abbiano descrizione e non siano etichettati, ognuno contiene però qualche lettera di una parola che potrà aiutarti a determinare la funzione e lo scopo del campo stesso.
  4. Da queste parole contenute nei campi editazione, puoi supporre che il primo campo editazione contenga il nome e il secondo il cognome. Premi Shift+E fino a tornare al primo campo editazione, quindi premi Ctrl+Insert+Tab.
  5. Digita "Nome" e premi Invio per etichettare il campo selezionato. Assegna delle etichette personalizzate all'altro campo in modo che sia facilmente riconoscibile il suo scopo utilizzando la combinazione di tasti (CTRL+Insert+Tab).
  6. Premi E fino a sentire "Indirizzo." Premi il pulsante Tab quattro volte e ascolta cosa dice Jaws. Successivamente assegna ad ogni campo una etichetta personalizzata così come fatto in precedenza, ricordandoti di assegnare delle etichette che facciano capire rapidamente lo scopo dei campi.
  7. Quando hai terminato premi il tasto X. Questo comando sposta alla prima casella di controllo che puoi utilizzare per indicare il tuo livello di soddisfazione. Ogni casella di controllo è etichettata con una icona (una faccia allegra, una indifferente e una arrabbiata). Le etichette date a queste caselle di controllo sono molto lunghe e accurate. Queste particolari descrizioni arrivano dalla proprietà Alt dell'immagine utilizzata come etichetta.
  8. Utilizza le etichette personalizzate per ridurre la prolissità delle etichette predefinite. Premi Insert+Ctrl+Tab, digita "Buono" e premi Invio.
  9. Premi X per spostarti alla casella di controllo successiva e inserisci l'etichetta "Sufficiente". Premi nuovamente X ed etichetta la casella di controllo successiva "Insufficiente".
  10. Premi E per spostarti al campo editazione successivo. Dal testo contenuto nel campo si capisce rapidamente che questa area è utilizzabile per inserire i propri commenti. Premi Insert+Ctrl+Tab, e digita "Commenti," quindi Invio.
  11. Premi Insert+F5 per rileggere l'elenco dei campi contenuti nel form. Jaws mostrerà tutti i campi del form individuati attraverso le etichette personalizzate che hai assegnato.

Condividere etichette personalizzate

Dopo che hai assegnato alcune etichette personalizzate ad una pagina web, è possibile condividerle con altri utenti Jaws. Le etichette personalizzate sono salvate in un file .jsi, come le impostazioni personali HTML, potrai quindi utilizzare Settings Packager.

Eliminare etichette personalizzate

Puoi eliminare una specifica etichetta personalizzata in ogni momento, o eliminare tutte le etichette personalizzate che hai inserito nella pagina. Per eliminare una etichetta personalizzata, spostati sull'elemento etichettato con un comando standard di Jaws, come il tasto Tab o uno degli elenchi di Jaws per gli elementi HTML. Ora premi Insert+F2, seleziona "Elimina etichetta personalizzata" e premi Invio.

Per eliminare tutte le etichette personalizzate della pagina corrente, premi Insert+F2 e seleziona "Elimina tutte le etichette personalizzate," quindi Invio.