anuncios

Si está trabajando en proyectos de diseño web, se deduce que la accesibilidad web debe ser una de sus consideraciones principales para la experiencia del usuario. Ya sea que mejore las páginas para los usuarios con discapacidad visual o garantizando que sus referencias de la página web sigan siendo efectivas en dispositivos móviles, el único color puede ser el único obstáculo entre usted y un diseño realmente accesible e inclusivo.

uno de los más Las consideraciones importantes son la relación de contraste, o la relación de luminancia entre elementos claros y oscuros (más a menudo el texto) en su diseño. Los usuarios que sufres de ciertas deficiencias cognitivas pueden necesitar un texto menos contrastante, mientras que los lectores con discapacidad visual pueden necesitar una interfaz de usuario muy contrastante en el diseño visual que consumen.

de manera similar, el daltonismo también es una consideración que requiere la atención de cualquier atención. Diseñador que implementa un proceso de diseño dirigido a un diseño justo y accesible.

La buena noticia es que hay un asa. De herramientas de bajo costo, incluso gratis, listado por Dribbble, que puede ayudarlo a conocer mejor el diseño Para todos, y cómo puede ayudar a las personas a vivir bastante el diseño que creas.

contraste

Contraste es una aplicación MACOS que ofrece a los diseñadores de manera, como su nombre sugiere, a inmediatamente. Mida la relación de contraste de las opciones de color para garantizar que cumplan con las directrices de accesibilidad de contenido web (WCA GRAMO). Una aplicación diseñada para comentarios inmediatos sin ser una carga para su flujo de trabajo de diseño, el contraste también proporciona una guía en su sitio que actúa como una guía introductoria de algunos de los estándares de accesibilidad WCAG.

La aplicación actúa como un Barra de menú pequeña que puede integrar en cualquier software de diseño que usa, o mover la barra de menú alrededor de su escritorio para usarlo como una ventana flotante en cualquier otro lugar de su pantalla.

Color-safe

Si está buscando una opción en el navegador, Color Safe es una herramienta web que permite a los diseñadores generar paletas de colores basadas en estándares de WCAG para la relación de contraste. Simplemente seleccione el color de fondo, la familia de fuentes, el tamaño y el peso de las fuentes de su proyecto, más el estándar WCAG que intenta alcanzar, y el color, generará paletas que puede comparar la relación de contraste.

Tanaguru Contrast-Finder

TANAGURU Contrast-Finder es una herramienta web fácil que le permite ingresar simplemente Sus colores de primer plano y sus antecedentes preferidos (en RGB o código hexadecimal) para controlar la relación de contraste de su patrón. La herramienta le permite seleccionar la relación de contraste mínimo deseado mientras se genera una lista de colores adyacentes para evaluar.

Estas alternativas también se suministran con muestras en uso de tamaños de texto, diferentes ratios de peso y contraste, lo que le da Una idea de los colores y las opciones de texto que no solo serán más accesibles, sino que se ajustarán perfectamente a su diseño global.

Con complementos para Adobe XD, FIGMA y SKETCH, STARK es un complemento que ofrece una secuencia de herramientas para promover estándares de diseño accesible e inclusivo, directamente del software con el que los diseñadores ya están trabajando. La herramienta de control de contraste de Stark permite a los diseñadores verificar que su tipografía y el tamaño de la fuente, junto con los colores de fondo o los visuales de soporte de diseño, ofrecen la legibilidad necesaria y un contraste suficiente para armonizar las directrices de accesibilidad.

en prima, Stark también ayuda a resolver otros problemas de accesibilidad, incluido el daltonismo. La aplicación permite a los diseñadores visualizar su trabajo en la simulación del daltonismo y realizar cambios en su sistema de diseño.

espectro

Spectrum es también una herramienta gratuita que puede ayudarlo a diseñar sus productos pensando en los daltonianos.La extensión gratuita de Google Chrome desarrollada por Yehor Lvivski, Spectrum también permite a los diseñadores probar directamente sus sitios en un rango de más de ocho versiones diferentes de deficiencias de la visión de color, que incluyen un rango de daltonismo de color rojo-azul rojo y azul.

Con más de 200 millones de personas con discapacidad visual en el mundo, la accesibilidad de la Web debe ser una consideración clave en todos los procesos de diseño. Ahora que tiene aplicaciones prácticas en su caja de herramientas, ¡es su turno de ir y hacer una web un lugar más accesible a todos!

a través de DRIBBBB

? Compartir, repartir ! :

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *