Í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

10.2 Asegurarse de que la etiqueta para todos los controles de formulario está colocada adecuadamente

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.

  1. Seleccione el elemento del formulario al que le va a agregar (o modificar) un atributo for con el botón primario del ratón.
  2. Haga clic en el botón Show Code and Design Views Imagen del botón Show Code and Design Views.
  3. O haga clic en el menú View y seleccione Code and Design del mismo.
  4. Habiendo seleccionado previamente el elemento, aparecerá de un color resaltado la línea del código HTML donde se encuentra, por ejemplo:
  5. <label>Nombre: 
       <input type="text" id="nom">
    </label>
    <label>E-mail:
       <input type="text" id="mail">
    </label>
    <input type="submit" value="Enviar">
  6. Ahora deberá agregar el atributo for de la siguiente manera:
  7. <label for="nom">Nombre:</label>
    <input type="text" id="nom">
    <label for="mail">E-mail:</label>
    <input type="text" id="mail">
    <input type="submit" value="Enviar">

Volver a ejemplos del punto Volver a ejemplos del punto 10.2

Autores

46 de 70 Previa

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