Seleccione Edición > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).
Última actualización el
27/04/2021
Utilice Dreamweaver para crear sitios web y productos web utilizables por personas que padezcan discapacidad visual, auditiva, motriz o de otro tipo.
Contenido accesible
La accesibilidad se refiere a hacer que los sitios web y los productos web sean utilizables para personas con discapacidades visuales, auditivas, motoras y de otro tipo. Ejemplos de funciones de accesibilidad para productos de software y sitios web incluyen compatibilidad con lectores de pantalla, equivalentes de texto para gráficos, métodos abreviados de teclado, cambio de colores de visualización a alto contraste, entre otras.Dreamweaver proporciona herramientas que lo hacen accesible para usar y herramientas que te ayudan a crear contenido accesible.
Para desarrolladores de Dreamweaver que necesitan usar funciones de accesibilidad, la aplicación ofrece compatibilidad con lectores de pantalla, navegación por teclado y compatibilidad con las funciones de accesibilidad del sistema operativo.
Para diseñadores web que necesitan crear contenido accesible, Dreamweaver te ayuda a crear páginas accesibles que contengan contenido útil para lectores de pantalla y cumplan con las directrices del gobierno federal. Por ejemplo, los cuadros de diálogo te solicitan que introduzcas atributos de accesibilidad, como equivalentes de texto para una imagen, cuando insertas elementos de página. Luego, cuando la imagen aparece en una página para un usuario con discapacidades visuales, el lector de pantalla lee la descripción.
Nota
Para obtener más información sobre dos iniciativas de accesibilidad significativas, consulta la Iniciativa de Accesibilidad Web del Consorcio World Wide Web (www.w3.org/wai) y la Sección 508 de EE. UU.Ley Federal de Rehabilitación de EE. UU. (www.section508.gov).
Nota
Para obtener más información sobre las directrices de accesibilidad del Estándar de la Industria de Japón, consulta JIS X 8341-3 (www.jisc.go.jp).
Ninguna herramienta de creación puede automatizar el proceso de desarrollo. Diseñar sitios web accesibles requiere que comprendas los requisitos de accesibilidad y tomes decisiones continuas sobre cómo los usuarios con discapacidades interactúan con las páginas web. La mejor manera de asegurar que un sitio web sea accesible es a través de planificación, desarrollo, pruebas y evaluación deliberados.
Utilizar lectores de pantalla con Dreamweaver
Un lector de pantalla recita el texto que aparece en la pantalla del ordenador.También lee información no textual, como etiquetas de botones o descripciones de imágenes en la aplicación, proporcionada en etiquetas o atributos de accesibilidad durante la creación.
Como diseñador de Dreamweaver, puedes usar un lector de pantalla para ayudarte a crear tus páginas web. El lector de pantalla comienza a leer desde la esquina superior izquierda de la ventana de documento.
Dreamweaver es compatible con JAWS para Windows, de Freedom Scientific (www.freedomscientific.com), y con los lectores de pantalla Window-Eyes, de GW Micro (www.gwmicro.com).
Compatibilidad con funciones de accesibilidad del sistema operativo
Dreamweaver es compatible con funciones de accesibilidad tanto en los sistemas operativos Windows como Macintosh. Por ejemplo, en Macintosh puedes establecer las preferencias visuales en el cuadro de diálogo Preferencias de Acceso Universal (Apple > Preferencias del Sistema). La configuración se refleja en el espacio de trabajo de Dreamweaver.
También se admite la configuración de alto contraste del sistema operativo Windows. Activas esta opción a través del Panel de control de Windows y afecta a Dreamweaver de la siguiente manera:
Los cuadros de diálogo y los paneles utilizan la configuración de color del sistema. Por ejemplo, si estableces el color en Blanco sobre Negro, todos los cuadros de diálogo y paneles de Dreamweaver aparecen con un color de primer plano blanco y fondo negro.
La vista Código utiliza el color de ventana y de texto del sistema. Por ejemplo, si estableces el color del sistema en Blanco sobre Negro y luego cambias los colores del texto en Edición > Preferencias > Coloreado de código, Dreamweaver ignora esas configuraciones de color y muestra el texto del código con un color de primer plano blanco y fondo negro.
La vista de diseño usa los colores de fondo y texto que estableces en Modificar > Propiedades de página para que las páginas que diseñes procesen los colores como lo haría un explorador.
Optimizar el espacio de trabajo para el diseño de páginas accesibles
Cuando creas páginas accesibles, necesitas asociar información, como etiquetas y descripciones, con los objetos de la página para hacer que tu contenido sea accesible para todos los usuarios.
Para hacer esto, activa el cuadro de diálogo Accesibilidad para cada objeto, de modo que Dreamweaver te solicite información de accesibilidad cuando insertes objetos.Puedes activar un cuadro de diálogo para cualquiera de los objetos en la categoría Accesibilidad en Preferencias.
Selecciona Accesibilidad de la lista Categoría de la izquierda,
selecciona un objeto, configura cualquiera de las siguientes opciones y haz clic en Aceptar.
Mostrar atributos al insertar
Selecciona los objetos para los que quieres activar cuadros de diálogo de accesibilidad.Por ejemplo, objetos de formulario, marcos, objetos multimedia e imágenes.
Mantener selección en el panel
Mantiene el enfoque en el panel, lo que lo hace accesible al lector de pantalla.(Si no seleccionas esta opción, el enfoque permanece en la vista Diseño o Código cuando un usuario abre un panel.)
Visualización fuera de pantalla
Seleccione esta opción cuando utilice un lector de pantalla.
Nota
Al insertar una nueva tabla, los atributos de accesibilidad aparecen en el cuadro de diálogo Insertar tabla.
Navegación por Dreamweaver con el teclado
Puedes usar el teclado para navegar por paneles, inspectores, cuadros de diálogo, marcos y tablas sin un ratón.
Nota
La navegación con tabulador y el uso de las teclas de flecha solo se admiten en Windows.
Desplazamiento por los paneles
En la ventana Documento, presione Control+F6 para cambiar el enfoque a un panel.
Una línea punteada alrededor del título del panel indica que el enfoque está en ese panel.El lector de pantalla lee la barra de título del panel que tiene enfoque.
Presiona Control+F6 de nuevo para cambiar el enfoque hasta que tengas
el enfoque en el panel en el que quieres trabajar.(Presiona Control+Mayús+F6
para cambiar el enfoque al panel anterior.)
Si el panel en el que quieres trabajar no está abierto, usa los
métodos abreviados de teclado en el menú Ventana para mostrar el panel
apropiado; luego presiona Control+F6.
Si el panel en el que deseas trabajar está abierto, pero no expandido, sitúa el enfoque en la barra de título del panel y luego presiona la barra espaciadora.Si desea contraer el panel, vuelva a presionar la barra espaciadora.
Presiona la tecla Tab para moverte por las opciones del
panel.
Utilice las teclas de flecha como convenga:
Si una opción tiene opciones, usa las teclas de flecha para desplazarte por las opciones y luego presiona la barra espaciadora para hacer una selección.
Si hay pestañas en el grupo de paneles para abrir otros paneles, coloca el enfoque en la pestaña abierta y luego usa la tecla de flecha izquierda o derecha para abrir otras pestañas.Una vez que abras una nueva pestaña, presiona la tecla Tab para moverte por las opciones de ese panel.
Desplazamiento por el inspector de propiedades
Presiona Control+F3 para mostrar el inspector de
Propiedades, si no está visible.
Presiona Control+F6 (solo Windows) hasta que cambies el enfoque
al inspector de Propiedades.
Presiona la tecla Tab para moverte por las opciones del inspector de Propiedades.
Usa las teclas de flecha según corresponda para desplazarte por las opciones
disponibles.
Pulsa Control+Flecha abajo/Flecha arriba (Windows) o Comando
Flecha abajo/Flecha arriba (Macintosh) para abrir y cerrar la sección expandida
del inspector de Propiedad, según sea necesario, o, con el enfoque en la flecha
de expansión en la esquina inferior derecha, pulsa la barra espaciadora.
Nota
El enfoque del teclado debe estar dentro del inspector de Propiedad (y no en el título del panel) para que funcione expandir y contraer.
Desplazamiento por un cuadro de diálogo
Pulsa la tecla Tab para desplazarte por las
opciones de un cuadro de diálogo.
Utilice las teclas de flecha para desplazarse a través de los valores de cada opción.
Si el cuadro de diálogo tiene una lista de categorías, pulsa Control+Tab
(Windows) para dirigir el enfoque a la lista de categorías y después usa las
teclas de flecha para subir o bajar por la lista.
Pulsa Control+Tab de nuevo para dirigir el enfoque a las opciones de una
categoría.
Para salir del cuadro de diálogo, presione Intro.
Desplazamiento por los marcos
Si tu documento contiene marcos, puedes
usar las teclas de flecha para dirigir el enfoque a un marco.
Selección de un marco
Pulsa Alt+Flecha abajo para colocar el punto de
inserción en la ventana Documento.
Pulsa Alt+Flecha arriba para seleccionar el marco que
actualmente tiene el enfoque.
Sigue pulsando Alt+Flecha arriba para dirigir el enfoque al
conjunto de marcos y después a los conjuntos de marcos de la página principal, si hay conjuntos
de marcos anidados.
Pulsa Alt+Flecha abajo para dirigir el enfoque a un conjunto de marcos
hijo o a un marco individual dentro del conjunto de marcos.
Con el enfoque en un marco individual, pulsa Alt+Flecha izquierda o derecha
para moverte entre marcos.
Desplazamiento por una tabla
Usa las teclas de flecha o pulsa Tab para desplazarte
a otras celdas de una tabla según sea necesario.
Nota
Al pulsar Tab en la celda del extremo derecho se añade otra fila a la tabla.
Para seleccionar una celda, pulsa Control+A (solo Windows) mientras
el punto de inserción esté en la celda.
Para seleccionar toda la tabla, pulsa Control+A dos veces si
el punto de inserción está en una celda, o una vez si hay una celda seleccionada.
Para salir de la tabla, presione Ctrl+A tres veces si el punto de inserción está en una celda, dos veces si la celda está seleccionada, o una vez si la tabla está seleccionada, y luego presione la tecla de flecha Arriba, Izquierda o Derecha.
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.
