Saltar navegación

El contrate también se mide - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 23 de junio de 2023 por M.del Camino P.

14 visualizaciones

Estudio sobre nivel de accesibilidad de una infografía y una presentación. Este vídeo muestra cómo medir el contraste entre el color de primer plano y el fondo para saber qué niveles cumple del estándar WCAG. También enseña a saber cuál es el código exacto de un color.

Descargar la transcripción

En este vídeo lo que vamos a ver es cómo medir el contraste entre el color de fondo y el color 00:00:06
de primer plano de nuestra presentación PowerPoint y de nuestra infografía. En esta página que vemos 00:00:15
aquí podemos poner un color de fondo y podemos poner un color de primer plano, en este caso será 00:00:26
la letra y nos dice si cumplen los estándares W, C, A, G en los niveles A, A o A, A, A. 00:00:33
Por ejemplo, en este caso el contraste está bien y es accesible, pero podemos comprobar 00:00:45
que si vamos bajando el color de la letra, cambiando el color de la letra, pues puede 00:00:51
ocurrir que no sea accesible incluso dependiendo del color puede ocurrir que algunos estándares 00:00:58
se cumplan algunos niveles y otros no en este caso no se cumple el nivel a 00:01:05
vamos a entrar en nuestra presentación y vamos a ver si hemos puesto un buen contraste por ejemplo 00:01:17
a estos elementos cogemos aquí podemos copiar el color de fondo y luego como la letra es blanca 00:01:27
pues podemos escribirlo directamente vamos a ver si se cumple en este caso sí que se cumplen 00:01:45
imaginemos que hubiéramos cogido otro color de fondo por ejemplo este vamos a ver si se cumple 00:01:53
Vemos que con este color no se cumplen los estándares del contraste. 00:02:16
Ahora vamos a ver nuestra infografía. 00:02:22
Aquí no sabemos exactamente el color que hemos utilizado. 00:02:25
Existe una herramienta, esta herramienta, que nos va a permitir saber qué color estamos utilizando. 00:02:28
Podemos subir aquí la imagen de la infografía y coger los colores que queramos 00:02:39
O podemos coger un color de la pantalla 00:02:45
Pulsamos aquí, le damos y vamos a coger el color este 00:02:49
Pinchamos, esperamos un poquito y ya nos sale el color 00:02:55
Cogemos el color, le damos aquí 00:03:04
Vemos que si hubiéramos usado la letra blanca no cumpliría todos los estándares 00:03:12
Solo el nivel AA para letras mayores de 18 puntos 00:03:26
Pero hemos usado el negro 00:03:31
Vemos para el negro no se cumple el nivel AAA 00:03:34
Porque el color este que hemos usado es demasiado oscuro 00:03:45
Y hasta aquí este vídeo, espero que les sea de utilidad 00:03:49
Idioma/s:
es
Idioma/s subtítulos:
es
Autor/es:
Camino Pardo de Vega
Subido por:
M.del Camino P.
Licencia:
Reconocimiento
Visualizaciones:
14
Fecha:
23 de junio de 2023 - 9:19
Visibilidad:
Clave
Centro:
IES CLARA DEL REY
Duración:
04′ 08″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
14.18 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid