Diferencia entre revisiones de «Principio 1/1.4 Distinguible»
De WCAG Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| (No se muestran 2 ediciones intermedias del mismo usuario) | |||
| Línea 1: | Línea 1: | ||
<html> | |||
<!-- | |||
== Pauta 1.4: Facilitar a los usuarios ver y escuchar el contenido. == | == Pauta 1.4: Facilitar a los usuarios ver y escuchar el contenido. == | ||
=== '''1.4.1 - | === '''1.4.1 - Uso de color - Nivel: A''' === | ||
'''Objetivo''': asegurar que todos los usuarios pueden acceder a la información que se transmite por el color. | '''Objetivo''': asegurar que todos los usuarios pueden acceder a la información que se transmite por el color. | ||
* [[Principio 1/1.4 Distinguible/1.4.1-A|'''1.4.1-A''']] No se debe emplear el color (del texto, de fondo o de otros elementos) como único medio para transmitir información | * [[Principio 1/1.4 Distinguible/1.4.1-A|'''1.4.1-A''']] No se debe emplear el color (del texto, de fondo o de otros elementos) como único medio para transmitir información | ||
* [[Principio 1/1.4 Distinguible/1.4.1-B|'''1.4.1-B''']] Los enlaces no se deben diferenciar del texto que los rodea únicamente mediante el color o al menos tienen un contraste de 3:1 con el texto que los rodea y se deben emplear pistas visuales adicionales cuando reciben el foco | * [[Principio 1/1.4 Distinguible/1.4.1-B|'''1.4.1-B''']] Los enlaces no se deben diferenciar del texto que los rodea únicamente mediante el color o al menos tienen un contraste de 3:1 con el texto que los rodea y se deben emplear pistas visuales adicionales cuando reciben el foco | ||
| Línea 11: | Línea 12: | ||
* [[Principio 1/1.4 Distinguible/1.4.1-C|'''1.4.1-C''']] En las imágenes no se debe emplear el color como único medio visual para transmitir información | * [[Principio 1/1.4 Distinguible/1.4.1-C|'''1.4.1-C''']] En las imágenes no se debe emplear el color como único medio visual para transmitir información | ||
=== '''1.4.2 - | === '''1.4.2 - Control del audio - Nivel: A''' === | ||
'''Objetivo''': evitar interferencias entre el sonido de la página y la lectura por parte del lector de pantalla. | '''Objetivo''': evitar interferencias entre el sonido de la página y la lectura por parte del lector de pantalla. | ||
* [[Principio 1/1.4 Distinguible/1.4.2-A|'''1.4.2-A''']] No se deben reproducir sonidos de forma automática durante más de tres segundos o, en caso contrario, se debe proporcionar un mecanismo que permita a los usuarios detener, pausar o controlar el volumen del sonido | * [[Principio 1/1.4 Distinguible/1.4.2-A|'''1.4.2-A''']] No se deben reproducir sonidos de forma automática durante más de tres segundos o, en caso contrario, se debe proporcionar un mecanismo que permita a los usuarios detener, pausar o controlar el volumen del sonido | ||
=== '''1.4.3 - | === '''1.4.3 - Contraste (Mínimo) - Nivel: AA''' === | ||
'''Objetivo''': proporcionar el suficiente contraste entre el primer plano y el fondo para que las personas con baja visión | '''Objetivo''': proporcionar el suficiente contraste entre el primer plano y el fondo para que las personas con baja visión | ||
| Línea 23: | Línea 24: | ||
* [[Principio 1/1.4 Distinguible/1.4.3-B|'''1.4.3-B''']] El texto grande (tamaño superior a 18 puntos o a 14 puntos y negrita) y el texto grande en imágenes deben tener un contraste respecto al color de fondo de al menos 3:1 | * [[Principio 1/1.4 Distinguible/1.4.3-B|'''1.4.3-B''']] El texto grande (tamaño superior a 18 puntos o a 14 puntos y negrita) y el texto grande en imágenes deben tener un contraste respecto al color de fondo de al menos 3:1 | ||
=== '''1.4.4 - | === '''1.4.4 - Cambio de tamaño del texto - Nivel: AA''' === | ||
'''Objetivo''': asegurar que el texto renderizado visualmente, incluidos los controles basados en texto se pueden redimensionar de forma que puedan ser leídos por personas con problemas de visión sin necesidad del uso de ayudas técnicas como magnificadores de pantalla. | '''Objetivo''': asegurar que el texto renderizado visualmente, incluidos los controles basados en texto se pueden redimensionar de forma que puedan ser leídos por personas con problemas de visión sin necesidad del uso de ayudas técnicas como magnificadores de pantalla. | ||
* [[Principio 1/1.4 Distinguible/1.4.4-A|'''1.4.4-A?''']] Se debe poder aumentar el texto hasta el doble de su tamaño y que la página siga siendo legible sin que se pierda contenido o funcionalidad | * [[Principio 1/1.4 Distinguible/1.4.4-A|'''1.4.4-A?''']] Se debe poder aumentar el texto hasta el doble de su tamaño y que la página siga siendo legible sin que se pierda contenido o funcionalidad | ||
=== '''1.4.5 - | === '''1.4.5 - Imágenes de texto - Nivel: AA''' === | ||
'''Objetivo''': asegurar que la personas que necesitan una determinada presentación para el texto la puedan ajustar a sus necesidades. | '''Objetivo''': asegurar que la personas que necesitan una determinada presentación para el texto la puedan ajustar a sus necesidades. | ||
* [[Principio 1/1.4 Distinguible/1.4.5-A|'''1.4.5-A?''']] Si se puede conseguir la presentación visual deseada usando sólo texto y estilos, no se deben emplean imágenes para representar dicho texto | * [[Principio 1/1.4 Distinguible/1.4.5-A|'''1.4.5-A?''']] Si se puede conseguir la presentación visual deseada usando sólo texto y estilos, no se deben emplean imágenes para representar dicho texto | ||
=== '''1.4.10 - | === '''1.4.10 - Reflow - Nivel: AA''' === | ||
'''Objetivo''': asegurar que no es necesario realizar scroll en dos dimensiones en áreas de visualización reducidas, mejorando así la experiencia de las personas con baja visión. | '''Objetivo''': asegurar que no es necesario realizar scroll en dos dimensiones en áreas de visualización reducidas, mejorando así la experiencia de las personas con baja visión. | ||
* [[Principio 1/1.4 Distinguible/1.4.10-A|'''1.4.10-A?''']] El contenido debe poder presentarse sin pérdida de información o funcionalidad y sin necesidad de realizar scroll en dos dimensiones en áreas de visualización reducidas (320x256 píxeles CSS). | * [[Principio 1/1.4 Distinguible/1.4.10-A|'''1.4.10-A?''']] El contenido debe poder presentarse sin pérdida de información o funcionalidad y sin necesidad de realizar scroll en dos dimensiones en áreas de visualización reducidas (320x256 píxeles CSS). | ||
=== '''1.4.11 – | === '''1.4.11 – Contraste de contenido no textual - Nivel: AA''' === | ||
'''Objetivo''': proporcionar el suficiente contraste entre el primer plano y el fondo en los componentes de interfaz de usuario y objetos gráficos para que las personas con baja visión puedan leer el contenido. | '''Objetivo''': proporcionar el suficiente contraste entre el primer plano y el fondo en los componentes de interfaz de usuario y objetos gráficos para que las personas con baja visión puedan leer el contenido. | ||
| Línea 45: | Línea 46: | ||
** Objetos gráficos: todas las partes de los gráficos que sean necesarias para comprender el contenido | ** Objetos gráficos: todas las partes de los gráficos que sean necesarias para comprender el contenido | ||
=== '''1.4.12 – | === '''1.4.12 – Espaciado del texto - Nivel: AA''' === | ||
'''Objetivo''': asegurar que los usuarios puedan modificar algunas de las características del texto para adaptar el contenido a sus necesidades. | '''Objetivo''': asegurar que los usuarios puedan modificar algunas de las características del texto para adaptar el contenido a sus necesidades. | ||
| Línea 54: | Línea 55: | ||
** Ajustar el espaciado entre palabras hasta al menos 0.16 veces el tamaño de la fuente. | ** Ajustar el espaciado entre palabras hasta al menos 0.16 veces el tamaño de la fuente. | ||
=== '''1.4.13 – | === '''1.4.13 – Contenido con hover o focus - Nivel: AA''' === | ||
'''Objetivo''': asegurar que los contenidos que se muestran u ocultan cuando un elemento recibe o pierde el puntero o el foco del teclado pueden ser percibidos y descartados por los usuarios, sin que perjudique la experiencia de uso | '''Objetivo''': asegurar que los contenidos que se muestran u ocultan cuando un elemento recibe o pierde el puntero o el foco del teclado pueden ser percibidos y descartados por los usuarios, sin que perjudique la experiencia de uso | ||
| Línea 61: | Línea 62: | ||
** Si el puntero puede mostrar el contenido adicional, entonces el puntero se puede mover sobre el contenido adicional sin que éste desaparezca. | ** Si el puntero puede mostrar el contenido adicional, entonces el puntero se puede mover sobre el contenido adicional sin que éste desaparezca. | ||
** El contenido adicional debe permanecer visible hasta que se retire el puntero o el foco del teclado o bien el usuario lo descarte (por el primer punto) o su información no siga siendo válida. | ** El contenido adicional debe permanecer visible hasta que se retire el puntero o el foco del teclado o bien el usuario lo descarte (por el primer punto) o su información no siga siendo válida. | ||
--> | |||
</html> | |||
== Pauta 1.4: Facilitar a los usuarios ver y escuchar el contenido. == | |||
=== '''1.4.1 - Uso del color - Nivel: A''' === | |||
'''Objetivo''': asegurar que todos los usuarios pueden acceder a la información que se transmite por el color. | |||
* [[Principio 1/1.4 Distinguible/1.4.1-A|'''1.4.1-A. No usar solo el color para transmitir información''']] No se debe emplear el color como único medio para transmitir información. | |||
* [[Principio 1/1.4 Distinguible/1.4.1-B|'''1.4.1-B. Diferenciar los enlaces del texto circundante''']] Los enlaces no deben distinguirse solo por el color; deben tener contraste suficiente (3:1) y pistas visuales adicionales al recibir el foco. | |||
* [[Principio 1/1.4 Distinguible/1.4.1-C|'''1.4.1-C. Evitar el color como único recurso en imágenes''']] En las imágenes no se debe usar el color como único medio visual para transmitir información. | |||
=== '''1.4.2 - Control del audio - Nivel: A''' === | |||
'''Objetivo''': evitar interferencias entre el sonido de la página y la lectura por parte del lector de pantalla. | |||
* [[Principio 1/1.4 Distinguible/1.4.2-A|'''1.4.2-A. Control del sonido automático''']] No deben reproducirse sonidos automáticos de más de tres segundos o se debe permitir detener, pausar o ajustar su volumen. | |||
=== '''1.4.3 - Contraste (Mínimo) - Nivel: AA''' === | |||
'''Objetivo''': proporcionar el suficiente contraste entre el primer plano y el fondo para facilitar la lectura a personas con baja visión. | |||
* [[Principio 1/1.4 Distinguible/1.4.3-A|'''1.4.3-A. Contraste mínimo en texto normal''']] El texto normal y en imágenes debe tener un contraste mínimo de 4.5:1 respecto al fondo. | |||
* [[Principio 1/1.4 Distinguible/1.4.3-B|'''1.4.3-B. Contraste mínimo en texto grande''']] El texto grande y en imágenes debe tener un contraste mínimo de 3:1 respecto al fondo. | |||
=== '''1.4.4 - Cambio de tamaño del texto - Nivel: AA''' === | |||
'''Objetivo''': permitir que el texto se redimensione sin pérdida de contenido ni funcionalidad. | |||
* [[Principio 1/1.4 Distinguible/1.4.4-A|'''1.4.4-A. Redimensionar texto sin pérdida''']] El texto debe poder aumentarse hasta el doble de su tamaño sin que se pierda contenido o funcionalidad. | |||
=== '''1.4.5 - Imágenes de texto - Nivel: AA''' === | |||
'''Objetivo''': asegurar que el texto se pueda ajustar visualmente según las necesidades del usuario. | |||
* [[Principio 1/1.4 Distinguible/1.4.5-A|'''1.4.5-A. Evitar imágenes para representar texto''']] Si la presentación visual se puede lograr con texto y estilos, no deben usarse imágenes para representar texto. | |||
=== '''1.4.10 - Refow - Nivel: AA''' === | |||
'''Objetivo''': evitar el desplazamiento en dos dimensiones en pantallas pequeñas y mantener la legibilidad del contenido. | |||
* [[Principio 1/1.4 Distinguible/1.4.10-A|'''1.4.10-A. Evitar scroll en dos dimensiones''']] El contenido debe visualizarse correctamente sin pérdida ni necesidad de desplazarse en dos direcciones en pantallas pequeñas (320x256 px CSS). | |||
=== '''1.4.11 - Contraste de contenido no textual - Nivel: AA''' === | |||
'''Objetivo''': asegurar un contraste suficiente en los componentes de interfaz y gráficos para facilitar su identificación. | |||
* [[Principio 1/1.4 Distinguible/1.4.11-A|'''1.4.11-A. Contraste en componentes y gráficos''']] Debe existir un contraste mínimo de 3:1 en los elementos visuales necesarios para identificar componentes de interfaz y objetos gráficos. | |||
=== '''1.4.12 - Espaciado del texto - Nivel: AA''' === | |||
'''Objetivo''': permitir que los usuarios ajusten el espaciado del texto sin pérdida de contenido o funcionalidad. | |||
* [[Principio 1/1.4 Distinguible/1.4.12-A|'''1.4.12-A. Ajustes de espaciado del texto''']] Se debe permitir ajustar el alto de línea, espaciado entre párrafos, letras y palabras sin afectar la legibilidad ni la funcionalidad. | |||
=== '''1.4.13 - Contenido con hover o focus - Nivel: AA''' === | |||
'''Objetivo''': asegurar que el contenido mostrado u oculto por interacción (hover o focus) sea perceptible, manejable y no obstruya el uso. | |||
* [[Principio 1/1.4 Distinguible/1.4.13-A|'''1.4.13-A. Control de contenido emergente por hover o focus''']] El contenido adicional mostrado por hover o focus debe poder mantenerse visible, ser accesible con el puntero o foco y poder cerrarse fácilmente. | |||
[[Category:Principio1]] | [[Category:Principio1]] | ||
Revisión actual - 16:01 23 oct 2025
Pauta 1.4: Facilitar a los usuarios ver y escuchar el contenido.
1.4.1 - Uso del color - Nivel: A
Objetivo: asegurar que todos los usuarios pueden acceder a la información que se transmite por el color.
- 1.4.1-A. No usar solo el color para transmitir información No se debe emplear el color como único medio para transmitir información.
- 1.4.1-B. Diferenciar los enlaces del texto circundante Los enlaces no deben distinguirse solo por el color; deben tener contraste suficiente (3:1) y pistas visuales adicionales al recibir el foco.
- 1.4.1-C. Evitar el color como único recurso en imágenes En las imágenes no se debe usar el color como único medio visual para transmitir información.
1.4.2 - Control del audio - Nivel: A
Objetivo: evitar interferencias entre el sonido de la página y la lectura por parte del lector de pantalla.
- 1.4.2-A. Control del sonido automático No deben reproducirse sonidos automáticos de más de tres segundos o se debe permitir detener, pausar o ajustar su volumen.
1.4.3 - Contraste (Mínimo) - Nivel: AA
Objetivo: proporcionar el suficiente contraste entre el primer plano y el fondo para facilitar la lectura a personas con baja visión.
- 1.4.3-A. Contraste mínimo en texto normal El texto normal y en imágenes debe tener un contraste mínimo de 4.5:1 respecto al fondo.
- 1.4.3-B. Contraste mínimo en texto grande El texto grande y en imágenes debe tener un contraste mínimo de 3:1 respecto al fondo.
1.4.4 - Cambio de tamaño del texto - Nivel: AA
Objetivo: permitir que el texto se redimensione sin pérdida de contenido ni funcionalidad.
- 1.4.4-A. Redimensionar texto sin pérdida El texto debe poder aumentarse hasta el doble de su tamaño sin que se pierda contenido o funcionalidad.
1.4.5 - Imágenes de texto - Nivel: AA
Objetivo: asegurar que el texto se pueda ajustar visualmente según las necesidades del usuario.
- 1.4.5-A. Evitar imágenes para representar texto Si la presentación visual se puede lograr con texto y estilos, no deben usarse imágenes para representar texto.
1.4.10 - Refow - Nivel: AA
Objetivo: evitar el desplazamiento en dos dimensiones en pantallas pequeñas y mantener la legibilidad del contenido.
- 1.4.10-A. Evitar scroll en dos dimensiones El contenido debe visualizarse correctamente sin pérdida ni necesidad de desplazarse en dos direcciones en pantallas pequeñas (320x256 px CSS).
1.4.11 - Contraste de contenido no textual - Nivel: AA
Objetivo: asegurar un contraste suficiente en los componentes de interfaz y gráficos para facilitar su identificación.
- 1.4.11-A. Contraste en componentes y gráficos Debe existir un contraste mínimo de 3:1 en los elementos visuales necesarios para identificar componentes de interfaz y objetos gráficos.
1.4.12 - Espaciado del texto - Nivel: AA
Objetivo: permitir que los usuarios ajusten el espaciado del texto sin pérdida de contenido o funcionalidad.
- 1.4.12-A. Ajustes de espaciado del texto Se debe permitir ajustar el alto de línea, espaciado entre párrafos, letras y palabras sin afectar la legibilidad ni la funcionalidad.
1.4.13 - Contenido con hover o focus - Nivel: AA
Objetivo: asegurar que el contenido mostrado u oculto por interacción (hover o focus) sea perceptible, manejable y no obstruya el uso.
- 1.4.13-A. Control de contenido emergente por hover o focus El contenido adicional mostrado por hover o focus debe poder mantenerse visible, ser accesible con el puntero o foco y poder cerrarse fácilmente.
