Índice del Curso Página de inicio del manual Tabla de contenidos de las directrices Tabla de contenidos de los puntos de verificación Tabla de contenidos de los ejemplos Tabla de contenidos de procedimiento de aplicación Manual de aplicación de las WCAG 1.0 PreviaContenidosCambiar estilo

12.4 Asociar etiquetas explícitamente con sus controles

Prioridad 2

Al insertar un formulario, Macromedia Dreamweaver 4 inserta un área rectangular delimitada por una línea discontinua.

Dentro de esta área rectangular, puede agregar campos de formulario y texto, como cuadros de texto, botones de opciones, casillas de verificación, cuadros desplegables y botones de comando.

Para agregar el atributo id a cada elemento del formulario deberá seguir el procedimiento:

  1. Haga clic en el elemento a modificar.
  2. Ubicar en el borde inferior izquierdo la etiqueta del elemento, por ejemplo input Imagen de la etiqueta input y hacer clic con el botón secundario del ratón sobre la misma.
  3. Del menú desplegable que aparece, seleccionar Edit Tag...

    Imagen del menú desplegable de una etiqueta

  4. O, de la ventana del Inspector, hacer clic sobre el icono de edición de la etiqueta Imagen del icono del edición de la etiqueta.
  5. En la ventana que se aparece, en cualquiera de los dos procedimientos, verá algo precido a esto:
    <label>Nombre: <input name="nom3" type="text">
    </label>
  6. Agregue el elemento id de la siguiente forma:
    <label>Nombre: <input name="nom3" type="text" id="nom3">
    </label> 
  7. Otra forma de hacer lo mismo es haciendo clic en el botón Show Code and Design Views Imagen del botón Show Code and Design Views (o haga clic en el menú View y seleccione Code and Design del mismo) y editar la etiqueta desde la ventana con código HTML que se abre en la parte superior.

Volver a ejemplos del punto Volver a ejemplos del punto 12.4

Autores

57 de 70 Previa

Copyright © sidar 1997-2002. Este Curso de Diseño Accesible ha sido desarrollado por la Fundación sidar.