Estándares de accesibilidad del sitio web: asegúrese de que su sitio cumpla con las principales pautas del W3C para aumentar el tráfico hasta en un 20%

Es natural que desee lo mejor de lo mejor para su sitio web.

Tiene su contenido ajustado, sus parámetros de SEO optimizados, su sitio web atractivo y lejos de ser aburrido. Tienes un montón de páginas bien diseñadas, con fotografías hechas de forma profesional, múltiples enlaces de fuentes e incluso un menú interactivo. Pero ... ¿su sitio web es accesible?

Probablemente se esté preguntando qué queremos decir con accesible.

¿Queremos decir que se ve bien? ¿Funciona bien? ¿Se relaciona con el público? Si y no.

En términos prácticos, ¿qué significa la accesibilidad del sitio web?

Todo este calvario puede sonar abrumador para usted, pero la buena gente de Internet y muchos centros de estadísticas y encuestas están trabajando día y noche para brindarnos las respuestas más breves.

Por lo tanto, la optimización de la accesibilidad web básicamente significa hacer que su sitio web sea más fácil de comprender y navegar para las personas con discapacidades. Color, sonido y forma son solo algunos de los elementos analizados.

Un desarrollador web y diseñador web bien informado utiliza el llamado W3C (abreviatura de World Wide Web Consortium) y sus pautas de la Iniciativa de Accesibilidad Web para optimizar los sitios web para la accesibilidad.

WAI es casi una ciencia en sí misma, por lo que vamos a abordar las mejores formas de optimizar su existencia web y cumplir con los principales requisitos de accesibilidad web.

¿Por qué la accesibilidad del sitio web debería ser una prioridad?

Bueno, si miramos las estadísticas, tenemos millones de personas discapacitadas en todo el mundo que rara vez utilizan navegadores de sitios web, y eso se debe a que los sitios web simplemente no son accesibles. Agregue a las personas mayores a la mezcla, que a menudo tienen problemas con la vista y el oído, y tendrá toda una población de personas que podrían beneficiarse de un sitio web de diseño accesible.

Para 2060, la población de personas de 65 años o más llegará a casi 100 millones . Y hasta ahora, 57 millones de estadounidenses tienen una discapacidad.

Como si eso no fuera una razón suficiente para hacer que su sitio web sea accesible, aquí hay otro hecho: es posible que el 20 por ciento de la población mundial no esté visitando su sitio web porque no puede acceder a él.

Afortunadamente, tenemos las respuestas a los problemas de accesibilidad de su sitio web.

Cómo mejorar la accesibilidad de su sitio web

Primero, necesita aprender todo sobre la sección 508. Si esta frase no le resulta familiar, se la está perdiendo. Mucho. Pero no se preocupe, es un conjunto de regulaciones que comúnmente se pasa por alto.

En palabras simples, la sección 508 es un conjunto de reglas resumidas en una enmienda que requiere que los sitios web (especialmente los estadounidenses) sigan y cumplan con una amplia gama de estándares y pautas de accesibilidad web. La enmienda requiere que todos los sitios gubernamentales sigan este conjunto de reglas en sus esfuerzos en línea para lograr una T.

Ahora, debe estar pensando: “Mi sitio web es comercial, no es necesario que siga esas reglas gubernamentales”. Pero, debe hacerlo, después de todo, es lo correcto.

Y hay una trampa, como siempre.

El Centro Nacional de Estadísticas de Salud (NHIS) realizó una encuesta para tratar de averiguar cuántas personas en los EE. UU. Tienen problemas para navegar en la web. Este grupo incluía personas con discapacidad y personas mayores.

Resulta que se estima que el 20 por ciento de las personas tienen problemas para navegar por Internet en los Estados Unidos.

Otra encuesta incluso sugirió que las personas con discapacidades tienen tres veces menos probabilidades de navegar por Internet. Eso es enorme.

Probablemente esté empezando a entender ahora: la accesibilidad web es la clave para captar una audiencia más grande y alinearse como una marca que se preocupa.

Principales empresas de comercio electrónico

Pautas de accesibilidad al contenido web

Dado que la tecnología evoluciona constantemente, también lo hacen las formas en que desarrollamos sitios web y todo tipo de servicios en línea. Por lo general, las empresas de comercio electrónico son pioneras en estos cambios. Y junto con estos cambios, las WCAG deben actualizarse en consecuencia.

Proporcionado por W3C, este sistema normativo es un estándar en el desarrollo web. Y nos centraremos en explicar, analizar y mostrar ejemplos de cómo puede utilizar este sistema y optimizar la presencia online de su marca.

WCAG es un documento en vivo que cambia todo el tiempo, pero hay algunas reglas generales que todo desarrollador / diseñador web debe seguir:

• Se debe cumplir con un nivel de calificación de conformidad con A, AA o AAA.
• La página web completa debe cumplir con los estándares, no solo una parte de la página.
• Todas las páginas de procesos relacionados deben cumplir la misma calificación o una superior para que se consideren accesibles (por ejemplo, un proceso de pago de comercio electrónico).
• La accesibilidad debe lograrse mediante el uso de tecnologías compatibles que las WCAG consideren creíbles.
• Es posible utilizar tecnologías que no son completamente accesibles, siempre y cuando el contenido sea accesible con una tecnología diferente (por ejemplo, un video Flash con una transcripción de texto complementaria).

7 estándares de accesibilidad del sitio web para garantizar que su sitio llegue a la mayoría de los consumidores

1. Utilice etiquetas alternativas adecuadas y relevantes en las imágenes

Estamos seguros de que ha encontrado el concepto de Alt Tags en su experiencia de creación de sitios web.

Esencialmente, es una descripción de una imagen que se muestra, y más o menos no es vital para la experiencia del usuario estándar. Ahora, el siguiente consejo es imprescindible para los sitios web de comercio electrónico o sitios web que son principalmente visuales y / o dependen en gran medida de señales visuales.

¿Por qué? Bueno, resulta que las personas con discapacidad visual navegan por la web utilizando algún tipo de lector de pantalla. Ahora, estos lectores de pantalla no pueden leer una imagen en voz alta, por lo que la información que utilizan son sus etiquetas de imagen alternativa.

Sabiendo esto, puede optimizar adecuadamente sus etiquetas para crear frases concisas y comprensibles que tengan sentido cuando se lean en voz alta. Aunque el SEO a veces requiere que mantengamos escaso el contenido de la etiqueta alt, expandirlo para crear frases sensatas no es un gran problema y proporcionará un contexto adicional y, por supuesto, una característica de calidad de vida para las personas con discapacidad visual.

Además, tenga cuidado de no exagerar. Hacer descripciones innecesariamente largas en el texto alternativo puede sofocar el contenido, lo que frustra el propósito. El texto alternativo debe ser breve, conciso y, sobre todo, relevante.

Somos conscientes de que esta parte de la interfaz de usuario y la experiencia del usuario es poco común para la mayoría, pero es tan importante como cualquier otro rasgo que su sitio web traiga con su estilo y sus ganchos visuales.

Pensar detenidamente en el texto alternativo es especialmente importante en el mundo del comercio electrónico. Estos sitios web suelen contener una gran cantidad de imágenes de productos en cada pantalla, por lo que navegar por ellos con un software de lectura de pantalla puede resultar complicado. Ahí radica el dominio de una buena optimización de la accesibilidad del sitio web: ¡la concisión!

La parte más hermosa es que estas palabras no se ven en la pantalla, lo que significa que no hay desorden adicional. Y hace una gran diferencia para muchas personas.

Por lo tanto, sé un buen ser humano y enriquece aún más tus fotos e imágenes con un texto alternativo bien escrito.

Hacer que su sitio web de comercio electrónico sea accesible puede ser muy beneficioso para su negocio. Consulte nuestra lista de agencias de desarrollo de sitios web de comercio electrónico para encontrar la mejor para contratar para este trabajo.

2.Haga de la claridad del texto una prioridad

Las personas con discapacidad visual encuentran que la claridad del texto (o más bien, la falta de ella) es una de las mayores molestias al navegar. La razón es obvia, pero este problema debe abordarse con mayor precaución.

El problema de la claridad del texto es un tema bastante delicado. La razón detrás de este alboroto es el equilibrio entre la elección del estilo de fuente, con fuentes más delgadas que son estéticamente más agradables, pero al mismo tiempo más difíciles de leer y menos comprensibles. Y, por supuesto, el uso o ausencia de serifas.

Un estudio muestra que incluso el uso correcto de las serifas puede afectar significativamente la legibilidad del contenido que está presentando.

Tener el tamaño y peso de fuente correctos es primordial para una optimización de la accesibilidad adecuada. Pero, si por casualidad su sitio web tiene una gran cantidad de información, `recortar` su fuente y hacerla más visible puede mejorar y mejorará la UX para todos.

Ese hecho nos dice que la optimización de la accesibilidad no solo ayuda a las personas con discapacidad a maniobrar en el entorno de Internet, sino que también le ayuda a optimizar su sitio web en un sentido general.

Hay algunas reglas clave que debe seguir para mantener su texto ordenado y legible. Los proporciona el W3C de la siguiente manera:

• El contraste entre el texto y el fondo debe ser 4: 5: 1, mostrando la importancia del color y la utilización del contraste para mejorar la legibilidad.
• El tamaño de fuente debe ser de al menos 16 píxeles. Tenga en cuenta que se accede a su sitio web no solo a través de computadoras, sino también de dispositivos móviles.
• El espaciado entre líneas de texto debe ser de al menos un espacio y medio, según el tamaño del texto. Otro caso que enfatiza la importancia de las proporciones. Como propone W3C, los tamaños y el contraste juegan un papel muy importante aquí.
• El texto nunca se alinea justificado.
• El texto debe poder cambiar de tamaño dinámicamente sin necesidad de que el usuario se desplace horizontalmente.
• Los espacios entre párrafos deben ser al menos dos veces el tamaño de la fuente.

3. Proporcione subtítulos para el contenido de su video

Dado que vivimos en una época de conexiones rápidas a Internet, el video es ahora un canal viable para usar en lugares en línea. El sitio web que está desarrollando probablemente tendrá algún tipo de video integrado o un enlace de YouTube incrustado en alguna parte.

Si proporciona contenido de video, asegúrese de incluir también subtítulos dentro. Hoy en día, no es tan difícil crear subtítulos para su contenido de video. Incluso puede considerar contratar a alguien para que lo haga por usted, si proporciona la transcripción, por supuesto.

Afortunadamente, los subtítulos se han convertido en una parte cotidiana de la experiencia de ver videos. No importa la audiencia a la que se dirija, intente al menos incluir subtítulos en inglés en sus videos.

4.Haga que la navegación por teclado sea parte de su sitio web

Este debería ser imprescindible.

Navegar y navegar sin usar un mouse es una característica sorprendentemente deseada en la actualidad. Las personas que desean complacer a las personas que usan hardware de asistencia debido a una discapacidad, o simplemente los usuarios de computadoras portátiles que están acostumbrados a navegar por el sitio web a través del teclado.

Un gran ejemplo de una plataforma que incluso anima a sus miembros a usar su sistema extremadamente simple pero increíblemente efectivo es Imgur. Han incorporado un sistema para navegar y participar en eventos comunitarios más fácilmente usando solo el teclado. Esta característica nos muestra algo más que el deseo de optimizar la accesibilidad.

Muestra que esta marca invirtió en ergonomía, a pesar de que no se entregan al comercio y son un sitio para compartir imágenes.

Otro ejemplo adecuado de un sitio web optimizado cuando se trata de simplicidad en los comandos del teclado es el popular Twitter.

Incluso puede hacer que su marca sea más agradable si cumple con estas demandas, y hacer que el usuario se sienta más poderoso por tener la opción de moverse usando solo las teclas.

5. Sea pragmáticamente visual

Por enigmático que parezca, no es tan difícil.

No tenga miedo de utilizar pictogramas, símbolos y otras señales visuales para ayudar a sus visitantes a moverse y experimentar su marca. El ejemplo más simple sería poner la palabra "página siguiente" en una flecha que apunta a la derecha, insinuando la acción sin tener que leer el texto que contiene.

Este tipo de asistencia visual tiene muchos propósitos, siendo el primero la optimización de la accesibilidad, por supuesto. También reduce el tiempo necesario para navegar, aumentando así la efectividad de su plataforma.

Otra característica importante, donde puede infundir utilidad y estética, es a través de símbolos, logrando un tipo de diseño minimalista único. Tener la cantidad correcta de elementos, sin dañar la calidad de la información necesaria, nos ayuda a todos.

Mencionar sitios web populares como ejemplos principales de tales optimizaciones parece un poco obsoleto, pero bueno, de hecho son populares gracias a este hecho. Tomemos Instagram, un gran ejemplo de simplicidad visual y ergonómica. La accesibilidad de este servicio es tan fácil como unos pocos clics y toques, y los símbolos utilizados ahorran espacio, ordenan y hacen que cada elemento sea más visible y distinguible.

Otra gran herramienta de optimización de la accesibilidad no es otra que el color. Sí, color. El uso del color en el diseño web ya es una vieja historia. ¡Pero el papel que puede desempeñar para hacer que su sitio sea más accesible para los ancianos y las personas con discapacidades es inmenso!

Principales empresas de diseño y desarrollo de sitios web

6. Evalúe y adapte su contenido

Sí, exactamente eso. Puede parecer algo fácil de ignorar, pero las personas a menudo se quedan estancadas al desarrollar una marca en línea.

Las regulaciones y las reglas pueden parecer complejas a primera vista, pero hay pasos que puede tomar para hacerlo mucho más fácil.

Asegúrese de comprender absolutamente el contenido que está presentando y de poder explicárselo a un niño de cinco años y a un desarrollador web veterano al mismo tiempo. De esta manera, le resultará mucho más fácil iniciar la optimización de la accesibilidad.

Para adaptar el contenido, comience con una lista de las discapacidades más comunes que tienen las personas en línea:

• Personas que no ven muy bien.
• Personas ciegas.
• Gente que no puede oír muy bien.
• Personas que no pueden usar un mouse o un teclado fácilmente.
• Personas que tienen dificultades para comprender oraciones más largas y complejas.

Teniendo en cuenta estos factores, encontrará que el proceso de adaptación es más factible y más fácil de manejar. Tenga en cuenta que tiene una guía práctica a su lado, y no tema, ¡le está haciendo un favor al mundo!

7. Utilice tecnología de asistencia

Por último en esta lista, pero definitivamente no menos importante, está el uso de tecnologías de asistencia.

Cada vez se desarrollan más tecnologías para ayudar a las personas mientras usan la computadora e Internet. Ya hemos mencionado los lectores de pantalla, pero no son los únicos que existen.

Es importante que su sitio web esté disponible a través de estas tecnologías, y la lista esencial incluye:

• Lectores de pantalla: estas plataformas de texto a voz pueden reconocer el texto alternativo como una fuente legítima de texto.
• Funciones de accesibilidad de Windows / Mac: son opciones de fácil acceso que los fabricantes incluyen de forma nativa en sus dispositivos (lupa o texto a voz).
• Analizadores de contraste de color: son programas que ayudan a adaptar el color a diferentes tipos de impedimentos de color.
• Barras de herramientas / complementos: ofrecen varios tipos de asistencia, como ayudantes de idiomas.
• Dispositivos móviles: todo el mundo está en el móvil, así que mantenga la accesibilidad de su sitio web optimizada también para dispositivos móviles.

Principales agencias digitales

Los beneficios de la optimización de la accesibilidad

Somos conscientes de que todo esto parece mucho trabajo, pero es por una causa justa. Incluso si es una organización sin fines de lucro, es una gran idea hacer que su sitio web sin fines de lucro sea accesible para tantas personas como sea posible.

Además de todo lo dicho hasta ahora, consideremos algunos beneficios de estas implementaciones.

1. Una base de clientes más amplia

Hacer que su marca sea fácil de usar en línea es un gran paso hacia una base de clientes completamente nueva. Aprovechar este mercado, mientras se hace una buena acción, es una situación en la que todos ganan.

2. Responsabilidad social

Mejorar Internet es la responsabilidad que todos tenemos sobre nuestros hombros: propietarios, navegadores ocasionales y clientes. Dado que la World Wide Web es un derecho humano básico, sería un poco irresponsable no abordar este tipo de optimizaciones y adaptaciones con entusiasmo.

3. Un sitio web más ordenado

Muchos desarrolladores web lo testificarán. Cuando optimice su sitio web, para lograr los cambios mencionados anteriormente, arreglará y ajustará las partes faltantes o sueltas. Y le ayuda a mantenerse en contacto con todos los aspectos esenciales, como SEO, compatibilidad de dispositivos y mantenimiento del sitio web.

Las mejores herramientas para iniciar la accesibilidad de su sitio web

Hay muchas fuentes valiosas para ayudarlo a construir un mejor sitio web y probar el actual.

Hemos seleccionado algunos de los más populares y útiles para ayudarlo a que usted y su marca se unan a las filas de los mejores sitios web de accesibilidad que existen.

Si su objetivo es hacerlo “según el libro”, y el gobierno en eso, comience con el 508checker. Esta herramienta le permite verificar la accesibilidad de su sitio con solo ingresar la URL. Utiliza la enmienda original como referencia, por lo que sabrá cuál es su posición.

El siguiente paso es Accessibility Valet, una herramienta simple que utiliza WCAG y la sección 508 como punto de referencia, buscando errores y dando sugerencias sobre en qué puede trabajar.

Y el tercero para ayudarte a optimizar tu sitio web es Wave, un conjunto de herramientas similares a los dos anteriores, con la opción adicional de verificar sitios web no públicos y no publicados en busca de posibles errores.

El poder de un sitio web optimizado para la accesibilidad

Al hacer lo socialmente responsable de la optimización de la accesibilidad, siguiendo el libro de reglas del W3C y adhiriéndose a la sección 508, se está haciendo un favor a sí mismo y a mucha gente.

Por lo tanto, recuerde siempre que hay usuarios de Internet que no se conectan como la mayoría de los demás.

Y sí, estas características no solo son para ayudarlos, sino también para ayudarlo a descubrir el mercado y obtener una comprensión más profunda y completa del mismo.

Solo recuerde: la accesibilidad web es esencial para algunos, ¡ pero útil para todos!

Y ahí lo tienes. Mucho que procesar y mucho en que pensar.

La inversión en la optimización de la accesibilidad es ciertamente valiosa, sin inconvenientes. Haces que más personas conozcan tu marca, puedes solucionar pequeños problemas, haciéndole un pequeño favor al público en el proceso.

Además, su servicio en línea obtendrá instantáneamente más credibilidad.

Si toma las medidas necesarias para garantizar que su sitio web sea accesible para todos, se está haciendo un gran favor. Porque el futuro del diseño web es la accesibilidad. Más personas van a estar interactuando con marcas e instituciones de todo tipo. Y quiere asegurarse de no quedarse atrás.

Obtenga ayuda con la accesibilidad de su sitio web con estos recursos para agencias de desarrollo y diseño web .

¡Descubra aún más consejos de diseño web y crecimiento empresarial cuando se registre en DesignRush Daily Dose!