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.
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).
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.
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.
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.
La navegación con tabulador y el uso de las teclas de flecha solo se admiten en Windows.
Desplazamiento por los paneles
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.
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.
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
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
Desplazamiento por los marcos
Selección de un marco
Desplazamiento por una tabla
Al pulsar Tab en la celda del extremo derecho se añade otra fila a la tabla.
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.