Tip:
Highlight text to annotate it
X
Quisiera hablarles de un problema que se encuentra a menudo en Internet.
Es el tema de los formularios, para ello Se lo voy a ilustrar con un ejemplo
donde hay que escoger unas casillas.
Según la tabla Estadísticas de Producción
en el periodo 1946 - 1974, califique el crecimiento que se experimentó en Francia ?
Se requieren dos respuestas: Título – el crecimiento es rápido - casilla de verificación, no activada
Moderada - casilla de verificación, no activada
Voy a dar una vuelta por las casillas para ver las respuestas que me proponen.
Sostenida - casilla de verificación, no activada
Irregular - casilla de verificación, no activada
Interrumpida - casilla de verificación, no activada
Fuerte - casilla de verificación, no activada
Negativa - casilla de verificación, mediana
Casilla de verificación, vacía
Botón - "Verificar" botón
Voy a activar las respuestas "sostenida" y "fuerte" que son, en mi opinión, son las respuestas correctas
y mediana - casilla de verificación - negativa
fuerte - espacio - activada - interrumpida - casilla de verificación - irregular
casilla de verificación - sostenida - casilla de verificación - espacio - activada - casilla de verificación
el crecimiento es rápido - sostenido activada
He elegido la casilla correcta según mi programa de síntesis de voz, Voy a verificar mis respuestas.
Botón - verificar Botón - "Entrada – respuesta incorrecta
El hecho de que ninguna casilla esté asociada a una etiqueta ha inducido a error a mi síntesis de voz
Con lo cual he elegido casillas erróneas y por lo tanto he fallado las respuestas
Aunque sabia que las respuestas correctas eran "sostenida" y "fuerte",
Pero no he marcado las casillas adecuadas.
En este caso, el error no es muy grave
Pero esto puede tener consecuencias
Mucho más molestas si uno se quiere inscribir online a la universidad
O comprar un billete de tren, se rellena un campo de edición
o elije una casilla incorrecta y la persona ciega puede encontrarse perjudicada por ello.
Les voy a enseñar el sitio web de un ayuntamiento con formularios accesibles.
Van a ver como ocurre:
Título de nivel 3 - información Sobre el solicitante
Título : estado civil asterisco - botón de opción no activado : Srta - 1 de 3
Srta: eso significa señorita
entrar – active su formulario activo - tab, tab. Edición apellido asterisco :
pulse mayúscula Tab - Edición, nombre, asterisco: escriba el texto
k,r,e,m,p Tab - Edición nombre asterisco: Escriba el texto i, s, a, b,
Como lo han podido ver, no he tenido ningún problema para rellenar los campos de edición
Del formulario, con mi apellido y mi nombre, todo estaba claro,
Sé exactamente en qué zona de edición me encuentro
Y puedo rellenar sin problema el formulario.
Han entendido que cuando se trata de rellenar un ejercicio de un curso en línea
Y cuando hay un error en un formulario, no es muy grave,
Pero este tipo de error puede ser molesto si se trata de rellenar
Una inscripción en línea para una universidad O la compra de un billete
de tren o de avión, por ejemplo. Los formularios son muy importantes
Y es realmente necesario que sean claros y límpidos para que nosostros
Podamos rellenarlos sin problemas.
Como esta película ha podido ilustrar, un formulario puede ser accesible
Para las personas que utilizan tecnologías de apoyo para accede a la Web.
Para el desarrollador, se tratará de seguir una cuantas recomendaciones:
En el caso de un formulario en HTML, la etiqueta label asociada a los atributos id y for
permite relacionar directamente el campo de texto asociado.
Así que cuando la síntesis de voz se utiliza en modo formulario,
Esta realizará la relación entre el campo a rellenar
y la información situada antes o después de esta.
Para facilitar el acceso al formulario, Se recomienda además agrupar
los campos de la misma naturaleza por medio de la etiqueta fieldset.
Asociada a la etiqueta fieldset, la etiqueta legend permite dar un título
A cada bloque de información y así facilitar la ubicación.
El orden de recorrido de los diferentes campos con el teclado debe ser lógico.
Si el orden de navegación con el teclado no corresponde con el orden del código fuente,
Conviene utilizar el atributo tabindex Y añadirle un orden de tabulación.
En este ejemplo, sea cual sea el orden del código fuente, la tabulación se hará según este orden:
Su nombre
Empresa
Su e-mail
Su sitio web
Su dirección.
Cuando en un formulario es obligatoria la información de un campo,
es importante especificarlo de manera explícita.
Explicar que los campos precedidos de una estrella son obligatorios,
Parece ser una de las maneras más eficaces de hacerlo.
Utilizar un color o indicar al final del formulario cuales son los campos obligatorios
son técnicas que hay que evitar ya que no satisfacen a todos los usuarios.
La validación es la última etapa al rellenar un formulario.
El botón de validación debe estar claramente identificado sobre todo si se trata de una imagen.
Habrá que completar esta imagen con un texto explicativo del tipo enviar.