El contrate también se mide - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
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.
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:
- Idioma/s subtítulos:
- 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