Funzioni di accessibilità in Dreamweaver

Ultimo aggiornamento il 27 apr 2021

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.

Nota

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).

Nota

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.

Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
Seleziona Accessibilità dall'elenco Categoria a sinistra, seleziona un oggetto, imposta una delle opzioni seguenti e fai clic su OK.

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.

Nota

gli attributi di accessibilità vengono visualizzati nella finestra di dialogo Inserisci tabella quando inserite una nuova tabella.

Puoi usare la tastiera per navigare nei pannelli, negli ispettori, nelle finestre di dialogo, nei fotogrammi e nelle tabelle senza il mouse.

Nota

La navigazione tramite tabulazione e l'uso dei tasti freccia sono supportati solo per Windows.

Nella finestra Documento, premi Ctrl+F6 per spostare il focus su un pannello.

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.

Premi di nuovo Ctrl+F6 per spostare il focus finché non hai il focus sul pannello in cui vuoi lavorare.(Premi Ctrl+Maiusc+F6 per spostare il focus al pannello precedente.)
Se il pannello in cui vuoi lavorare non è aperto, usa le scelte rapide da tastiera nel menu Finestre per visualizzare il pannello appropriato; quindi premi Ctrl+F6.

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.

Premi il tasto Tab per spostarti tra le opzioni nel pannello.
Utilizzate i tasti freccia secondo le vostre esigenze:
  • 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.

Premi Ctrl+F3 per visualizzare il pannello Proprietà, se non è visibile.
Premi Ctrl+F6 (solo Windows) finché non sposti il focus sul pannello Proprietà.
Premi il tasto Tab per spostarti tra le opzioni dell'inspector Proprietà.
Usa i tasti freccia per spostarti tra le opzioni disponibili.
Premi Ctrl+Freccia Giù/Freccia Su (Windows) o Comando+Freccia Giù/Freccia Su (Macintosh) per aprire e chiudere la sezione espansa della finestra di ispezione Proprietà, se necessario, oppure, con il focus sulla freccia di espansione nell'angolo in basso a destra, premi la barra spaziatrice.
Nota

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.

Premi il tasto Tab per spostarti tra le opzioni in una finestra di dialogo.
Utilizzate i tasti freccia per spostarvi tra le scelte possibili per un'opzione.
Se la finestra di dialogo contiene un elenco di categorie, premi Ctrl+Tab (Windows) per spostare il focus sull'elenco delle categorie, quindi usa i tasti freccia per spostarti verso l'alto o verso il basso nell'elenco.
Premi di nuovo Ctrl+Tab per passare alle opzioni di una categoria.
Premete Invio per uscire dalla finestra di dialogo.
Se il documento contiene fotogrammi, puoi usare i tasti freccia per spostare il focus su un fotogramma.

Selezionare un frame

Premi Alt+Freccia Giù per posizionare il punto di inserimento nella finestra Documento.
Premi Alt+Freccia Su per selezionare il fotogramma che ha il focus.
Continua a premere Alt+Freccia Su per spostare il focus sul frameset, quindi sui frameset principali, se sono presenti frameset nidificati.
Premi Alt+Freccia Giù per spostare il focus su un frameset figlio o su un singolo fotogramma all'interno del frameset.
Con il focus su un singolo fotogramma, premi Alt+Freccia Sinistra o Destra per spostarti tra i fotogrammi.
Usa i tasti freccia o premi Tab per spostarti nelle altre celle di una tabella, se necessario.
Nota

Premendo Tab nella cella più a destra si aggiunge un'altra riga alla tabella.

Per selezionare una cella, premi Ctrl+A (solo Windows) mentre il punto di inserimento si trova nella cella.
Per selezionare l'intera tabella, premi Ctrl+A due volte se il punto di inserimento si trova in una cella, oppure una volta se è selezionata una cella.
Per uscire dalla tabella, premi Ctrl+A tre volte se il punto di inserimento si trova in una cella, due volte se la cella è selezionata, oppure una volta se la tabella è selezionata, quindi premi il tasto freccia Su, Sinistra o Destra.