Estás leyendo la publicación: Cómo aprovechar al máximo la accesibilidad, legibilidad y usabilidad del sitio web
De acuerdo con la Organización Mundial de la Salud, al menos 2.200 millones de personas en todo el mundo tienen algún tipo de discapacidad visual. Basado en el Estadísticas de discapacidad de EE. UU. para el año 2017, se estima que el 2,3% de la población de los EE. UU. (lo que equivale a 7,543 millones de personas) ha informado de una discapacidad visual. Una gran parte de la población con discapacidad visual utiliza un lector de pantalla para acceder y consumir contenido digital. Sin embargo, no todos los usuarios de lectores de pantalla tienen una discapacidad visual. Algunos usuarios tienen otro tipo de discapacidades como discapacidades motoras y cognitivas.
¿Qué tienen que ver todas estas estadísticas con un empresario como tú? Según una investigación, aproximadamente 1 de cada 5 estadounidenses no puede usar productos digitales debido a una discapacidad. Además, los clientes discapacitados representan el 10 % del gasto total en línea. Además, el 70% de ellos abandonará su sitio web si les resulta difícil de usar. Para el dueño de un negocio, eso es una pérdida de ganancias en más de un sentido. No solo va a perder clientes, sino que puede estar en peligro de una demanda. Por estas razones, los dueños de negocios deben asegurarse de que su sitio web y sus productos digitales sean legibles, utilizables y accesibles para todos, independientemente de sus habilidades.
¿Qué es la legibilidad del sitio web?
La legibilidad se refiere a la calidad de su escritura. Es una medida de qué tan fácil es leer su texto. El texto altamente legible incluye contenido que las personas pueden entender fácilmente. La legibilidad es baja si las personas tienen dificultades para entender la idea que su oración está tratando de transmitir. Por ejemplo, ¿alguna vez ha tenido que releer una oración una y otra vez? Si bien sabe lo que significa cada palabra en la oración, todavía tiene dificultades para entender lo que el escritor está tratando de decir. Este es un ejemplo de texto que no es legible para todos.
La legibilidad del sitio web mide la facilidad con la que los visitantes pueden Lea y entienda el texto de su sitio web. Los elementos de la legibilidad del sitio web son la legibilidad (p. ej., el tipo de fuente, el color, la altura de la línea, etc.) y el contenido (p. ej., la complejidad de las palabras utilizadas y la sintaxis). ¿Porque es esto importante? Bueno, los humanos tienen la capacidad de atención de un mosquito, o al menos eso se siente. Según un estudio realizado por Microsoft en 2013, la capacidad de atención promedio de un ser humano es de ocho segundos, que es un segundo menos que la de un pez dorado. En el mundo digital acelerado de hoy, esperamos que este número sea aún más bajo.
Si desea convertir visitantes en clientes, debe asegurarse de que puedan comprender su contenido rápida y fácilmente. Si no puede captar su atención y conectarse con ellos, se trasladarán a otra persona. El contenido web fácil de leer y digerir debe ser una prioridad para todos los propietarios de negocios que tienen presencia en línea. De lo contrario, está alentando a sus posibles clientes a pasarse a un competidor.
Puntuación de legibilidad y lo que significa
Una puntuación de legibilidad es una medida de lo fácil que será para alguien leer tu texto. El puntaje de legibilidad le indica el nivel de grado que alguien debería haber alcanzado para poder comprender fácilmente el contenido de su texto. Hay muchos sistemas de puntuación como el Puntaje de facilidad de lectura de Fleschel nivel de grado de Flesch-Kincaid, la fórmula de legibilidad del gráfico de Fry, el índice de niebla de Gunning y el nivel SMOG (Medida simple de Gobbledygook).
Si bien los sistemas de puntuación usan fórmulas diferentes, basan sus cálculos en algunos principios comunes, como:
- Las oraciones más cortas son más legibles.
- Las palabras más cortas son más fáciles de entender.
- Las palabras más comunes son más fáciles de leer.
¿Qué hace la puntuación de legibilidad por usted? El puntaje de legibilidad de su texto le indica si su público objetivo lo encontrará fácil de leer. En los EE. UU., por ejemplo, la mayoría de los consumidores se sienten cómodos leyendo textos que se encuentran en el nivel de lectura de séptimo u octavo grado. Esto significa que si tiene un público objetivo amplio, debe asegurarse de que los niños de 11 a 13 años entiendan fácilmente su texto. Con un puntaje de legibilidad, puede medir más fácilmente la calidad de su escritura y saber si puede o no esperar que su público objetivo entienda claramente su contenido web. En pocas palabras, un buen puntaje de legibilidad significa que su contenido es legible por más personas.
4 imprescindibles para una buena puntuación de legibilidad
- Ve directo al grano.
Según Nielsen Norman Group, su contenido se somete a un análisis de costo-beneficio cada vez que las personas comienzan a leerlo.Costo: ¿Cuánto tiempo y esfuerzo tengo que usar para leer este contenido?
Beneficios: ¿Qué gano si leo el contenido de este sitio web?Si el costo percibido es mayor que los beneficios percibidos, las personas terminarán abandonando su sitio web. Para asegurarse de que los beneficios superen el costo, debe asegurarse de que sus lectores puedan ver rápidamente el valor que está brindando. Para hacer eso, puedes usar el estilo de Redacción de Pirámide Invertida.
El estilo de redacción de pirámide invertida es donde comienza con la conclusión (es decir, su punto principal) y luego lo desglosa en detalles específicos. Las personas encuentran el contenido más fácil de leer si ya conocen la idea básica. Además, pueden decidir por sí mismos si quieren aprender más leyendo los detalles.
- Utilice palabras claras, palabras que sean familiares para sus usuarios.
Evite el uso de palabras elaboradas o inventadas. Las palabras que se usan todos los días son mejores porque eso es lo que saben sus clientes. No intente sonar grandioso, emocionante o incluso políticamente correcto como “experiencia de viaje con problemas visuales” o “experiencia de viaje económica”. Esas no son palabras que los clientes usan para definir sus necesidades. No verá a las personas buscando en Internet usando esas palabras, por lo que tampoco ayudarán a su optimización de motor de búsqueda (SEO). La mayoría de las personas escribirían “lugares de vacaciones baratos”, “ciegos” o “con poca visión”. Esas palabras no solo son más precisas, sino que también hacen que su contenido sea más accesible. - Escribe en voz activa.
Las oraciones escritas en voz activa son más simples, cortas y fáciles de leer. Los verbos de acción y la voz activa también hacen que su contenido suene más atractivo y persuasivo. Las oraciones escritas en voz pasiva, por otro lado, suenan más largas y académicas. Como resultado, a los lectores les puede resultar difícil leer su texto. - Garantizar la legibilidad.
Hay muchas cosas que puede hacer para asegurarse de que las personas puedan ver, distinguir y reconocer las palabras en la copia de su sitio web. A continuación se muestran algunos de ellos:
- Utilice un tamaño de fuente predeterminado grande (16 píxeles o más) y permita que los usuarios puedan cambiarlo.
- Elige una tipografía limpia. Asegúrate de usar una fuente que sea fácil de leer.
- Usa un alto contraste entre tu texto y el fondo.
- Elija una altura de línea que sea al menos 1,5 veces el tamaño de la fuente.
- Use encabezados y listas con viñetas, si es posible, para que su contenido sea escaneable.
Señales de un sitio web usable
Según el oficial Norma ISO 9241-11, la usabilidad se define como “la medida en que un producto puede ser utilizado por usuarios específicos para lograr objetivos específicos con eficacia, eficiencia y satisfacción en un contexto de uso específico”. Para decirlo en términos simples, la usabilidad se refiere a qué tan fácil es acceder y usar un producto o sitio web. Una interfaz utilizable es:
- Fácil de navegar para los usuarios
- Fácil para que los usuarios logren su objetivo usando la interfaz
- Fácil para que los visitantes recuerden cómo usar la interfaz si la visitan nuevamente
¿A qué parte de un sitio web afecta la usabilidad?
La norma ISO 941-11 oficial también define la usabilidad del sitio web como la “medida de la eficacia, la eficiencia y la satisfacción con la que un usuario puede lograr sus objetivos en un sitio web”. En pocas palabras, la usabilidad web se refiere a qué tan fácil de usar es un sitio web. Considere estos diversos factores que afectan la usabilidad de un sitio web:
- Accesibilidad
Un sitio web accesible es un sitio web que todos pueden usar (es decir, navegar, interactuar, comprender) independientemente de su capacidad. - Sensibilidad
Un sitio web receptivo es un sitio web que permite la visualización y la interacción en una amplia gama de dispositivos. - Contenido
El contenido utilizable incluye un sitio web que ofrece respuestas claras y texto fácil de leer y comprender. - Disposición
Un diseño limpio permite a los visitantes encontrar rápida y fácilmente lo que buscan en un sitio web utilizando herramientas como un menú de navegación, encabezados y botones. - Tiempo de tarea
Un sitio web utilizable permite a las personas completar sus objetivos lo más rápido posible.
Le recomendamos que realice una prueba de usabilidad para ver cómo está funcionando su sitio web. Anote y realice las mejoras recomendadas según sea necesario.
Cómo crear la mejor experiencia de usabilidad para tus usuarios:
La facilidad de uso de su sitio web determina si será o no un favorito de los usuarios. Para mejorar la usabilidad de un sitio web, implemente los siguientes consejos:
Observe su demografía, geo, edad y otros datos
Puede pensar que el diseño de su sitio web es bueno, pero eso no significa que sus usuarios sientan lo mismo. Las experiencias de los usuarios diferirán según la cultura, la edad, los antecedentes, etc. Estos datos demográficos influirán en la percepción de los usuarios sobre la funcionalidad y la facilidad de uso de su sitio web. Una comprensión profunda de quién es su público objetivo ayudará a garantizar que el diseño de su sitio web resulte en una experiencia de usuario positiva para ellos.
Aparte de la funcionalidad y la facilidad de uso, los datos demográficos también pueden influir en la “legibilidad” de su contenido, así como en lo interesante que será para su público objetivo. Si comprende los intereses y expectativas de su audiencia, podrá escribir contenido que no solo sea fácil de entender sino también atractivo. ¿Cómo observa la demografía de su mercado objetivo? Puede encontrar fácilmente la ubicación, la edad, etc. a través de Google Analytics o hojeando en línea bases de datos de registros publicos.
Investigue su contenido y enlaces internos
Una forma de establecer confianza y construir una relación con tus usuarios es a través de tu contenido. Esto significa que usted necesita para hacer su investigación. No es suficiente que hagas que tu texto sea legible e interesante. Debe asegurarse de que su contenido sea creíble y proporcione valor. El contenido de alta calidad es clave para establecer la confiabilidad de su sitio web.
La vinculación interna también es crucial para crear la mejor experiencia de usabilidad para sus usuarios. ¿Qué es? La vinculación interna es cuando vincula una página de un dominio (es decir, su sitio web) a otra página dentro del mismo dominio. Hay muchas ventajas en la construcción de enlaces internos, una de las cuales es la usabilidad. Estos enlaces pueden ayudar a sus usuarios a navegar por su sitio web, dirigiéndolos hacia contenido relacionado que podría interesarles.
Accesibilidad del sitio web
La accesibilidad web se basa en la idea del diseño universal. Todos los sitios web, herramientas digitales y tecnologías deben diseñarse y desarrollarse de tal manera que todos, incluidas las personas con discapacidad, puedan acceder a ellos y utilizarlos.
Leyes y estándares de accesibilidad que debes tener en cuenta
ADA
ADA es la abreviatura de la Ley de Estadounidenses con Discapacidades de 1990. Esta es una ley de derechos civiles que protege a las personas con discapacidades de la discriminación en todas las áreas de la vida pública, como el empleo, el transporte y las escuelas. Su objetivo es garantizar que las personas con discapacidad disfruten de los mismos derechos, acceso y oportunidades que todos los demás. Debido a que muchos aspectos de la vida ahora se llevan a cabo en línea (es decir, empleo, compras, educación), la ADA ahora cubre sitios web y productos digitales. ejecutar un auditoría ADA del sitio web para conocer las mejoras y actualizaciones que necesita su sitio web.
Sección 508
La Sección 508 de la Ley de Rehabilitación establece que todas las agencias gubernamentales en los EE. UU. deben garantizar que cualquier TIC (tecnología de la información y las comunicaciones) adquirida, desarrollada o mantenida sea accesible para todos, incluidos los empleados federales. Toda la información y los recursos que estas agencias ponen a disposición del público deben ser accesibles a las personas con discapacidades. Además, cualquier agencia que reciba fondos federales también debe proporcionar contenido web accesible.
VPAT
El Plantilla voluntaria de accesibilidad del producto o VPAT es un documento proporcionado por un proveedor de tecnología electrónica e informática (EIT). Muestra un análisis completo del producto basado en los estándares de accesibilidad establecidos en la Sección 508 de la Ley de Rehabilitación. Los compradores utilizan este documento para evaluar el cumplimiento de los productos y servicios digitales antes de realizar su compra.
WCAG
El Directrices de accesibilidad del contenido web proporcionar una amplia gama de recomendaciones sobre cómo hacer que el contenido web sea accesible para las personas con discapacidad. La guía fue escrita por la Iniciativa de Accesibilidad Web (WAI) del Consorcio World Wide Web (W3C), que es la principal organización internacional de estándares de Internet. WCAG ha sido objeto de varias revisiones: WCAG 2.0, 2.1 y 2.2. Esperamos que la versión más reciente, WCAG 2.2, se lance durante 2020 con las siguientes adiciones y cambios:
- Nuevo criterio de éxito: enfoque visible (mejorar) que se relaciona con el enfoque visible del teclado
- Los criterios de éxito en WCAG 2.2 ya no se agruparán según el nivel de conformidad. Los nuevos criterios de éxito se colocarán al final del conjunto de criterios de éxito dentro de su directriz para evitar confusiones para aquellos que requieren compatibilidad con versiones anteriores de WCAG.
Imprescindibles en accesibilidad web
Habilitar la navegación con teclado para el diseño web
No todos pueden usar un mouse para navegar por Internet. Las personas con ciertas discapacidades, como las personas con discapacidad motora o los usuarios ciegos que usan lectores de pantalla, deben usar el teclado. Para garantizar la accesibilidad web, debe asegurarse de que todos los elementos interactivos de su sitio web sean accesibles para los usuarios que solo usan teclado. Estos incluyen menús desplegables, botones, cuadros de diálogo, etc.
Priorizar la claridad del texto
La legibilidad, como ya hemos mencionado, es importante para garantizar la accesibilidad. Asegúrese de que todos sus usuarios lean y entiendan fácilmente su texto. Esto incluye asegurarse de que cada letra de su texto se distinga mediante el uso de un tipo de letra limpio, un tamaño de fuente grande y un alto contraste entre el texto y los colores de fondo.
No confíes exclusivamente en el color
El color es una gran manera de comunicar la funcionalidad. Sin embargo, entre el 5% y el 10% de la población mundial tiene algún tipo de daltonismo. Para asegurarse de que estas personas puedan percibir la misma información, debe incluir etiquetas que expliquen ciertas funciones. Un buen ejemplo es cuando desea informar al usuario que ha cometido un error en uno de los campos de entrada de su formulario de contacto. En lugar de solo resaltar el cuadro con rojo, también debe incluir una etiqueta como un signo de exclamación o un texto descriptivo que explique el error.
Ordenar contenido en HTML para lectores de pantalla
Los lectores de pantalla “leerán” cada elemento que se encuentre en una página web, lo que puede volverse tedioso y frustrante. Imagínese esperar a que el lector de pantalla termine de leer todos los elementos interactivos que normalmente se encuentran en la parte superior de un sitio web, como un menú de navegación, antes de que pueda “leer” el contenido que le interesa. cada página de su sitio web, desarrolladores organizar el código del sitio web para que sea más compatible con los lectores de pantalla. Por ejemplo, agregar un enlace de omisión antes del menú de navegación permite al usuario omitir los enlaces del menú de navegación si lo desea.
Texto explicativo del enlace
“Haga clic aquí”, “leer más” y otros textos de enlace similares pueden estar bien para la mayoría de los usuarios. Sin embargo, para los usuarios de lectores de pantalla, puede causar mucha confusión. Les resulta difícil distinguir un vínculo de otro. Como resultado, no pueden navegar fácilmente por su sitio web ya que no están seguros de adónde lleva cada enlace. Para que su sitio web sea más accesible, use un texto de enlace descriptivo.
Aria-etiquetas
La etiqueta aria es un atributo que le permite adjuntar una etiqueta a un elemento HTML que no tiene una etiqueta de texto visible en la pantalla. Este atributo se utiliza para ayudar a las tecnologías de asistencia, como los lectores de pantalla. Por ejemplo, cuando la mayoría de las personas ven el botón “x”, saben que al hacer clic en él se cerrará el cuadro de diálogo o la página web. Para una persona con discapacidad visual que use un lector de pantalla, solo escuchará la letra “x” sin saber cuál es la función. Agregar una etiqueta aria descriptiva al elemento permite que un lector de pantalla describa el propósito del enlace para que el usuario sepa qué hará la “x”.
Use un área de 44×44 píxeles en la que se pueda hacer clic para los controles táctiles
Según las WCAG, el tamaño ideal del área en la que se puede hacer clic es de 44×44 píxeles. ¿Qué quiere decir esto? Cuando tiene controles táctiles, como un botón de cierre, una pequeña área en la que se puede hacer clic puede ser frustrante para algunos usuarios cuando intentan hacer clic en el botón y no sucede nada. Estos usuarios incluyen personas que usan tecnologías de asistencia y aquellos con dedos más grandes. Con un área táctil más grande, todos los usuarios podrán interactuar con él. Más importante aún, les llevará menos tiempo interactuar con el elemento.
Declaración de accesibilidad
Una declaración de accesibilidad informa a sus usuarios sobre los pasos que ha tomado su empresa para garantizar la accesibilidad para todos. Esto incluye los objetivos y las políticas que su empresa ha implementado para asegurarse de que el sitio web cumpla con la ADA.
Combinando todas estas técnicas en una combinación estrella para un negocio de comercio electrónico exitoso
Hemos repasado mucha información sobre legibilidad, usabilidad y accesibilidad. ¿Qué significa eso para usted como dueño de un negocio? ¿Cómo los aplica todos para crear un sitio web (o rediseñar uno existente) que le permitirá hacer crecer un negocio de comercio electrónico exitoso? Vamos a dividirlo todo en una serie de pasos.
1. Verifique la usabilidad de la estructura de su sitio web.
- Agrupa tus productos de forma inteligente usando una estructura granular (por ejemplo, por tipo, por género, por edad, etc.).
- Cree todos los filtros y clasificaciones necesarios (p. ej., precio, color, tamaño, etc.) para que a los clientes les resulte más fácil reducir sus selecciones.
- Priorice la capacidad de respuesta asegurándose de que su sitio web esté optimizado para todos los dispositivos.
- Evite las páginas 404 y 301.
2. Compruebe la legibilidad de su sitio web.
- Elija la fuente correcta.
- Utilice un lenguaje sencillo, palabras con las que su audiencia esté familiarizada.
- Consulte con un especialista en marketing para asegurarse de que utiliza sus botones de llamada a la acción (CTA) activos de manera efectiva.
3. Verifique la accesibilidad de su sitio web.
Asegúrese de que su contenido proporcione valor a todos sus clientes, no solo a algunos de ellos. Use una lista de verificación de accesibilidad para asegurarse de no perderse ninguna de las pautas establecidas por las WCAG. Por ejemplo:
- Asegúrese de tener textos de enlace explicativos.
- Proporcione un enlace a su declaración de accesibilidad en su página de inicio.
- Tenga suficiente contraste entre el texto y los colores de fondo.
- Use un área de 44×44 píxeles en la que se pueda hacer clic para los controles táctiles para que sea fácil hacer clic en ellos.
La legibilidad, la usabilidad y la accesibilidad son elementos esenciales de una gran experiencia de usuario. Si bien hemos enumerado muchos elementos imprescindibles en este artículo que puede seguir, le recomendamos que aún consulte con un profesional confiable.
