Cómo incorporar la accesibilidad web a su sitio web de WordPress

WordPress es la plataforma de creación de sitios web más popular. Según W3Techs, el 35.7% de todos los sitios web usan WordPress, lo que lo lleva a un increíble 62.5% del sistema de gestión del mercado (CMS). Sin embargo, al crear un sitio web de WP, la accesibilidad web es probablemente lo último que está considerando. Sin embargo, los estándares de codificación de accesibilidad de WordPress dicen que “todos los códigos nuevos o actualizados lanzados en WordPress deben estar de acuerdo con las guías de accesibilidad de contenido ACE 2.0. ”
En otras palabras, la accesibilidad es un factor crítico si tiene un sitio web de WP. Afortunadamente, hacer que su sitio web WP sea accesible no es imposible. Pero antes de discutir cómo hacerlo, entendemos qué representa la accesibilidad web. R. Los cuatro pilares de accesibilidad web El Consorcio World Wide Web (W3C), que desarrolla estándares web internacionales, ya ha creado los siguientes cuatro principios de accesibilidad web:
Perceptible: debe presentar toda la información y los elementos en su sitio de una manera que todos puedan percibirlos.
Operable: todas sus artículos de vía fluvial y interactiva deben ser operables por diferentes usuarios.
Para ser entendido: todos deberían poder comprender la información y la interfaz con el usuario en su sitio.
ROBUST: Diferentes tipos de tecnologías y usuarios de asistencia deberían poder leer contenido en su sitio.
B. Las mejores prácticas de accesibilidad web de WordPress teniendo en cuenta los principios anteriores, puede tomar los siguientes pasos para que su sitio web de WordPress sea accesible para las personas con discapacidades:
Mejorar la accesibilidad del mundo, incluidas las personas con impedimentos visuales, debe poder leer el texto en su sitio. Aunque puede usar grandes fuentes como predeterminadas, siempre que el cambio de tamaño aumente el texto aumentará aún más. Los usuarios con impedimentos visuales pueden aumentar el tamaño de la fuente de acuerdo con su comodidad utilizando esta función. Además, asegúrese de agregar alternativas de texto como etiquetas alternativas donde sea necesario. La accesibilidad de WP es uno de los complementos de accesibilidad de WordPress que pueden ayudarlo a agregar el cambio de tamaño del texto, el contraste de color, agregar publicaciones para leer más enlaces y proporcionar un texto alternativo adecuado.
Estructurado de la parte delantera y trasera
Cada una de sus páginas web debe tener una parte delantera y posterior estructurada bien. No solo aumenta la legibilidad general de su contenido, sino que también facilita las herramientas de asistencia para transmitir el mensaje de los usuarios con discapacidades. Puede usar elementos HTML, como etiquetas semánticas y de meta-decoración, para mejorar el back-end. Asegúrese de usar listas con marcadores, párrafos cortos y contenido bien organizado y el objeto debe contribuir a mejorar el front-end. También debe usar títulos y títulos apropiados para definir diferentes subsecciones de contenido. Evite usar animaciones brillantes y GIF porque no son amigables con la accesibilidad.
También agregue enlaces de omisión para facilitar la navegación de contenido para los usuarios de lectores de pantalla. Esta característica de accesibilidad simple permite a los usuarios saltar de un contenido de contenido a otro sin tener que pasar por materiales innecesarios. Navegación de teclado para una mejor interacción
También debe asegurarse de que su sitio sea navegable desde el teclado. Debe incluir enlaces y menús, especialmente menús desplegables. Todos los usuarios deben poder acceder a elementos como enlaces, menús, botones y formularios usando Tab (Forward) y Shift+Tab (Back).
También debe usar un indicador de enfoque visible, que muestra a los usuarios con discapacidades donde están en una página web. Los temas de WordPress a menudo pueden restablecer el estilo de enfoque predeterminado. Asegúrese de usar un tema de WordPress que no revenda esta función. El tema de la accesibilidad Divin puede ayudarlo a configurar una navegación amigable con el teclado, con gotas accesibles y contornos visuales para elementos enfocados.
Agregue el área al área

ARIA significa aplicaciones de Internet ricas accesibles. Con un hito, puede definir diferentes regiones de una página web permitiendo que los usuarios de tecnología de asistencia naveguen fácilmente a su sitio.
Los roles históricos más comunes incluyen una banner, la información principal, complementaria, de contenido, de búsqueda y navegación.
Banner: Defina el título del sitio, como el logotipo, el nombre de la compañía o el título del sitio.
Principal: define el contenido principal de la página web.
Complementario: detecta el contenido de soporte, que es una parte esencial del contenido principal.
Información de contenido: proporciona información sobre documentos de los padres, como notas al pie, declaraciones de derechos de autor y privacidad.
Navegación: marca los elementos de navegación de una página web.
La mejor ventaja de usar el área es que pueden trabajar con elementos HTML5 ya semánticos. Como resultado, puede usarlos con elementos HTML5 en temas existentes de WordPress.
Elementos interactivos: contraste de color
Para elementos interactivos, como CTA y formas, siempre use colores de alto control como fondo. Mientras que el nivel AA de WCAG 2.0 requiere una relación de contraste de al menos 4: 5: 1 para texto normal y 3: 1 para texto alto, el nivel AAA requiere un contraste de al menos 7: 1 para el texto normal y 4: 5: 1 para grandes texto. Por lo general, el texto negro sobre el fondo blanco ofrece el mejor contraste de color. También puede usar texto negro sobre un fondo amarillo y viceversa. Sin embargo, evite combinaciones como texto verde sobre fondo rojo o texto rojo sobre un fondo verde.
Las palabras para la accesibilidad de separación del sitio web se extienden a otros elementos interactivos, como multimedia, desde su sitio. Asegúrese de que ninguno de los elementos multimedia, como video, audio, diapositivas o carruseles, no tenga una opción de reproducción automática predeterminada, porque es Una barrera significativa para los usuarios de discapacidades. En contraste, todo el contenido multimedia debería comenzar a reproducirse solo después de la interacción del usuario. Además de las transcripciones de video, descripciones de audio y subtítulos, asegúrese de usar reproductores multimedia accesibles. Puede usar un complemento como el reproductor capaz, que le permite agregar videos y audio incluidos en un reproductor multimedia accesible en cualquier página de su sitio de WordPress a su sitio de WordPress. Flujo de desarrollo y se puede hacer a través de un proceso manual con un consejero. Una solución automática de accesibilidad web requiere una inversión de tiempo pequeño y los recursos traerán muchos beneficios, incluida una imagen positiva de la marca, una cobertura más amplia en el mercado, una mejor búsqueda y, sin mencionar, el aumento de las ventas. Si aún tiene alguna duda sobre cómo se puede acceder a su sitio web de WordPress, no dude en enviar las preguntas en los comentarios.
Este contenido ha sido digipRed © 2020 Software Tribular