Share
Empecemos planteando algunas preguntas..
Una guía de estilo es un documento de diseño que se puede usar para establecer un conjunto de estándares al armar colaterales o interfaces de usuario para un negocio, básicamente cualquier producto o artefacto producido para el negocio..
Se puede crear una guía de estilo para un desarrollador, para que conozcan los detalles específicos sobre qué construir, o un diseñador para que entiendan las consideraciones de diseño y el panorama general. También puede usarse más ampliamente en una organización para brindar orientación y claridad al crear nuevos documentos..
La accesibilidad es asegurar que sus diseños sigan un estándar compartido y que sean accesibles a una gran variedad de personas, como aquellas con discapacidades físicas o cognitivas..
Una guía de estilo es una excelente manera de autoafirmar la coherencia a través de sus diseños. Se asegura de tener una base sólida para trabajar. Cuando hablamos de guías de estilo, normalmente pensamos en la integridad del logotipo, la tipografía y el color. Pero ¿qué pasa con la accesibilidad? Considere los siguientes casos para usar una guía de estilo de accesibilidad:
Una guía de estilo da dirección. Por ejemplo, en lugar de tener que armar una maqueta perfecta de píxeles cada vez que diseñe un formulario, es posible que un desarrollador prefiera consultar una guía de accesibilidad para decidir cómo construirla. Al establecer pautas de accesibilidad, puede incluir instrucciones sobre qué tipos de control de formulario usar y cuándo.
SEO es otra razón por la cual los diseñadores deben ser conscientes de la accesibilidad. Por ejemplo, colocar texto dentro de una imagen significa que los lectores de pantalla no podrán acceder a ella y Google penalizará su sitio web por tener contenido mal marcado. Hacer que su sitio web sea accesible tiene el resultado positivo adicional de ayudar a SEO.
La accesibilidad es una gran parte de UX; después de todo, no todos experimentarán un producto de la misma manera. Los colores contrastantes pueden dirigir al usuario a través de un flujo intencional, pero alguien que no pueda distinguir esos colores contrastantes puede encontrar la experiencia poco intuitiva. Anticipar los impedimentos de usabilidad y planificarlos en una guía de estilo de accesibilidad es una buena práctica.
Transferencia es un ejemplo perfecto de cuándo buscaría usar una guía de estilo de accesibilidad. Es posible que esté trabajando por contrato y esté tratando de amarrar las cosas al próximo contratista o agencia que venga a ocupar el lugar donde lo dejó. Proporcione a la siguiente línea de trabajadores una idea de su pensamiento desde la perspectiva de la accesibilidad.
Las formas tienen una serie de heurísticas o reglas generales asociadas con la accesibilidad. Cómo se construye un formulario es muy importante. ¿Cuándo fue la última vez que incluyó un elemento con un ? Los detalles de marcado como este son realmente útiles para las tecnologías de asistencia.
Hablando visualmente, podría considerar la proximidad de las etiquetas para formar entradas. Otro ejemplo tal vez la alineación y cómo se renderizan en el móvil..
El tamaño del objetivo táctil es muy importante. En dispositivos móviles y tabletas, el usuario debe tener la cantidad óptima de espacio para seleccionar un elemento de botón. Si es demasiado pequeño, es probable que piensen que el sistema se está retrasando o que el enlace no esté funcionando. Lo ideal sería que un objetivo tuviera aproximadamente 44 puntos de alto y ancho, para que pueda ser golpeado con precisión con un dedo..
¿Hay suficiente contraste de color en los elementos de tu página? ¿El texto es legible contra ciertas fotos? Es importante tener esto en cuenta ya que muchas personas sufren problemas de visión o son ciegas al color de alguna manera.
El texto pequeño es otro tema común, especialmente para las personas mayores. Los desarrolladores deben diseñar las interfaces de usuario para que sean flexibles, de modo que los usuarios que tienen problemas para leer el texto puedan acercarse y alejarse. Si está diseñando para una aplicación, desea crear un diseño que se ajuste a la pantalla del dispositivo. Los usuarios deben evitar cualquier control donde el usuario necesite hacer zoom o desplazarse horizontalmente.
Además, el tamaño del texto debe ser de un mínimo de 11 puntos, para que sea legible. Lo ideal es que el usuario promedio evite la necesidad de acercar y alejar la imagen para leer el contenido..
La degradación elegante se refiere a la eficacia con la que funciona su producto cuando alguien tiene una conexión más lenta, un tamaño de pantalla diferente, una resolución diferente, un navegador diferente o incluso restricciones en su navegador. El conocimiento de estas restricciones y limitaciones puede ayudar a su organización a determinar si las audiencias aún pueden acceder a su contenido con cualquiera de estas restricciones impuestas. La mayoría de los fracasos no son sorpresas impactantes. Son eventos predecibles que puede planear, en lugar de desecharlos como raros accidentes impredecibles.
Si está realizando una evaluación de usabilidad, puede utilizar lo que ha observado; Los problemas de accesibilidad en todo su sistema pueden ayudar a delinear las reglas de accesibilidad en su guía de estilo. Por ejemplo, si ha estado utilizando métricas de prueba, como errores críticos, y observa que se están produciendo debido al contraste de color, los problemas de tamaño del toque o cualquier otro problema de accesibilidad, inclúyalo en su guía de estilo de accesibilidad. Es más probable que los ejemplos altamente relevantes le den más credibilidad a su documento y la participación de los interesados.
Las guías de estilo son un lugar común. Las guías de estilo de accesibilidad no son tan comunes, pero no deben pasarse por alto. De hecho, pueden ser críticos en algunos casos. Sin embargo, también son beneficiosos cuando se piensa en la experiencia general del usuario. El contraste de color, el tamaño del objetivo táctil y los elementos de formulario son todos posibles problemas si no se ejecutan correctamente.
Accentsconagua