Principio 1/1.3 Adaptable/1.3.4-A

{{{wcag_titulo_criterio}}}

{{{wcag_principio}}}La propiedad «Wcag principio» (como tipo de página) con el valor de entrada «{{{wcag_principio}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. {{{wcag_pauta}}}La propiedad «Wcag pauta» (como tipo de página) con el valor de entrada «{{{wcag_pauta}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.

• Nivel: {{{wcag_nivel}}}La propiedad «Wcag nivel» (como tipo de página) con el valor de entrada «{{{wcag_nivel}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.
• Versión: {{{wcag_version}}}La propiedad «Wcag version» (como tipo de página) con el valor de entrada «{{{wcag_version}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.
• Principio: [[{{{wcag_principio_url}}}|{{{wcag_principio}}}]]
• Pauta: [[{{{wcag_pauta_url}}}|{{{wcag_pauta}}}]]
• Grupo: {{{wcag_grupo}}}La propiedad «Wcag grupo» (como tipo de página) con el valor de entrada «{{{wcag_grupo}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.
• Subgrupo: {{{wcag_subgrupo}}}La propiedad «Wcag subgrupo» (como tipo de página) con el valor de entrada «{{{wcag_subgrupo}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

• {{{wcag_texto_criterioOAW}}}

{{{wcag_lista_discapacidades}}}

Comprensión del criterio

Descripción resumida

{{{wcag_descripcion_resumida}}}

Objetivo

{{{wcag_objetivo}}}

Importancia de cumplir el criterio

{{{wcag_importancia}}}

Referencias WCAG

{{{wcag_referencias}}}

Recursos de apoyo

{{{wcag_recursos}}}

Evaluación del criterio

Tipo de evaluación

Evaluación [[:Categoría:{{{wcag_tipo_evaluacion}}}|{{{wcag_tipo_evaluacion}}}]]

Procedimiento de evaluación

{{{wcag_pasos_evaluacion}}}

Resultado esperado

{{{wcag_resultado_evaluacion}}}

Ejemplo ilustrativo

{{{wcag_ejemplo_evaluacion}}}

Otras herramientas de evaluación

{{{wcag_otras_herramientas_evaluacion}}}

La propiedad «Id wcag criterio» (como tipo de página) con el valor de entrada «{{{id_wcag_criterio}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. La propiedad «Id wcag subcriterio» (como tipo de página) con el valor de entrada «{{{id_wcag_subcriterio}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. La propiedad «Wcag titulo criterio» (como tipo de página) con el valor de entrada «{{{wcag_titulo_criterio}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. La propiedad «Wcag principio» (como tipo de página) con el valor de entrada «{{{wcag_principio}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. La propiedad «Wcag pauta» (como tipo de página) con el valor de entrada «{{{wcag_pauta}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. La propiedad «Wcag nivel» (como tipo de página) con el valor de entrada «{{{wcag_nivel}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. La propiedad «Wcag version» (como tipo de página) con el valor de entrada «{{{wcag_version}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. La propiedad «Wcag grupo» (como tipo de página) con el valor de entrada «{{{wcag_grupo}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. La propiedad «Wcag subgrupo» (como tipo de página) con el valor de entrada «{{{wcag_subgrupo}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación. La propiedad «Wcag tipo evaluacion» (como tipo de página) con el valor de entrada «{{{wcag_tipo_evaluacion}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.

La propiedad «TieneCriterioWCAG» (como tipo de página) con el valor de entrada «Principio_{{{wcag_principio}}}/{{{wcag_pauta}}}/{{{id_wcag_criterio}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.

Ejemplos accesibles y no accesibles creados por alumnos

<!DOCTYPE html>

⚠️ PROBLEMA 3.3.2-C: Este formulario NO tiene etiquetas ni instrucciones claras

Reserva de Hotel

Selecciona 1 2 3 4+ Opciones Simple Doble Suite Reservar

⚠️ Problemas de este formulario:

• No hay etiquetas <label> para ningún campo
• Algunos placeholders son ambiguos ("Código" - ¿qué código?)
• No se indica qué campos son obligatorios
• No hay instrucciones sobre el formato esperado
• El select dice "Selecciona" pero ¿seleccionar qué?
• Un campo no tiene ni placeholder ni etiqueta (campo de email)
• No hay indicación de formato de fecha específico
• No se explica para qué sirve cada campo

<!DOCTYPE html>

✅ ACCESIBLE 3.3.2-C: Este formulario tiene etiquetas e instrucciones claras

Reserva de Hotel

Complete el siguiente formulario para reservar su estadía

Nota: Los campos marcados con * son obligatorios

Nombre *

Ingrese su nombre tal como aparece en su documento de identidad

Apellido *

Correo Electrónico *

Enviaremos la confirmación de reserva a este correo

Teléfono de Contacto *

Incluya el código de país (Ej: +34 para España)

Número de Huéspedes *

¿Cuántas personas se alojarán?

Seleccione una opción 1 persona 2 personas 3 personas 4 o más personas

Fecha de Entrada *

Formato: DD/MM/AAAA (Ej: 15/02/2025)

Fecha de Salida *

Formato: DD/MM/AAAA (Ej: 20/02/2025)

Tipo de Habitación *

Seleccione el tipo de habitación que prefiere

Seleccione una opción Habitación Simple (1 cama individual) Habitación Doble (1 cama doble o 2 individuales) Suite (habitación con sala de estar)

Código de Descuento (Opcional)

Si tiene un código promocional, ingréselo aquí

Solicitudes Especiales (Opcional)

Indique cualquier necesidad especial o preferencia (cama extra, piso bajo, accesibilidad, etc.)

Confirmar Reserva

✅ Implementación correcta:

• Cada campo tiene una etiqueta <label> clara asociada
• Los campos obligatorios están claramente marcados con *
• Hay instrucciones específicas sobre formato y contenido esperado
• Los selectores tienen opciones descriptivas, no ambiguas
• Se explica el propósito de cada campo cuando no es obvio
• Se proporcionan ejemplos en los placeholders
• Hay una nota inicial explicando la convención de campos obligatorios
• Se usan atributos ARIA apropiados (aria-required, aria-describedby)

Comentarios

A continuación se muestran comentarios sobre el criterio {{{wcag_titulo_criterio}}}

Loading comments...

[[Category:{{{wcag_principio}}}]] [[Category:{{{wcag_pauta}}}]] [[Category:{{{id_wcag_criterio}}}]]

♿ Impacto por discapacidad

<img src="Sinvision.png" alt="Discapacidad visual total" /> Discapacidad visual total: Barrera moderada. El bloqueo de orientación puede interferir con lectores de pantalla móviles si el sistema cambia el flujo de lectura o los elementos interactivos no se adaptan correctamente.

<img src="Bajavision.png" alt="Baja visión" /> Baja visión: Barrera grave. Las personas con baja visión necesitan ajustar el zoom y la orientación para mejorar la legibilidad. Un bloqueo de orientación puede impedir el acceso al contenido o provocar desplazamientos horizontales excesivos.

<img src="Motriz.png" alt="Discapacidad motriz" /> Discapacidad motriz: Barrera grave. Quienes no pueden girar físicamente el dispositivo (por estar fijado en una posición o usar soportes) no podrían acceder al contenido si la aplicación exige una orientación determinada.

<img src="Cognitiva.png" alt="Discapacidad cognitiva" /> Discapacidad cognitiva: Barrera leve. Los cambios de orientación no controlados o el bloqueo pueden causar desorientación o frustración, aunque el impacto suele ser menor si el diseño mantiene coherencia visual.

<img src="Auditiva.png" alt="Discapacidad auditiva" /> Discapacidad auditiva: Barrera leve o nula. Este criterio no afecta directamente al acceso auditivo, salvo en casos donde la orientación o el bloqueo impidan ver los subtítulos o controles multimedia.