La web se creó pensando en todos, sin importar sus capacidades o retos. Hoy en día, más de mil millones people in the world live with some kind of disability, which can make navigating certain websites difficult. As such, it’s vital to build sites that are as accessible as possible.
Afortunadamente, si sigue algunas de las mejores prácticas, puede asegurarse de que su sitio incluya al mayor número posible de miembros potenciales. Esto puede ser tan sencillo como añadir texto alternativo a todas las imágenes que utilice. Adaptar su sitio a las necesidades de los usuarios es más fácil de lo que parece. todos usuarios.
In this article, we’ll explore some of the best ways to make your site user-friendly to everyone. Let's get started!
Por qué la accesibilidad es vital en su sitio web
As we mentioned earlier, the web was designed to be used by everyone – no matter their software, location, language, or ability. In fact, Tim Berners-Lee, the man credited with the web’s creation, dijo una vez: ‘‘The power of the web is in its universality – access by everyone regardless of disability is an essential aspect.” Hacer un sitio accesible significa mantener ese objetivo a la vista.
The impact of a disability can be reduced when using the internet, or it can be exacerbated. When websites aren’t designed with accessibility in mind, they can create barriers that unnecessarily exclude large groups of people. For this reason, striving for full accessibility shouldn’t be an option. Rather, it needs to be an essential part of any website's development.
Es más, los sitios accesibles no sólo son beneficiosos para las personas con discapacidad permanente. Hay una serie de razones adicionales por las que las personas pueden necesitar el apoyo adicional en línea, tales como:
- Personas mayores, que pueden tener capacidades cambiantes debido al proceso de envejecimiento.
- Los que tienen lesiones temporales, como un brazo roto
- Anyone experiencing “situational limitations”, such as visitors who are in an environment where they can’t listen to audio
Si ha optado por cree su sitio de afiliación con WordPressestá de suerte. La plataforma pone varias opciones en marcha para ayudarle a hacer accesible su sitio web. Esto incluye Pautas de Accesibilidad al Contenido en la Web (WCAG) que puede seguir, y que ofrece acceso a un montón de plugins de accesibilidad útiles. Sin embargo, no hay razón para detenerse ahí.
4 Ways to Enhance Your Membership Site’s Accessibility
Aunque las características mencionadas anteriormente son fundamentales, también es importante esforzarse para que su sitio web sea lo más accesible posible. Siga los pasos que se indican a continuación y evalúe sus progresos con una herramienta como WAVEestará en el buen camino para conseguir un sitio más fácil de usar en 2020 y en años sucesivos.
1. Asegúrese de que puede navegar por su sitio web sólo con el teclado
Many people use assistive technologies to help them navigate websites, meaning that they rely entirely on their keyboards. For this reason, it’s vital that the key features of your site are easily accessible without using a mouse – making correctly coded websites vital.
Messy HTML will make keyboard navigation more difficult, as it makes the structure of your pages less clear. Using clean HTML, well-defined headers, and CSS coding for visual elements will improve the way your pages flow, allowing for much easier access.
Además, la forma más habitual de navegar utilizando sólo el teclado es a través de las teclas Pestaña key. This enables a user to move between areas of a page that have “keyboard focus”. You can easily test your site by attempting to visit various pages with just the Pestaña clave, y tomando nota de las zonas a las que no se puede acceder fácilmente.
2. Add ‘Alt Text' to Your Site’s Images
Es posible que haya visto la opción de add ‘alt text’ to images in WordPress before. One purpose for this feature is to provide alternative text content, to be displayed in case an image doesn’t load.
However, adding alt text to an image also makes it easier for those using screen readers to understand your content. The inclusion of alt text enables such users to “read” the picture, rather than see it. This is incredibly important for those with visual impairments.
Encontrará muchos consejos para crear el texto alternativo perfecto. What matters most, however, is that you describe the image in detail. Instead of simply including a word or two, aim for a complete sentence that concisely but clearly explains what the image is, so anyone who can't see it will understand its purpose.
3. Seleccione cuidadosamente los colores utilizados en su sitio web
La percepción del color es un espectro, y para muchos, ver ciertos colores es difícil o imposible. El término daltonismo es familiar, pero deficiencia en la visión de los colores es una descripción más adecuada (y menos potencialmente engañosa).
Due to the many different visual impairments people can have, there are a number of things to consider on your site. For example, some people require a higher contrast, whereas others are more sensitive to color brightness.
One of the ways you can account for these needs is by ensuring that your text clearly stands out from the background of your site. In addition, there should be a sufficient contrast between text colors and backgrounds.
Para asegurarse de que su sitio web es muy accesible, puede seguir los pasos siguientes directrices proporcionadas por las WCAG. Estos proporcionan normas establecidas para los niveles de contraste de color. Además, existen diversas herramientas que le ayudarán a evaluar eficazmente el diseño de su sitio web, como por ejemplo WebAim y Comprobador de contraste.
4. Asegúrese de que su texto es fácilmente redimensionable
Most assistive technologies, as well as browsers, allow users to resize text. This functionality is vital for those with visual impairments. Therefore, it's best to build your site with this possibility in mind, and ensure that it enables text to be easily resized.
Una forma de hacerlo es asegurándote de que nunca desactivar la escalabilidad de usuarios when creating content for your site. This will make it difficult for users to resize the text. It’s also beneficial to avoid setting text size using pixels, and to use relative sizes instead. This makes sure the text can scale with your content and each user's screen size.
Puede probar los tamaños de las fuentes visualizando su sitio en el front-end y aumentando el nivel de zoom en varios grados. Esto le ayudará a identificar áreas de mejora y a encontrar contenidos que pueden ser difícil de leer o navegar.
In addition, try to limit your use of incredibly small text and tables – these are difficult for screen readers and magnifiers to pick up and adapt effectively.
Conclusión
It’s vital that the content we create online is fully accessible to everyone. Websites that are not designed with accessibility in mind run the risk of excluding entire groups of people, and as the founder of the web himself said: “The power of the web is in its universality.”
In this post, we've gone over some of the ways you can boost your site’s accessibility. Let’s recap them briefly:
- Asegúrese de que se puede navegar fácilmente por su sitio web con un simple teclado.
- Add alt text to all images, as this enables them to be “read” instead of just viewed.
- Utilice colores contrastados para aumentar la visibilidad del texto.
- Asegúrese de que su texto está optimizado para cambiar de tamaño.
¿Tiene más preguntas sobre cómo mejorar la accesibilidad de su sitio web? Háganoslo saber en la sección de comentarios.
ES 
EN 
FR 
DE 
PT 
Añadir un comentario