Diferencia entre revisiones de «Principio 1/1.3 Adaptable/1.3.5-A»

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
{{CriterioWCAG
{{CriterioWCAG
|id_criterio=1.3.5-A
|id_wcag_criterio=1.3.5
|titulo_criterio=1.3.5-A. Propósito de los campos de datos
|id_wcag_subcriterio=1.3.5-A
|nivel=AA
|wcag_titulo_criterio=1.3.5-A. Propósito de los campos de datos
|version=2.2
|wcag_nivel=AA
|principio=1. Perceptible
|wcag_version=2.2
|principio_enlace=Principio_1
|wcag_principio=1_Perceptible
|pauta=1.3 Adaptable
|wcag_pauta=1.3_Adaptable
|pauta_enlace=Principio_1/1.3_Adaptable
|wcag_grupo=Formularios
|grupo=Formularios
|wcag_subgrupo=Propósito de campos
|subgrupo=Propósito de campos
 
|discapacidades=
|wcag_discapacidades=
<li class="discapacidad-item">
<li class="discapacidad-item">
   [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
   [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
Línea 16: Línea 16:
   <span class="gravedad gravedad-grave">Barrera grave</span>
   <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
</li>
<li class="discapacidad-item">
<li class="discapacidad-item">
   [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
   [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
Línea 22: Línea 21:
   <span class="gravedad gravedad-leve">Barrera leve</span>
   <span class="gravedad gravedad-leve">Barrera leve</span>
</li>
</li>
<li class="discapacidad-item">
<li class="discapacidad-item">
   [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
   [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
Línea 29: Línea 27:
</li>
</li>


|descripcion_txtcriterioWCAG=
|wcag_lista_discapacidades=
El propósito de los campos de introducción de datos debe ser identificable por software para que navegadores y tecnologías de apoyo puedan reconocer automáticamente su finalidad.
 
 
|discapacidades_categorias=
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad motriz]]
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad cognitiva]]


|wcag_texto_criterioOAW=
El propósito de los campos de introducción de datos debe ser identificable por software para que navegadores y tecnologías de apoyo puedan reconocer automáticamente su finalidad.


 
|wcag_descripcion_resumida=
|descripcion_resumida=
Cada campo que recopila datos personales debe estar correctamente identificado mediante atributos estándar como <code>autocomplete</code>.
Cada campo que recopila datos personales debe estar correctamente identificado mediante atributos estándar como <code>autocomplete</code>.


|objetivo=
|wcag_objetivo=
Facilitar la introducción de datos y mejorar la comprensión del propósito de cada campo en un formulario.
Facilitar la introducción de datos y mejorar la comprensión del propósito de cada campo en un formulario.


|importancia=
|wcag_importancia=
Reduce la carga cognitiva y motriz de completar formularios, evitando errores y mejorando la velocidad de introducción de datos.
Reduce la carga cognitiva y motriz de completar formularios, evitando errores y mejorando la velocidad de introducción de datos.


|referencias=
|wcag_referencias=
<ul>
<ul>
<li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html Understanding Success Criterion 1.3.5 (W3C)]</span></li>
<span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html Understanding Success Criterion 1.3.5 (en inglés)]</span>
</li>
</ul>
</ul>


|recursos=
|wcag_recursos=
<ul>
<ul>
<li> [https://www.w3.org/WAI/tutorials/forms/autofill/ Tutorial W3C sobre autocompletado en formularios (en inglés)] </li>
<li>[https://www.w3.org/WAI/tutorials/forms/autofill/ Tutorial W3C sobre autocompletado en formularios]</li>
<li> [https://www.w3.org/WAI/tutorials/forms/autofill/ Tutorial W3C sobre autocompletado en formularios (en inglés)]</li>
</ul>
</ul>


|tipo_evaluacion=Semiautomática
|wcag_tipo_evaluacion=Semiautomática


|procedimiento=
|wcag_pasos_evaluacion=
<ol class="paso-list">
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Abrir la página y acceder a las herramientas de desarrollo.</li>
<li><span class="paso-badge">Paso 1.</span> Abrir la página y acceder a las herramientas de desarrollo.</li>
<li><span class="paso-badge">Paso 2.</span> Localizar los campos de datos personales.</li>
<li><span class="paso-badge">Paso 2.</span> Localizar los campos de datos personales.</li>
<li><span class="paso-badge">Paso 3.</span> Comprobar que cada campo tiene un valor <code>autocomplete</code> adecuado.</li></ol>
<li><span class="paso-badge">Paso 3.</span> Comprobar que cada campo tiene un valor <code>autocomplete</code> adecuado.</li>
</ol>


|resultado=Los campos incluyen el atributo <code>autocomplete</code> con valores coherentes al propósito del campo.
|wcag_resultado_evaluacion=
Los campos incluyen el atributo <code>autocomplete</code> con valores coherentes al propósito del campo.


|ejemplo=
|wcag_ejemplo_evaluacion=
Se muestra un codigo de formulario con el campo autocomplete "email". Esto permite incluir datos de email almacenados en el navegador.
<div class="accessibility-card">
<div class="accessibility-card">  
<pre class="wcag-codigo-html">&lt;label for="correo"&gt;Correo electrónico&lt;/label&gt;
<pre class="wcag-codigo-html">&lt;label for="correo"&gt;Correo electrónico&lt;/label&gt;<br />&lt;input id="correo" type="email" autocomplete="email"&gt;</pre></div>
&lt;input id="correo" type="email" autocomplete="email"&gt;</pre></div>


|otras_herramientas=
|wcag_otras_herramientas_evaluacion=
<ul>
<ul>
<li> [https://www.deque.com/axe/devtools/ '''axe DevTools'''] — Extensión de análisis automático de accesibilidad desarrollada por Deque Systems. Permite detectar errores técnicos y semiautomáticos directamente desde el navegador.
<li>[https://www.deque.com/axe/devtools/ '''axe DevTools'''] — Extensión de análisis automático de accesibilidad.</li>
</li>
<li>[https://chrispederick.com/work/web-developer/ '''Web Developer Toolbar'''] — Barra de inspección de etiquetas y atributos HTML.</li>
 
<li>[https://accessibilityinsights.io/ '''Accessibility Insights'''] — Herramienta de Microsoft para evaluación WCAG 2.2.</li>
<li>
[https://chrispederick.com/work/web-developer/ '''Web Developer Toolbar'''] — Barra de herramientas para Firefox y Chrome que facilita la inspección visual de la estructura, etiquetas y atributos HTML relevantes para la accesibilidad.
</li>
 
<li> [https://accessibilityinsights.io/ '''Accessibility Insights'''] — Herramienta de Microsoft que combina comprobaciones automáticas, revisión guiada y evaluación manual conforme a las WCAG 2.2.
</li>
</ul>
</ul>
}}
}}

Revisión del 06:53 1 nov 2025

1.3.5-A. Propósito de los campos de datos

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)

  • El propósito de los campos de introducción de datos debe ser identificable por software para que navegadores y tecnologías de apoyo puedan reconocer automáticamente su finalidad.

Comprensión del criterio

Descripción resumida

Cada campo que recopila datos personales debe estar correctamente identificado mediante atributos estándar como autocomplete.

Objetivo

Facilitar la introducción de datos y mejorar la comprensión del propósito de cada campo en un formulario.

Importancia de cumplir el criterio

Reduce la carga cognitiva y motriz de completar formularios, evitando errores y mejorando la velocidad de introducción de datos.

Referencias WCAG

Recursos de apoyo

Evaluación del criterio

Tipo de evaluación

Evaluación Semiautomática

Procedimiento de evaluación

  1. Paso 1. Abrir la página y acceder a las herramientas de desarrollo.
  2. Paso 2. Localizar los campos de datos personales.
  3. Paso 3. Comprobar que cada campo tiene un valor autocomplete adecuado.

Resultado esperado

Los campos incluyen el atributo autocomplete con valores coherentes al propósito del campo.

Ejemplo

<label for="correo">Correo electrónico</label>
<input id="correo" type="email" autocomplete="email">

Otras herramientas de evaluación










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.5-A. Propósito de los campos de datos

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.3_Adaptable/1.3.5-A&oldid=2601»