Womuk-agencia-logo

6 maneras fáciles de hacer que su interfaz de usuario sea más accesible

Contenido:

No hay duda de que los productos digitales han revolucionado el mundo. En nuestra vida hemos llegado a ver el acceso a Internet declarado un derecho humano.

Siempre estamos a solo unos clics de distancia de información aparentemente interminable. Podemos hacer de todo, desde pagar nuestros impuestos y pedir comida, hasta interactuar con nuestros gobiernos y obtener un título en línea. A pesar de esto, no todas las experiencias digitales son accesibles.

Si bien muchos consideran que las personas con discapacidad son un pequeño subconjunto de sus usuarios, esto es un mito. Casi 1 de cada 5 estadounidenses tiene una discapacidad. El 54% de los estadounidenses con discapacidades se conectan a Internet. Afortunadamente, el mundo está comenzando a reconocer que la web debe diseñarse para todos.

Un sitio web accesible es uno que está diseñado y codificado, las personas con discapacidad pueden usarlo. Es importante que los diseñadores piensen en la accesibilidad cuando trabajan para crear interfaces y experiencias de usuario intuitivas.

Actualmente, solo los sitios web del sector público deben cumplir con Pautas de accesibilidad del contenido web 2.0, que hace que los sitios web cumplan con estándares de accesibilidad similares a los establecidos para el entorno construido. En el próximo año, y en los próximos años, veremos presión sobre el sector privado para que comience a cumplir.

La Fundación de Diseño de Interacción explica que hay cinco áreas clave de usabilidad a considerar: visual, motora/habilidad, auditiva, convulsiones y aprendizaje. Hay personas de todos los orígenes que usan su sitio o aplicación y esperan encontrar lo que buscan tan rápida y fácilmente como lo haría cualquier otra persona.

Aquí hay algunas cosas para hacer que su sitio web sea más accesible.

Permitir a los usuarios cambiar el tamaño de las páginas y el contenido

Los usuarios están viendo su producto desde varias pantallas en muchos dispositivos diferentes. Disfrutamos creando experiencias en las que los usuarios pueden cambiar el tamaño del contenido para ajustarlo a sus necesidades. Imagine este escenario: un usuario ingresa información en un campo y la página se acerca automáticamente al campo. En esta posición, el usuario debe tener la capacidad de alejar o acercar para asegurarse de la acción que está realizando. Hacer que esto sea fácilmente factible crea una experiencia perfecta.

Haga que la barra de búsqueda sea fácil de ubicar y usar

Como discutimos en nuestra presentación de tendencias 2019 Para el Reunión de cerveza y UXuna barra de búsqueda destacada y fácil de usar es algo que las grandes marcas están haciendo un buen uso.

Un objetivo común de la experiencia del usuario es minimizar el esfuerzo necesario para que el usuario complete una tarea, como limitar la cantidad de clics necesarios para ingresar información en una barra de búsqueda. Por ejemplo, en la plataforma de transmisión Tidal, un clic en el símbolo de búsqueda no solo lo lleva a la página de búsqueda, sino que también abre el teclado para que pueda escribir su consulta.

En lugar de dos clics (haga clic en el ícono de búsqueda, haga clic en la barra de búsqueda), anticipa que desea buscar información y tiene el teclado abierto automáticamente.

Agrega texto alternativo a cada imagen

Los beneficios de las etiquetas alt se extienden más allá del SEO. El texto alternativo facilita que las personas con discapacidades visuales comprendan sus imágenes. Esto es especialmente importante para las imágenes que no son puramente decorativas.

De acuerdo a Moz, el texto alternativo debe ser breve. Debido a que la mayoría de los lectores de pantalla recortan el texto en aproximadamente 125 caracteres, es recomendable mantenerlo en ese número o por debajo de él. Instagram hecho titulares en 2018 cuando finalmente introdujeron una función de texto alternativo en su plataforma. Este movimiento, entre otros, fue una señal temprana de que la interfaz de usuario accesible no es una tendencia, es estándar.

Usar encabezados de sección

Al igual que un libro o un letrero de calle, se espera que los productos digitales entreguen información de una manera que organice, guíe y lleve al usuario al siguiente paso.

Los títulos de las secciones, como un subtítulo en un blog o en la parte superior de una página, ayudan a los usuarios a recordar lo que están leyendo. En una encuesta WebAIM, El 67% de los encuestados dijo que prefería navegar por los encabezados. en la pagina. Este hallazgo obtuvo una clasificación más alta que usar la función «buscar», navegar a través de los enlaces de la página y leer toda la página.

Usa el contraste de colores

Quizás un elemento pasado por alto, usar el contraste de color correcto para garantizar la máxima legibilidad es clave para hacer que su interfaz de usuario sea más accesible. Hay momentos en los que encontrará que su texto no tiene suficiente contraste con el fondo o el tamaño de su letra no complementa su contraste. Cuando busque hacer que los colores sean más accesibles, use los siguientes recursos para saber que lo está haciendo bien. Nos encantan los recursos que incluyen El sitio de Kevin Gutowski, Objetivo weby aplicación de contraste.

De esta manera, se considera a los usuarios que tienen dificultades para encontrar elementos del menú: saber sobre qué pestaña se desplazan y comprender dónde se encuentran en el sitio. Una posible solución es cuando un usuario se desplaza sobre el elemento del menú en una página, el lector de pantalla lee en voz alta ese botón en particular al leer el texto del enlace.

Intuitivamente, el usuario hace clic en este elemento y es llevado a la página de su elección. Tambien es recomendado para proporcionar tamaños generosos para las áreas en las que se puede hacer clic, no menores de 44 px por 44 px. La navegación por el menú es una de las más importantes de cualquier sitio, independientemente del caso de uso. De forma similar al uso de texto alternativo para incluir descripciones de imágenes, los textos de enlace pueden ayudar con los elementos relacionados con la navegación del usuario.