|
Recursos de Dreamweaver CS4
|
Creación de formularios HTML accesibles
Al insertar un objeto de formulario HTML, puede hacerlo accesible y cambiar los atributos de accesibilidad posteriormente.
Adición de un objeto de formulario accesible- La primera vez que añada objetos de formulario accesibles, active el cuadro de diálogo Accesibilidad para los objetos de formulario (consulte Optimización del espacio de trabajo para desarrollo visual).
Este es un paso que se realiza sólo una vez.
- En el documento, sitúe el punto de inserción en el lugar donde desea que aparezca el formulario.
- Seleccione Insertar > Formulario y, a continuación, seleccione el objeto de formulario que desea insertar.
Se abre el cuadro de diálogo Atributos de accesibilidad de la etiqueta de entrada.
- Rellene el cuadro de diálogo y haga clic en Aceptar. A continuación se incluye una lista parcial de las opciones:
Nota: El lector de pantalla lee el nombre introducido como atributo Etiqueta del objeto.
- ID
- asigna un ID al campo de formulario. Este valor puede utilizarse para hacer referencia al campo desde JavaScript; también se utiliza como valor del atributo for si elige la opción Adjuntar etiqueta de título utilizando el atributo for bajo las opciones de Estilo.
- Ajustar con etiqueta de rótulo
- Coloca una etiqueta de rótulo alrededor del elemento de formulario como se muestra a continuación:
<label>
<input type="radio" name="radiobutton" value="radiobutton">
RadioButton1</label>
- Adjuntar etiqueta de título utilizando el atributo “for”
- Utiliza el atributo for para rodear el elemento de formulario con una etiqueta de rótulo, como se muestra a continuación:
<input type="radio" name="radiobutton" value="radiobutton" id="radiobutton">
<label for="radiobutton">RadioButton2</label>
Esta opción hace que el navegador muestre el texto asociado con una casilla de verificación y un botón de opción con un rectángulo de selección, y permite al usuario seleccionar la casilla de verificación y el botón de opción haciendo clic en cualquier lugar del texto asociado en lugar de sólo en el control de la casilla de verificación o del botón de opción.
Nota: Esta es la opción de accesibilidad establecida de forma predeterminada. No obstante, la funcionalidad puede variar dependiendo del navegador.
- No hay etiqueta de rótulo
- No utiliza una etiqueta de rótulo, como se muestra a continuación:
<input type="radio" name="radiobutton" value="radiobutton">
RadioButton3
- Clave de acceso
- Utiliza un equivalente de teclado (una letra) y la tecla Alt (Windows) o la tecla Control (Macintosh) para seleccionar el objeto de formulario en el navegador. Por ejemplo, si introduce B como Clave de acceso, los usuarios con un navegador Macintosh podrían presionar Control+B para seleccionar el objeto de formulario.
- Índice de fichas
- Especifica el orden de tabulación para los objetos del formulario. Si establece el orden de tabulación de un objeto, deberá definir el orden de tabulación de todos los objetos.
Configurar el orden de tabulación resulta útil cuando existen otros vínculos y objetos de formulario en la página y es preciso que el usuario se desplace a través de ellos en un orden específico.
- Haga clic en Sí para insertar una etiqueta de formulario.
El objeto de formulario aparece en el documento.
Nota: Si presiona Cancelar, el objeto de formulario aparece en el documento pero Dreamweaver no le asocia etiquetas o atributos de accesibilidad.
Edición de los valores de accesibilidad de un objeto de formulario- En la ventana de documento, seleccione el objeto.
- Siga uno de estos procedimientos:
Edite los atributos apropiados en la vista Código.
Haga clic con el botón derecho del ratón (Windows) o mantenga presionada la tecla Control y haga clic (Macintosh) y, a continuación, seleccione Editar etiqueta.
|
PDF (adobe.com)
