Utilizzare Dreamweaver per la creazione di siti e di prodotti web utilizzabili da parte di utenti con problemi visivi, uditivi, motori o di altra natura.
Informazioni sul contenuto accessibile
L'accessibilità si riferisce alla creazione di siti web e prodotti web utilizzabili da persone con disabilità visive, uditive, motorie e di altro tipo. Esempi di funzionalità di accessibilità per prodotti software e siti web includono il supporto per screen reader, equivalenti testuali per la grafica, scelte rapide da tastiera, modifica dei colori del display ad alto Contrasto e così via. Dreamweaver fornisce strumenti che ne facilitano l'utilizzo e strumenti che ti aiutano a creare contenuti accessibili.
Per gli sviluppatori di Dreamweaver che devono utilizzare funzionalità di accessibilità, l'applicazione offre supporto per screen reader, navigazione da tastiera e supporto per l'accessibilità del sistema operativo.
Per i progettisti web che devono creare contenuti accessibili, Dreamweaver ti aiuta a creare pagine accessibili che contengono contenuti utili per gli screen reader e rispettano le linee guida del governo federale. Ad esempio, le finestre di dialogo ti richiedono di inserire attributi di accessibilità, come equivalenti testuali per un'immagine, quando inserisci elementi della pagina. Quindi, quando l'immagine appare su una pagina per un utente con disabilità visive, lo screen reader legge la descrizione.
Per ulteriori informazioni su due importanti iniziative di accessibilità, consulta la Web Accessibility Initiative del World Wide Web Consortium (www.w3.org/wai) e la Sezione 508 degli Stati Uniti.Federal Rehabilitation Act (www.section508.gov).
Per ulteriori informazioni sulle linee guida di accessibilità dello standard industriale giapponese, consulta JIS X 8341-3 (www.jisc.go.jp).
Nessuno strumento di authoring è in grado di automatizzare il processo di sviluppo. Progettare siti web accessibili richiede di comprendere i requisiti di accessibilità e prendere decisioni continue su come gli utenti con disabilità interagiscono con le pagine web. Il modo migliore per garantire che un sito web sia accessibile è attraverso pianificazione, sviluppo, test e valutazione deliberati.
Utilizzare gli screen reader con Dreamweaver
Uno screen reader recita il testo che appare sullo schermo del computer. Legge anche informazioni non testuali, come etichette di pulsanti o descrizioni di immagini nell'applicazione, fornite in tag o attributi di accessibilità durante la creazione.
Come progettista Dreamweaver, puoi utilizzare uno screen reader per aiutarti nella creazione delle tue pagine web. Lo screen reader inizia a leggere dall'angolo superiore sinistro della finestra del documento.
Dreamweaver supporta JAWS per Windows, di Freedom Scientific (www.freedomscientific.com), e gli screen reader Window-Eyes, di GW Micro (www.gwmicro.com).
Supporto per le funzionalità di accessibilità del sistema operativo
Dreamweaver supporta le funzionalità di accessibilità nei sistemi operativi Windows e Macintosh. Ad esempio, su Macintosh imposti le preferenze visive nella finestra di dialogo Preferenze Accesso Universale (Apple > Preferenze di Sistema). Le impostazioni si riflettono nell'area di lavoro di Dreamweaver.
È supportata anche l'impostazione Alto contrasto del sistema operativo Windows.Attivi questa opzione tramite il Pannello di controllo di Windows e influisce su Dreamweaver come segue:
Sia le finestre di dialogo che i pannelli utilizzano le impostazioni dei colori di sistema. Ad esempio, se imposti il colore su Bianco su Nero, tutte le finestre di dialogo e i pannelli di Dreamweaver appaiono con un colore di primo piano bianco e Sfondo nero.
La vista Codice utilizza il colore della finestra di sistema e del testo delle finestre. Ad esempio, se imposti il colore del sistema su Bianco su Nero e poi cambi i colori del testo in Modifica > Preferenze > Colorazione Codice, Dreamweaver ignora quelle Impostazioni colore e visualizza il testo del codice con un colore di primo piano bianco e Sfondo nero.
La vista Progettazione utilizza i colori di Sfondo e del testo che imposti in Modifica > Proprietà Pagina in modo che le pagine che progetti mostrino i colori come farà un browser.
Ottimizza l'area di lavoro per la progettazione di pagine accessibili
Quando crei pagine accessibili, devi associare informazioni, come etichette e descrizioni, agli oggetti della pagina per rendere il contenuto accessibile a tutti gli utenti.
Per farlo, attiva la finestra di dialogo Accessibilità per ogni oggetto, in modo che Dreamweaver ti richieda le informazioni di accessibilità quando inserisci oggetti. Puoi attivare una finestra di dialogo per qualsiasi oggetto nella categoria Accessibilità in Preferenze.
Mostra attributi durante l'inserimento di
Seleziona gli oggetti per i quali vuoi attivare le finestre di dialogo di accessibilità. Ad esempio, gli oggetti modulo, i frame, gli oggetti multimediali e le immagini.
Mantieni il pannello attivo
Mantiene il focus sul pannello, rendendolo accessibile allo screen reader.(Se non selezioni questa opzione, il focus rimane nella vista Design o Codice quando un utente apre un pannello.)
Rendering fuori schermo
Selezionate questa opzione quando usate uno screen reader.
gli attributi di accessibilità vengono visualizzati nella finestra di dialogo Inserisci tabella quando inserite una nuova tabella.
Naviga in Dreamweaver usando la tastiera
Puoi usare la tastiera per navigare nei pannelli, negli ispettori, nelle finestre di dialogo, nei fotogrammi e nelle tabelle senza il mouse.
La navigazione tramite tabulazione e l'uso dei tasti freccia sono supportati solo per Windows.
Spostarsi tra i pannelli
Una linea punteggiata intorno al titolo del pannello indica che il focus è su quel pannello.Lo screen reader legge la barra del titolo del pannello che ha l'oggetto.
Se il pannello in cui vuoi lavorare è aperto, ma non espanso, posiziona il focus sulla barra del titolo del pannello, quindi premi la barra spaziatrice.Premete nuovamente la barra spaziatrice per comprimere il pannello.
Se un'opzione ha delle scelte, usa i tasti freccia per scorrere le scelte, quindi premi la barra spaziatrice per effettuare una selezione.
Se ci sono schede nel gruppo di pannelli per aprire altri pannelli, posiziona il focus sulla scheda aperta, quindi usa il tasto freccia sinistra o destra per aprire altre schede.Una volta aperta una nuova scheda, premi il tasto Tab per spostarti tra le opzioni in quel pannello.
Spostarsi nella finestra di ispezione Proprietà
Il focus della tastiera deve essere all'interno della finestra di ispezione Proprietà (e non sul titolo del pannello) per consentire l'espansione e la compressione.
Spostarsi in una finestra di dialogo
Spostarsi tra i frame
Selezionare un frame
Spostarsi all'interno di una tabella
Premendo Tab nella cella più a destra si aggiunge un'altra riga alla tabella.
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.