Informazioni – La Barra dell’Accessibilità – IT Versione 1.2
Termini d’uso | Download ed installazione | sviluppo toolbar | Descrizione delle funzionalità
Nel mese di giugno 2007 è stata rilasciata la versione 2.0 della barra dell’accessibilità in italiano
Termini d’uso:
La barra dell’accessibilità è Freeware Utilizzando la barra dell’accessibilità AIS, tu riconosci di aver letto, compreso ed approvato i vincoli contenuti in questa sezione.
Sei autorizzato ad utilizzare la barra dell’accessibilità AIS (detta di seguito “software”) per uso personale e non commerciale, allo scopo di determinare l’accessibilità dei tuoi contenuti Web. Per un eventuale utilizzo commerciale, ti preghiamo di contattarci.
QUESTO SOFTWARE VIENE FORNITO “COSI’ COM’E'”, SENZA ALCUNA GARANZIA ESPLICITA O IMPLICITA. IN PARTICOLARE NILS (NATIONAL INFORMATION AND LIBRARY SERVICE) E WEBACCESSIBILE.ORG NON FORNISCONO GARANZIA DI NESSUN TIPO SULLA AFFIDABILITA’, QUALITA’, O COMMERCIABILITA’ DI QUESTO SOFTWARE O SUL SUO UTILIZZO PER QUALSIVOGLIA SCOPO. INOLTRE, AIS E WEBACCESSIBILE.ORG NON GARANTISCONO CHE L’USO DI QUESTO SOFTWARE SIA IN GRADO DI ASSICURARE L’ACCESSIBILITA’ DEI TUOI CONTENUTI WEB O CHE I TUOI CONTENUTI WEB RISULTINO CONFORMI A QUALSIASI STANDARD SULL’ACCESSIBILITA’ DEL WEB.
Questo lavoro è concesso in licenza Creative Commons License.
Download ed installazione
Attenzione:
Alcune funzionalità della barra dell’accessibilità sono disponibili solo in presenza di un collegamento ad internet, visto che richiedono l’accesso ad elementi Javascript (.js), a fogli di stile (.css) e ad immagini (.gif e .jpg) che risiedono sul sito AIS. La barra dell’accessibilità NON contiene alcun tipo di adware o spyware.
Requisiti:
- Internet Explorer 5+ con Javascript attivato (per la maggior parte delle funzionalità, tranne le opzioni di IE)
- Testato su Windows 98 & 2000, NT & XP
Download
Sviluppato da:
Steven Faulkner: Consulente per l’accessibilità del Web / Web e Software Developer presso AIS
Jun: Software e Web Developer / divulgatore degli Standard e dell’accessibilità del Web presso Wrong HTML
Con il supporto del gruppo di lavoro di AIS: Andrew Arch, Sofia Celic, Brian Hardy & Tania Conlan
Per contattare AIS: andrew.arch@nils.org.au
Versione in italiano: Traduzione a cura di Roberto Castaldo presso webaccessibile.spadamar.com
Commenti & Bug: rcastaldo@webaccessibile.spadamar.com
Ringraziamenti: Arvid Axelsson, Gez Lemon, Liorean, centricle, Simon Willison, Troels Jakobsen, Bruce Lawson, Stuart Langridge, Steve Chipman, Jesse Ruderman e molti altri….
La barra dell’accessibilità del web (V1.2 IT) – Descrizione delle funzionalità
- Accessible Informations Solutions
- Validazioni
- Ridimensiona
- CSS
- Immagini
- Colori
- Struttura
- Struttura
- Informazioni Meta
- Risorse
- Opzioni IE
- Ingranditore
- Accesskeys
Accessible Informations Solutions [ctrl + alt + 0]
Funzione | Descrizione |
---|---|
Accessible Information Solutions (AIS) | Collegamento al sito AIS |
Barra dell’accessibilità – Opzioni |
|
Documentazione sulla barra dell’accessibilità | Come funziona la barra dell’accessibilità |
Barra dell’Accessibilità e le WCAG 1.0 | Informazioni su come le funzioni della Barra dell’Accessibilità possano essere utilizzate nel controllo della conformità ai punti di controllo delle WCAG 1.0. |
Webaccessibile.Org | Link a Webaccessibile.Org, la risorsa italiana sull’accessibilità |
Contatta Webaccessibile.Org | Contatta il coordinatore del progetto Webaccessibile.Org ed il team di lavoro |
Informazioni – La barra dell’accessibilità | Informazioni sulla barra dell’accessibilità e sulle fasi del suo sviluppo |
Aggiornato il yyyy-mm-dd | Data dell’ultimo aggiornamento (automatico o manuale) della barra dell’accessibilità |
Validazioni [ctrl + alt + 1]
Funzione | Descrizione |
---|---|
Validatori HTML del W3C
|
Controlla il codice HTML della pagina corrente utilizzando il validatore HTML del W3C |
Validatore CSS del W3C
|
Controlla il codice dei CSS della pagina corrente con il validatore CSS del W3C |
W3C HTML Tidy
|
Controlla il codice HTML della pagina corrente ed offre l’opzione di visualizzare/scaricare una versione “riparata” della pagina corrente utilizzando HTML Tidy |
Controllo dei link – W3C
|
Controlla i collegamenti ipertestuali nei documenti HTML/XHTML. Utile per rintracciare link interrotti utilizzando il Link Checher del W3C |
Validatore HTML – WDG
|
Controlla il codice HTML della/e pagine/e corrente/i utilizzando il validatore HTML WDG |
WDG Link Valet
|
Controlla I collegamenti ipertestuali in un documento HTML/XHTML. Utile per rintracciare link interrotti utilizzando WDG Link Valet |
Validatore P3P | Controlla la presenza e la validità di informazioni personali in formato P3P sul sito corrente |
Ridimensiona [ctrl + alt + 2]
Funzione | Descrizione |
---|---|
640X480 | Ridimensiona l’attuale finestra del browser ad una larghezza di 640 pixel e ad un’altezza di 480 pixel. |
800X600 | Ridimensiona l’attuale finestra del browser ad una larghezza di 800 pixel e ad un’altezza di 600 pixel. |
1024X768 | Ridimensiona l’attuale finestra del browser ad una larghezza di 1024 pixel e ad un’altezza di 768 pixel. |
1280X1024 | Ridimensiona l’attuale finestra del browser ad una larghezza di 1280 pixel e ad un’altezza di 1024 pixel. |
Misure personalizzate – Altezza/lunghezza |
Ridimensiona la finestra corrente del browser ad un’altezza/larghezza definite dall’utente |
Misure personalizzate – Controllo della grandezza dello schermo (Nuova finestra) | Collegamento ad un test online per la misura dello schermo, e presenta delle informazioni sulle varie configurazioni per un vasto insieme di browser/schermi e risoluzioni/piattaforme. |
CSS [ctrl + alt + 3]
Funzione | Descrizione |
---|---|
Attiva/Disattiva i CSS | Attiva/disattiva i fogli di stile esterni |
Visualizza gli stili applicati (Nuova finestra) | Visualizza gli stili (nuova finestra) associate col contenuto posizionato al di sotto del puntatore del mouse Script di Simon Willison |
Visualizza il foglio di stile (Nuova finestra) | Visualizza il contenuto dei fogli di stile richiamati dalla pagina corrente (nuova finestra) |
Testa gli stili |
Modifica ed applica al volo stili alla pagina corrente (nuova finestra) con elenco delle regole di stile trovate nei CSS referenziati dalla pagina corrente. Gli stili applicati saranno mantenuti (nell’ambito del sito corrente) anche passando da una pagina ad un’altra, fino alla chiusura della finestra di editing degli stili. |
Immagini [ctrl + alt + 4]
Funzione | Descrizione |
---|---|
Elenco delle immagini utilizzate | Visualizza (nuova finestra) una lista delle immagini insieme al corrispondente elemento img Sviluppato da uno script di Lioren |
Alterna immagini/testi alternativi | Rimpiazza tutti gli elementi img sulla pagina corrente con il contenuto dei corrispondenti attributi ‘alt’. Se un’immagine è priva di attributo ‘alt’, essa verrà rimpiazzata con il testo ‘NoAlt!’ |
Visualizza le immagini | Visualizza un elemento img affianco a ciascuna immagine (insieme all’attributo ‘alt’ o ‘NoAlt!’ se l’immagine ne è priva) e crea un margine rosso intorno a ciascuna immagine |
Visualizza le mappe immagine |
Controlla la presenza di mappe immagine lato server e lato client e le visualizza in una nuova finestra insieme agli elementi area associati.. Un messaggio indica l’eventuale assenza di mappe immagine. |
Validatore per le gif animate |
Per ciascuna immagine rilevata nella pagina viene fornito un report (colonna “dettagli”) che contiene l’elenco dei frame (con durata e frequenza) e le variazioni di contrasto / frequenza in rapporto all’intervallo pericoloso. |
Colori [ctrl + alt + 6]
Function | Description |
---|---|
Scala di grigi | Visualizza il contenuto della pagina corrente in bianco e nero (livelli di grigio) |
Colori usati | Visualizza (in una nuova finestra) l’elenco di tutti i colori trovati all’interno del foglio di stile relative alla pagina corrente. Basato su codice di milov.nl |
Analisi del contrasto (Nuova finestra) | Apre il Colour Contrast Analyser 1.1, versione italiana (nuova finestra) |
Simulatore di cecità colori Vischeck (Deuteranopia: comune rosso/verde) |
Invia l’URL della pagina corrente al Vischeck Simulatore di alterata percezione dei colori, e viene aperta una nuova pagina col collegamento alla simulazione (nuova finestra) |
Struttura [ctrl + alt + 5]
Funzione | Descrizione |
---|---|
Intestazioni | Visualizza tutti gli elementi d’intestazione sulla pagina corrente |
Struttura delle intestazioni (Nuova finestra) | Visualizza il title del documento e le sue intestazioni (h1 – h6 compreso il contenuto) in una nuova finestra. Basato su una funzionalità di The Wave 3.5 |
Elementi List | Visualizza le liste ordinate, non ordinate, di intestazioni presenti sulla pagina corrente |
Elementi Fieldset / Labels | Visualizza gli elementi fieldset, legend e label sulla pagina corrente, e l’attributo ‘for’ dell’elemento ‘label’ (se presente), altrimenti visualizza il testo ‘NoFor!’. Inoltre, visualizza l’attributo id [id=””], sui controlli dei form, se presente. |
Acronimo / Abbreviazioni | Mostra gli elementi Acronym ed Abbreviation, insieme ai loro attribute ‘title’ della pagina corrente |
Blockquote e Q | Visualizza gli elementi blockquote e Q presenti nella pagina |
JavaScript / Link a nuove finestre |
Grazie ad Autark che ha creato lo script su cui si basa questa funzionalità. |
Gestori di eventi |
Visualizza un simbolo di “avvertimento” accanto ad un elemento, se l’elemento:
Visualizza un simbolo di “informazione” accanto ad un elemento, se:
|
Accesskeys | Visualizza gli attributi ‘accesskeys’ trovati sulla pagina corrente |
Tabindex | Evidenzia gli attributi Tabindex all’interno della pagina corrente |
Visualizza l’ordine di tabulazione | Numera ed aggiunge un bordo ad ogni elemento attivo, evidenziando l’ordine con cui questi elementi verrebbero attivati utilizzando il tasto ‘Tab’. Nota: Tabindex è preso in considerazione se impostato. Iframes, mappe immagine ed elementi incapsulati (per esempio file Flash) vengono considerato come un singolo incremento nell’ordine di tabulazione. |
Visualizza intestazioni della tabella | Visualizza l’eventuale presenza degli elementi th nella pagina corrente |
Tabelle dati semplici | Visualizza gli elementi Table, th, td sulla pagina corrente insieme agli attribute raccomandati per il mark-up di semplici tabelle di dati (summary, scope). Un attributo vuoto indica che quell’attributo non è stato utilizzato pur essendone raccomandato l’uso. |
Tabelle dati complesse | Visualizza gli elementi Table, th, td sulla pagina corrente insieme agli attribute raccomandati per il mark-up di tabelle complesse di dati (summary, scope, id, headers). Un attributo vuoto indica che quell’attributo non è stato utilizzato pur essendone raccomandato l’uso. |
Bordi delle tabelle | Evidenzia tutti I bordi delle tabelle/celle sulla pagina corrente |
Ordinamento delle celle in tabella | Visualizza l’ordine (numerico) di tabulazione ed i bordi delle celle delle tabelle sulla pagina corrente |
Linearizza (Rimuovi le tabelle) | Rimuove tutti gli elementi table, td, tr, th e div dalla pagina corrente |
Bordi dei frames | Evidenzia I bordi di ciascun elemento frame sulla pagina corrente |
Name / Title dei frames | Mostra (in una nuova finestra) una lista delle pagine contenute nei frames insieme ai rispettivi elementi name ed al contenuto dell’attributo title |
Visualizza i Div | Mostra l’ordine (numerico) di tabulazione ed i bordi degli elementi Div presenti sulla pagina corrente |
Visualizza altri elementi | Attiva una micro applicazione in Javascript che richiede l’immissione di un elemento e di un colore (quello predefinito è il rosso), e che identifica le istanze sulla pagina corrente dell’elemento inserito. Sviluppato a partire da uno script su Centricle |
Strumenti [ctrl + alt + 7]
Funzione | Descrizione |
---|---|
Torquemada | Sottopone l’URL della pagina corrente allo strumento di validazione dell’accessibilità Torquemada (2 opzioni: versione italiana o inglese) |
The Wave | Sottopone l’URL della pagina corrente allo strumento di validazione dell’accessibilità Wave (2 opzioni: finestra corrente o nuova) |
AccMonitor | Sottopone l’URL della pagina corrente allo strumento di validazione dell’accessibilità AccMonitor (2 opzioni: finestra corrente o nuova) |
Webxact | Nota: Bobby è stato sostituito da Webxact Sottopone l’URL della pagina corrente allo strumento di validazione Webxact per il controllo della qualità, accessibilità e privacy. 4 opzioni:
|
Juicy Studio Tools |
Sottopone l’URL della pagina corrente a Juicy Studio
|
Strumenti > Altri strumenti
Funzione | Descrizione |
---|---|
Simulatore di Lynx (browser testuale) |
Apre la pagina corrente (in una nuova finestra) utilizzando il Lynx Viewer. Questo servizio permette di controllare come le pagine verranno visualizzate da Lynx, un browser testuale. |
Test de Accesibilidad Web (TAW) | Sottopone l’URL della pagina corrente allo strumento di validazione dell’accessibilità in spagnolo T.A.W. (2 opzioni: finestra corrente o nuova) |
Strumenti> Simulazioni
Funzione | Descrizione |
---|---|
Disabilita i plugin | Rimuove elementi Java, Flash, musica di sottofondo ed iframes di terse parti. Sviluppato sulla base di uno script su Jesse’s Bookmarklets Site |
Disabilita il mouse | Impedisce all’utente l’uso del tasto sinistro (quello destro continua a funzionare) del mouse nell’interagire con gli elementi della pagina corrente (attualmente non disattiva gli eventi onmouseover/onmouseout). Quando l’utente utilizza il tasto sinistro appare un messaggio di avvertimento. |
Retinopatia diabetica | Simula, attraverso un filtro applicato alla pagina corrente, la visualizzazione da parte di utenti affetti da retinopatia diabetica (La pagina non è utilizzabile durante la simulazione) |
Cataratta | Sfoca il contenuto della pagina simulando l’effetto sulla vista della cataratta |
Degenerazione maculare | Posiziona una maschera (goccia scura circolare, semitrasparente sui bordi) che simula l’effetto sulla vista della Degenerazione Maculare. Facendo clic col tasto sinistro sulla ‘goccia’, essa seguirà gli spostamenti del mouse. (La pagina non è utilizzabile durante la simulazione) |
Glaucoma | Posiziona una maschera (near con un’area ovaloide trastapente) sulla pagina corrente, simulando l’effetto sulla vista del Glaucoma. Facendo clic col tasto sinistro sull’area ovale trasparente, essa seguirà gli spostamenti del mouse. (La pagina non è utilizzabile durante la simulazione) |
Alterazione percettiva del colori | Applica un filtro alla pagina corrente in grado di modificare la palette di colori allo scopo di simulare la visualizzazione da parte di un utente affetto da carenza visiva dei colori rosso/verde. (La pagina non è utilizzabile durante la simulazione). Questa funzionalità è fornita da Q42. |
Alterazione percettiva del contrasto | Applica un filtro alla pagina in grado di ridurne l’opacità (30%/60%/90%) simulando la riduzione della percezione dei contrasti, spesso collegati all’età dell’utente. (La pagina non è utilizzabile durante la simulazione). Questa funzionalità è fornita da Q42. |
Livelli di grigio | Simula la visualizzazione della pagina corrente attraverso un monitor monocromatico (bianco e nero) |
Esempi di immagini tremolanti | Apre (in una nuova finestra) una pagina dimostrativa di diverse frequenze di tremolio. Così gli sviluppatori possono controllare se lo farfallamento del contenuto è in grado di causare problemi ad alcuni utenti. |
Informazioni Meta [ctrl + alt + 8]
Funzione | Descrizione |
---|---|
Informazioni sulla pagina (Nuova finestra) | Visualizza (in una nuova finestra) informazioni (titolo, grandezza del file, data di creazione, numero di immagini, links, form e script) sulla pagina che stai visualizzando. Basato su uno script sul sito dell’Università di Stato dell’Oregon |
Informazioni Metadata (Nuova finestra) | Visualizza (in una nuova finestra) l’elenco di tutti gli elementi title, link, meta ed il relative contenuto della pagina corrente |
Elementi LINK di navigazione | Visualizza elementi LINK di navigazione e permette la navigazione per mezzo di tali elementi, se presenti. Per informazioni sull’uso degli elementi link, fai riferimento a: |
Visualizza gli attributi Lang | Evidenza tutti gli attributi Lang presenti nella pagina corrente con gli elementi ad essi associati. Ringraziamenti a: Bartimeus Accessibility Foundation |
Visualizza il DOCTYPE | Visualizza in un alert box il DOCTYPE del documento HTML corrente. |
Visualizza attributo/i Title | Mostra il contenuto degli attributi title presenti in tutti gli elementi della pagina. |
Peso/Velocità della pagina | Visualizza (in un messaggio di avvertimento) la grandezza del documento e una stima sul tempo di scaricamento a diverse velocità di connessione. Basata su uno script su sam-i-am.com |
Velocità di caricamento della pagina (Nuova finestra) | Sottopone l’URL della pagina corrente all’ Online Web Page Analyser (nuova finestra) fornito da Websiteoptimazation.com |
Elenco dei frames | Visualizza (in una nuova finestra) un elenco degli URL delle pagine inserite nei frames, con il nome dei rispettivi elementi frame, contenuti sulla pagina che stai visualizzando |
Elenco dei collegamenti ipertestuali | Visualizza (in una nuova finestra) un elenco dei collegamenti ipertestuali con relativo contenuto ed attributo title (se presenti) sulla pagina corrente. |
Elenco dei file scaricabili |
Visualizza (in una nuova finestra) un elenco dei link verso file scaricabili (PDF, MP3, Word, Excel, Powerpoint, ZIP) trovati nella pagina corrente. |
Identifica i file multimediali | Visualizza (in una nuova finestra) il codice di tutti gli elementi object/embed ed anche i link a file multimediali ( mp3, mov, swf, ram..) trovati nella pagina corrente. Sviluppato da Sofia Celic |
Identifica Scripts ed Applets | Visualizza (in una nuova finestra) tutte le applets trovate ed il codice associato. Elenca inoltre gli script incapsulati ed esterni; permette (nella maggioranza dei casi) la visualizzazione e l’acquisizione degli script esterni collegati alla pagina corrente. Sviluppato da Sofia Celic con ringraziamenti a Lioren |
Codice [ctrl + alt + u]
Funzione |
Descrizione |
Visualizza codice sorgente (Nuova finestra) | Visualizza il codice sorgente della pagina corrente nel Blocco Note |
Visualizza codice generato (Nuova finestra) | Visualizza l’albero del DOM della pagina come HTML [nuova finestra] |
Visualizza parzialmente il codice (Nuova finestra) | Visualizza l’albero del DOM del contenuto selezionato come HTML e una copia del contenuto selezionato [nuova finestra] |
Evidenzia codice | La sezione permette di visualizzare il codice (nativo o generato) della pagina, di evidenziare determinati elementi strutturali (tabelle, form, immagini, liste, titoli) |
Elementi e attributi HTML deprecati | La sezione permette di controllare la presenza di elementi e attributi deprecati |
DOM inspector | La sezione contiene due applicativi che permettono di esplorare il DOM (Document Object Model) della pagina corrente |
Risorse [ctrl + alt + 9]
La sezione risorse contiene link a informazioni e risorse rilevanti trovate in rete.
Opzioni IE [ctrl + alt + S]
Funzione | Descrizione |
---|---|
Attiva/Disattiva immagini [ctrl + alt + I] | Abilita/Disabilita la ricezione delle immagini col comando di IE Strumenti> Opzioni Internet> Avanzate> Visualizza le immagini |
Attiva/Disattiva Javascript [ctrl + alt + J] | Attiva/Disattiva Javascript col comando di IE Strumenti> Opzioni Internet > Sicurezza> Custom Level > abilita/dissabilita Active Scripting Nota: Dato che molto della barra dell’accessibilità è basato su Javascript, molte sue funzionalità non saranno attive se Javascript è disabilitato. |
Attiva/Disattiva ActiveX | Attiva/Disattiva gli ActiveX col comando di IE Strumenti> Opzioni Internet> Sicurezza> Custom Level > Esegui controlli ActiveX e Plug-in – Utile per testare pagine con Flash |
Accesso facilitato [ctrl + alt + D] | Apre la finestra di dialogo di IE Strumenti > Opzioni Internet> Accesso facilitato |
Attiva/Disattiva CSS | Attiva/disattiva il supporto dei CSS da parte di IE Nota: Questa non è una funzionalità fornita direttamente da Microsoft. DIsabilitare permanentemente il supporto dei CSS con questo comando potrebbe disturbare la visualizzazione di finestre e dialog boxes che si basano sul supporto dei CSS anche al di fuori di IE; quindi ricorda di riattivare il supporto dei CSS prima di chiudere il browser. Se noti qualche strano comportamento, apri IE e riattiva i CSS. |
Grandezza carattere |
Si tratta della stessa funzionalità che si otterrebbe con VIsualizza > Carattere > |
Ingranditore [ctrl + alt + M]
Funzione | Descrizione |
---|---|
Ingranditore | Ingrandisce e rimpicciolisce (25% fino al 600%) il contenuto della pagina corrente |
Accesskeys della Barra dell’Accessibilità
Comando | Combinazione di tasti |
---|---|
Opzioni IE > Attiva/Disattiva immagini | ctrl + alt + I |
Opzioni IE > Attiva/Disattiva Javascript | ctrl + alt + J |
Opzioni IE > Accesso facilitato | ctrl + alt + D |
Opzioni IE > Carattere > molto piccolo | ctrl + alt + Q |
Opzioni IE > Carattere > medio | ctrl + alt + Y |
Opzioni IE > Carattere > molto grande | ctrl + alt + Z |
Accesskeys del menu
Menu | Key Combination |
---|---|
AIS/Opzioni | ctrl + alt + 0 |
Validazioni | ctrl + alt + 1 |
Ridimensiona | ctrl + alt + 2 |
CSS | ctrl + alt + 3 |
Immagini | ctrl + alt + 4 |
Colori | ctrl + alt + 5 |
Struttura | ctrl + alt + 6 |
Strumenti | ctrl + alt + 7 |
Informazioni meta | ctrl + alt + 8 |
Risorse | ctrl + alt + 9 |
Opzioni IE | ctrl + alt + S |
Ingranditore | ctrl + alt + M |