Diferencia entre revisiones de «Principio 1/1.4 Distinguible»

De UX Wiki
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 8 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
== 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 - USO DEL COLOR NIVEL: A ===
=== '''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.
'''Objetivo''': asegurar que todos los usuarios pueden acceder a la información que se transmite por el color.


Línea 11: Línea 11:
* [[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 - CONTROL DEL AUDIO NIVEL: A ===
=== '''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 - CONTRASTE (MÍNIMO) NIVEL: AA ===
=== '''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


* 1.4.3-A? El texto normal (tamaño inferior a 18 puntos o a 14 puntos y negrita) y el texto normal en imágenes deben tener un contraste respecto al color de fondo de al menos 4.5:1 puedan leer el contenido.
* [[Principio 1/1.4 Distinguible/1.4.3-A|'''1.4.3-A?''']] El texto normal (tamaño inferior a 18 puntos o a 14 puntos y negrita) y el texto normal en imágenes deben tener un contraste respecto al color de fondo de al menos 4.5:1 puedan leer el contenido.


* 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 - CAMBIO DE TAMAÑO DEL TEXTO NIVEL: AA ===
=== '''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.


* 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 - IMÁGENES DE TEXTO NIVEL: AA ===
=== '''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.


* 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 - REFLOW NIVEL: AA ===
=== '''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.


* 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 – CONTRASTE DE CONTENIDO NO TEXTUAL NIVEL: AA ===
=== '''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.


* 1.4.11-A Se debe asegurar un ratio mínimo de contraste de al menos 3:1 en los colores adyacentes de:
* [[Principio 1/1.4 Distinguible/1.4.11-A|'''1.4.11-A''']] Se debe asegurar un ratio mínimo de contraste de al menos 3:1 en los colores adyacentes de:
** Componentes de la interfaz de usuario: la información visual necesaria para identificar los componentes de la interfaz de usuario y los estados.
** Componentes de la interfaz de usuario: la información visual necesaria para identificar los componentes de la interfaz de usuario y los estados.
** 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 – ESPACIADO DEL TEXTO NIVEL: AA ===
=== '''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.


* 1.4.12-A? Debe permitirse un ajuste de las siguientes características del texto sin que se pierda contenido o funcionalidad:
* [[Principio 1/1.4 Distinguible/1.4.12-A|'''1.4.12-A?''']] Debe permitirse un ajuste de las siguientes características del texto sin que se pierda contenido o funcionalidad:
** Ajustar el alto de la línea hasta al menos 1.5 veces el tamaño de la fuente
** Ajustar el alto de la línea hasta al menos 1.5 veces el tamaño de la fuente
** Espaciar los párrafos hasta al menos el doble del tamaño de la fuente
** Espaciar los párrafos hasta al menos el doble del tamaño de la fuente
Línea 54: Línea 54:
** 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 – CONTENIDO CON HOVER O FOCUS NIVEL: AA ===
=== '''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


* 1.4.13-A? Si cuando un elemento recibe o pierde el puntero (p. ej. hover del ratón) o el foco del teclado (focus) se muestra u oculta algún contenido adicional, entonces se debe cumplir lo siguiente:
* [[Principio 1/1.4 Distinguible/1.4.13-A|'''1.4.13-A?''']] Si cuando un elemento recibe o pierde el puntero (p. ej. hover del ratón) o el foco del teclado (focus) se muestra u oculta algún contenido adicional, entonces se debe cumplir lo siguiente:
** Debe haber disponible un mecanismo que permita descartar el contenido adicional sin necesidad de mover el puntero o cambiar el foco del teclado a no ser que el contenido adicional informe acerca de un error en la entrada de datos o no tape o reemplace otro contenido.
** Debe haber disponible un mecanismo que permita descartar el contenido adicional sin necesidad de mover el puntero o cambiar el foco del teclado a no ser que el contenido adicional informe acerca de un error en la entrada de datos o no tape o reemplace otro contenido.
** 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.

Revisión actual - 10:48 20 feb 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 se debe emplear el color (del texto, de fondo o de otros elementos) como único medio para transmitir información
  • 1.4.1-A BIS?
  • 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
  • 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 - 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 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 - 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

  • 1.4.3-A? El texto normal (tamaño inferior a 18 puntos o a 14 puntos y negrita) y el texto normal en imágenes deben tener un contraste respecto al color de fondo de al menos 4.5:1 puedan leer el contenido.
  • 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 - 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.

  • 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 - 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.

  • 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 - 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.

  • 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 – 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.

  • 1.4.11-A Se debe asegurar un ratio mínimo de contraste de al menos 3:1 en los colores adyacentes de:
    • Componentes de la interfaz de usuario: la información visual necesaria para identificar los componentes de la interfaz de usuario y los estados.
    • Objetos gráficos: todas las partes de los gráficos que sean necesarias para comprender el contenido

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.

  • 1.4.12-A? Debe permitirse un ajuste de las siguientes características del texto sin que se pierda contenido o funcionalidad:
    • Ajustar el alto de la línea hasta al menos 1.5 veces el tamaño de la fuente
    • Espaciar los párrafos hasta al menos el doble del tamaño de la fuente
    • Ajustar el espacio entre letras hasta al menos 0.12 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 – 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

  • 1.4.13-A? Si cuando un elemento recibe o pierde el puntero (p. ej. hover del ratón) o el foco del teclado (focus) se muestra u oculta algún contenido adicional, entonces se debe cumplir lo siguiente:
    • Debe haber disponible un mecanismo que permita descartar el contenido adicional sin necesidad de mover el puntero o cambiar el foco del teclado a no ser que el contenido adicional informe acerca de un error en la entrada de datos o no tape o reemplace otro contenido.
    • 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.