Diferencia entre revisiones de «Principio 1/1.3 Adaptable/1.3.4-A»
De WCAG Wiki
< Principio 1 | 1.3 Adaptable
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 18: | Línea 18: | ||
<li class="discapacidad-item"> | <li class="discapacidad-item"> | ||
[[Archivo: | [[Archivo:Visualparcial.png|20px|class=icon-discapacidad|alt=Discapacidad visual parcial]] | ||
<span class="discapacidad-texto">[[:Categoría:Discapacidad visual | <span class="discapacidad-texto">[[:Categoría:Discapacidad visual parcial|Visual parcial]]</span> – | ||
<span class="gravedad gravedad-moderada">Barrera moderada</span> | <span class="gravedad gravedad-moderada">Barrera moderada</span> | ||
</li> | </li> | ||
| Línea 76: | Línea 76: | ||
|ejemplo= | |ejemplo= | ||
<div class="accessibility-card"> | <div class="accessibility-card"> | ||
<p><strong>Ejemplo correcto:</strong> diseño flexible que se adapta automáticamente a cualquier orientación.</p> | |||
<pre class="wcag-codigo-html"> | |||
.container { | |||
<p><strong>Ejemplo correcto:</strong> diseño flexible que se adapta a cualquier orientación | |||
<pre class="wcag-codigo-html">.container { | |||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 1fr; | grid-template-columns: 1fr 1fr; | ||
| Línea 92: | Línea 85: | ||
"main sidebar" | "main sidebar" | ||
"footer footer"; | "footer footer"; | ||
}</pre> | } | ||
</pre> | |||
</div> | </div> | ||
Revisión del 12:26 29 oct 2025
{{{wcag_titulo_criterio}}}
- 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}}}
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
⚠️ 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
✅ 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}}}]]
