Diferencia entre revisiones de «Página principal»
De WCAG Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 7: | Línea 7: | ||
* [[Fuentes_informacion_wiki|Consultar las fuentes de información]] | * [[Fuentes_informacion_wiki|Consultar las fuentes de información]] | ||
</div> | </div> | ||
<!-- PAUTA 1.1 --> | |||
<li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼"> | |||
[[Principio 1/1.1 Texto Alternativo]] | |||
<div class="mw-collapsible-content"> | |||
<ul> | |||
<!-- CRITERIO 1.1.1 (desplegable con subcriterios) --> | |||
<li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼"> | |||
[[Principio 1/1.1 Texto Alternativo/1.1.1-A|1.1.1 — Texto alternativo (A)]] | |||
<div class="mw-collapsible-content"> | |||
<ul> | |||
<li>[[URL|1.1.1-A. Alternativa textual breve obligatoria]] — Todo contenido no textual debe disponer de una alternativa breve que proporcione la misma información o cumpla el mismo propósito que el contenido no textual.</li> | |||
<li>[[URL|1.1.1-B. Actualización de alternativas textuales]] — Las alternativas textuales se deben actualizar cuando cambia el contenido no textual para mantener la coherencia y accesibilidad.</li> | |||
<li>[[URL|1.1.1-C. Imágenes CSS solo decorativas]] — Las imágenes incluidas desde hojas de estilo deben ser puramente decorativas y no aportar información, salvo que haya un contenido textual equivalente.</li> | |||
<li>[[URL|1.1.1-D. Alternativa única para grupos de imágenes]] — Cuando varias imágenes transmiten una única información, se proporciona la alternativa textual solo en una, y las demás quedan decorativas.</li> | |||
<li>[[URL|1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak]] — El arte ASCII, emoticonos y leetspeak deben tener alternativas textuales cercanas que transmitan la misma información.</li> | |||
<li>[[URL|1.1.1-F. Incluir una alternativa larga cuando la corta no basta]] — Si una alternativa breve no transmite toda la información, se ofrece además una alternativa larga que cumpla el propósito completo del contenido.</li> | |||
<li>[[URL|1.1.1-G. Texto alternativo en imágenes funcionales]] — Las imágenes con funcionalidad (enlaces, botones, áreas activas) deben incluir un texto alternativo que describa claramente su propósito.</li> | |||
<li>[[URL|1.1.1-H. Combinación de enlaces e imágenes]] — Cuando un enlace y una imagen actúan como enlace al mismo recurso, deben combinarse en un solo enlace para simplificar la navegación.</li> | |||
<li>[[URL|1.1.1-I. Alternativa breve para contenido sensorial]] — El contenido multimedia, sensorial o difícil de representar en texto debe incluir al menos una alternativa breve que identifique su contenido.</li> | |||
<li>[[URL|1.1.1-J. Alternativa textual para CAPTCHAs]] — Los CAPTCHAs deben tener un texto que describa su propósito y además un CAPTCHA alternativo en otra modalidad accesible.</li> | |||
<li>[[URL|1.1.1-K. Imágenes decorativas]] — Las imágenes decorativas deben tener texto alternativo vacío o incluirse vía CSS, para que puedan ser ignoradas por lectores de pantalla.</li> | |||
</ul> | |||
</div> | |||
</li> | |||
</ul> | |||
</div> | |||
</li> | |||
<div class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">[[Principio 1|Principio 1: Perceptible]] | <div class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">[[Principio 1|Principio 1: Perceptible]] | ||
Revisión del 17:25 6 feb 2026
Listado de Pautas y Principios WCAG
El propósito de este sitio web es únicamente presentar de forma más sencilla las pautas WCAG y explicar como se evalúan.
La información de esta wiki proviene de diversas fuentes de información:
-
1.1.1 — Texto alternativo (A)
- 1.1.1-A. Alternativa textual breve obligatoria — Todo contenido no textual debe disponer de una alternativa breve que proporcione la misma información o cumpla el mismo propósito que el contenido no textual.
- 1.1.1-B. Actualización de alternativas textuales — Las alternativas textuales se deben actualizar cuando cambia el contenido no textual para mantener la coherencia y accesibilidad.
- 1.1.1-C. Imágenes CSS solo decorativas — Las imágenes incluidas desde hojas de estilo deben ser puramente decorativas y no aportar información, salvo que haya un contenido textual equivalente.
- 1.1.1-D. Alternativa única para grupos de imágenes — Cuando varias imágenes transmiten una única información, se proporciona la alternativa textual solo en una, y las demás quedan decorativas.
- 1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak — El arte ASCII, emoticonos y leetspeak deben tener alternativas textuales cercanas que transmitan la misma información.
- 1.1.1-F. Incluir una alternativa larga cuando la corta no basta — Si una alternativa breve no transmite toda la información, se ofrece además una alternativa larga que cumpla el propósito completo del contenido.
- 1.1.1-G. Texto alternativo en imágenes funcionales — Las imágenes con funcionalidad (enlaces, botones, áreas activas) deben incluir un texto alternativo que describa claramente su propósito.
- 1.1.1-H. Combinación de enlaces e imágenes — Cuando un enlace y una imagen actúan como enlace al mismo recurso, deben combinarse en un solo enlace para simplificar la navegación.
- 1.1.1-I. Alternativa breve para contenido sensorial — El contenido multimedia, sensorial o difícil de representar en texto debe incluir al menos una alternativa breve que identifique su contenido.
- 1.1.1-J. Alternativa textual para CAPTCHAs — Los CAPTCHAs deben tener un texto que describa su propósito y además un CAPTCHA alternativo en otra modalidad accesible.
- 1.1.1-K. Imágenes decorativas — Las imágenes decorativas deben tener texto alternativo vacío o incluirse vía CSS, para que puedan ser ignoradas por lectores de pantalla.
Principio 1: Perceptible
- Principio 1/1.1 Texto Alternativo
- Principio 1/1.2 Medios basados en el tiempo
- Principio 1/1.3 Adaptable
-
Principio 1/1.4 Distinguible
- 1.4.1 — Uso del color (A)
- 1.4.2 — Control del audio (A)
- 1.4.3 — Contraste (mínimo) (AA)
- 1.4.4 — Cambio de tamaño del texto (AA)
- 1.4.5 — Imágenes de texto (AA)
- 1.4.10 — Reflow (AA)
- 1.4.11 — Contraste de contenido no textual (AA)
- 1.4.12 — Espaciado del texto (AA)
- 1.4.13 — Contenido con hover o focus (AA)
Crear un ejemplo de un criterio de las pautas WCAG
Crea un ejemplo de un criterio de las pautas WCAG.
