Dentro del cúmulo de novedades que Chrome Developer Tools nos suele traer cada seis semanas, queremos destacar esta fabulosa característica que nos permite analizar las deficiencias en la visión humana..
👀 Chrome Developer Tools nos permite analizar las deficiencias en la visión humana. Protanopia, Deuteranopia, Tritanopia, Acromatopsia, Visión borrosa.
Junto a la concientización mundial que se realiza por redes sociales bajo el hashtag #a11y(Accessibility), Google Chrome continúa sumando herramientas que permitan a los desarrolladores potenciar su trabajo, contemplando todos los públicos posibles. En esta oportunidad, de la mano de Chrome Developer Tools, llega un set de características que nos permitirán testear nuestras Web Apps y PWA, para entender cómo ven nuestros proyectos web, aquellas personas que tienen deficiencias en la visión.
Qué podemos testear
Esta nueva característica nos permite testear algunas deficiencias en la visión más comunes, que poseen determinadas personas. Entre las que se encuentran:
- Protanopia
- Deuteranopia
- Tritanopia
- Acromatopsia
- Visión borrosa
Protanopia
Es la incapacidad de percibir la luz roja.
Deuteranopia
Es la incapacidad de percibir la luz verde.
Tritanopia
Es la incapacidad de percibir la luz azul.
Acromatopsia
Es la incapacidad de percibir cualquier color, excepto la gama de grises. Esta característica es muy extraña, pero suele haber algunos casos en el mundo.
Visión borrosa
Incapacidad para poder ver de forma nítida el contenido.
Cómo realizar los tests
Simplemente debemos asegurarnos de tener instalado o actualizado Google Chrome versión 83 (o superior). Luego de ello, activamos las Herramientas para el Desarrollador y desplegamos el menú de la pestaña inferior. Allí encontraremos la opción Rendering, que nos abrirá el apartado correspondiente y, dentro de éste, la opción de testing para estas alteraciones visuales.
Microsoft Edge Chromium
Si utilizas Edge para los testeos, asegúrate de que sea también la versión 83. Allí puedes realizar los mismos pasos que en Chrome, pero ubica como punto de menú la opción Representación, ya que Microsoft Edge tiene traducido el apartado de Lighthouse.
Si gustan informarse más sobre el tema, les compartimos un artículo más detallado sobre la alteración de la visión, de la Organización Colour Blind Awareness.
Si tienes dudas, deja un comentario para que entre todos podamos ir mejorando.
Espero que os haya gustado y gracias por leerlo! 😝
Para dejar tu comentarios debes pertenecer a la Comunidad.