Cómo mejorar la accesibilidad de su sitio de WordPress

El censo estadounidense de 2010 muestra que uno de cada cinco estadounidenses tiene una discapacidad. De hecho, algunas de estas discapacidades son menores, pero el porcentaje de personas con discapacidades es enorme. La mayoría de estas personas se encuentran con problemas al navegar en línea. Por lo tanto, debe hacer todo lo posible para mejorar la accesibilidad de su sitio de WordPress. Creemos firmemente que todos deberían tener acceso completo a Internet. Lea esta guía para averiguar cómo hacer que su sitio sea accesible para todos. ¿Cuál es la accesibilidad del sitio web? La accesibilidad web se refiere a principios, modalidades y herramientas para crear sitios web y aplicaciones que cualquier persona puede utilizar, incluidas personas con necesidades especiales. No se aplica solo a los ciegos (como creen muchos webmasters). Los usuarios con necesidades especiales también son personas que tienen problemas auditivos, cognitivos o físicos. Algunos de estos problemas pueden ser temporales, pero desafortunadamente, algunos de ellos son permanentes. La accesibilidad web también cubre algunos problemas de la gente común. Por ejemplo, las personas que navegan por Internet usando conexiones de baja velocidad, ancho de cinta costoso o en contextos provocativos, como la luz solar extendida.
Los problemas de accesibilidad de WordPress están en el camino correcto en términos de accesibilidad del sitio. Todo un ejército de expertos trabaja para hacer de WordPress un ambiente seguro para cada uno de nosotros. El equipo de accesibilidad detrás de WordPress.org ha desarrollado un manual de accesibilidad que se mejora constantemente. Se invita a los voluntarios a hacer sus propias contribuciones, para que pueda involucrarse en cualquier momento. Los siguientes problemas de accesibilidad son los más comunes. Algunos de estos requieren un ojo experto, pero la mayoría de ellos pueden ser remediados por webmasters habituales. Cuando sea posible, sugerimos herramientas para ayudar a remediar el problema. Texto bajo que no conoce, pero existe una gran posibilidad de que su sitio tenga un problema con el contraste del texto. Waraim realizó investigaciones en 2019, 2020 y 2021, y los resultados son increíbles. En promedio, más del 85% de un millón de sitios web analizados sufrieron un bajo contraste de texto. Recuerde cuánto ha pensado en crear contenido de calidad y cuánto tiempo pasa. Bueno, todos estos esfuerzos son en vano si algunos de los visitantes del sitio no pueden consumir su contenido. Paradójicamente, incluso si el bajo contraste del texto es un problema tan común, es fácil de remediar. Use una verificación de contraste de color y asegúrese de obtener una relación de al menos 4.5: 1 para el texto normal y 3: 1 para el texto más grande. Para comprender estos informes, debe saber que el contraste blanco en el blanco es 1: 1, y el blanco en negro es 21: 1.
Cómo arreglar el contraste de texto bajo: accesibilidad de WordPress
Debe verificar el contraste de color del contenido de su sitio cada vez que desee cambiar la fuente o los colores de fondo, debe usar un verificador de contraste. El verificador de color que ofrece WebAim es una herramienta útil a este respecto. Simplemente agregue los colores de primer plano y fondo y obtenga la relación de contraste. Además, muestra si el texto normal, el texto grande y los elementos gráficos de la apariencia pasan la relación de contraste mínimo. Coolors es una alternativa más visualmente atractiva. Hace las mismas cosas, pero su interfaz se ha actualizado para el estilo de hoy. El color general del color no se trata solo del contraste de color débil del texto escrito. También se trata del contraste de color general. Básicamente, cada elemento en la apariencia debe verificarse con el color de fondo. Los usuarios de teléfonos móviles se mueven en la mayoría de los casos, por lo que el brillo de la pantalla y la luz solar excesiva son factores importantes que influyen en la visibilidad. Un fuerte contraste ayuda a los usuarios a disfrutar de contenido. Elegir el esquema de color correcto no es una tarea simple en absoluto. Los colores deben mezclarse sin esfuerzo, completar el mensaje de la marca y garantizar la accesibilidad de cada usuario.

Cómo remediar la accesibilidad general del color de contraste de color no elige el esquema de color de su sitio solo porque le gustan esos colores. Afortunadamente, hay muchas herramientas gratuitas para elegir la combinación de colores correcta para un sitio web. Comience a usar herramientas como Lotvers de color, Khroma o Adobe Color que le ayuda a seleccionar un esquema de color funcional. Algunos de ellos ofrecen guías de inspiración o ayuda. Texto alternativo para imágenes Entenderá la importancia del otro texto a su tamaño completo cuando use un lector de pantalla. ¡Es muy frustrante no saber sobre las imágenes de una página web! Es una situación que debe eliminar de su sitio. El otro texto permite que las arañas de los motores de búsqueda rastreen las imágenes. Una parte pequeña pero no insignificante del tráfico orgánico es generada por imágenes. Tenga en cuenta una excepción única, no agregue una descripción alternativa a las imágenes decorativas, como fondos. Tenga suficientes razones serias para prestar más atención al texto alternativo para las imágenes de su sitio. Recuerde las siguientes sugerencias para escribir otros textos convincentes:
Manténlo corto y simple;
Concéntrese en el papel de la imagen, no en la descripción;
Incluya el texto en esa imagen, por ejemplo, las imágenes con citas famosas deben incluir en la descripción de otra cita.
Cómo remediar el texto alternativo para imágenes (accesibilidad de WordPress es muy simple: verifique si las imágenes tienen descripciones alternativas y agregan a las faltantes. Hay complementos gratuitos en el almacén de WordPress para resaltar las imágenes que faltan Alt.
Navegación accesible con teclado Algunas personas no pueden usar un mouse, y el teclado es la única herramienta que pueden usar para visitar un sitio. Asegúrese de que las personas puedan usar la tecla Tab cuando visite su sitio. El uso de la tecla Tab debe permitir el acceso a enlaces, menús, elementos de menú, formularios y botones. Cómo remediar la navegación accesible con el teclado: la accesibilidad de WordPress está buscando un tema totalmente accesible y permitirá la navegación del teclado. ¿Crees que un tema accesible de WordPress cuesta un brazo y una pierna? Se equivocará porque puede usar temas de accesibilidad gratuitos de WordPress Theme Director. Simplemente vaya al directorio y use el filtro de características, luego marque el cuadro de accesibilidad listo. Mostrará todos los temas accesibles. Luego puede descargar lo más adecuado para su proyecto. Antes de comprar, pregunte a los desarrolladores sobre la accesibilidad si prefiere comprar un tema premium. La estructura de los títulos de los usuarios de Internet son expertos en el sitio web de Scan. Raramente leemos todo el contenido de una página web. Escaneamos una página web en unos segundos y, debido a la estructura de los títulos, el mensaje importante es mayor y más visible que el resto. Es estúpido privar a las personas con necesidades especiales para la oportunidad de escanear una página. El uso correcto de los títulos ayuda a las personas que usan tecnología de asistencia para centrarse en los aspectos importantes de una página web. Por lo tanto, use la estructura de los títulos correctamente, en un orden descendente para crear una jerarquía funcional.
Cómo remediar la estructura de los títulos: la accesibilidad de WordPress puede sonar difícil, pero crear una jerarquía funcional no es una ciencia de misiles. Se trata de hacer que las personas comprendan mejor el mensaje de una página web. Respeta la estructura de valores para cada nueva publicación de blog para que el contenido de su sitio sea accesible. Auditar la estructura de todas las páginas y verificar la estructura de los títulos. La legibilidad de fuentes que desperdicia mucho tráfico al elegir una combinación débil de fuentes. La legibilidad de fuente se refiere al hecho de que los lectores pueden distinguir y reconocer a los personajes. Debería ser una prioridad para cualquier webmaster, porque las fuentes menos legibles no permiten a los usuarios absorber su contenido. Por ejemplo, use 16px para el texto del cuerpo y una fuente serif/sans serif. Evite las fuentes cursivas o escritas a mano porque generalmente no son legibles.
Cómo remediar la legibilidad de fuente: accesibilidad de WordPress, incluso si el tema de su sitio no tiene una fuente muy legible, puede solucionar este problema. La mayoría de los temas permiten cambiar el tamaño de la fuente de texto. Además, puede seleccionar fuentes más legibles y mejorar el color de la fuente de contraste en comparación con el color de fondo. Enlaces “Sin embargo, navegación”. Visitar un sitio web utilizando un lector de pantalla u otra tecnología de asistencia es diferente de la experiencia típica del usuario. A pesar de este hecho, los creadores del sitio deben hacer todo lo posible para que los sitios de WordPress sean accesibles para todos. Uno de los problemas de accesibilidad más subestimados es la omisión de los enlaces de navegación. Actualmente, los lectores de pantalla no marcan la diferencia entre el menú y el contenido. Significa que cada vez que el usuario recarga una página, el lector de pantalla navega a través de cada submenú. Imagine cuánto tiempo se pierde y cuán frustradas serán las personas con necesidades especiales. Se utiliza un enlace de ignorancia para llevar a los usuarios directamente al contenido principal, omitiendo la navegación.
Cómo remediar los enlaces “omitir la navegación”. Un botón de salto de navegación realmente afecta el diseño del sitio. Sin embargo, dicha implementación hace que navegar en Internet sea más agradable para muchas personas. Por lo tanto, agregue un enlace de navegación a su sitio para permitir que las personas accedan al contenido que desean ver. Las malas formas estructuradas como webmaster, permiten a los visitantes del sitio web contactarlo con un esfuerzo mínimo debería ser una prioridad. No desea perder una oportunidad solo porque los formularios de su sitio no son accesibles, ¿no? Las formas mal estructuradas ocultan la interacción con los visitantes y con usted. Solo toma unos minutos hacer una forma accesible para varias personas. Agregar etiquetas relevantes a los campos de los formularios es un gran paso para hacer que su sitio sea más accesible. Un lector de pantalla o software de introducción de discurso reproduce las etiquetas

. La falta de etiquetas pone a los usuarios en dificultad, así que úsalos sabiamente. Solo las etiquetas no son suficientes para crear una forma accesible. Proporcione una guía completa a cada usuario para completar el formulario del formulario e informarles si su envío es correcto o incorrecto. Por ejemplo, algunas formas marcan la introducción incorrecta al hacer el campo rojo. Esta es una buena idea, pero debe ser respaldada por otros indicadores, porque las personas con discapacidad visual pueden no poder identificar este tipo de advertencia. Resalte el campo Formulario y agregue un mensaje sobre una introducción incorrecta. Esto funciona mejor en este caso. Cómo remediar formularios mal estructurados Verifique todos los formularios de su sitio si funciona como ha configurado. Es posible que haya modificado accidentalmente el código del sitio y haya modificado los formularios inesperadamente. Cuanto más a menudo verifique los formularios, más rápido encontrará los formularios configurados erróneamente. Verifique dos veces si cada campo tiene la etiqueta apropiada y los usuarios reciben los comentarios correctos en función de sus entradas. Toma tiempo, pero usted proporciona una buena experiencia de navegación para cada visitante del sitio. Los enlaces genéricos y los enlaces de enlaces de texto faltantes son responsables de muchos problemas de accesibilidad. Por supuesto, no renuncie a los enlaces de inserción a su sitio, pero hágalo de manera responsable. La mejor manera de verificar la accesibilidad del sitio web es visitarlo utilizando un lector de pantalla o una tecnología de soporte. De esta manera, te pondrás en la piel de las personas con necesidades especiales.
Ciertamente no apreciará los enlaces de texto que faltan. Estos no son más que enlaces sin texto, por ejemplo, imágenes, iconos y logotipos. Un lector de pantalla o software de introducción de discurso no detecta estos enlaces. Una vez más, el texto alternativo representa la solución para estos enlaces. La mayoría de las personas pueden ignorar el texto alternativo apropiado para imágenes, iconos y logotipo de las personas. En total, estas son una pesadilla para los usuarios que necesitan tecnología de asistencia. Es una experiencia terrible usar un lector de pantalla, ya que no proporciona una explicación relevante sobre los enlaces genéricos. ¿Es ese enlace “Leer más” que lo dirige a una publicación de blog o es un enlace de otra columna que dirige a otra página? De hecho, los enlaces “Leer más” o “Haga clic aquí” pueden ser relevantes para ciertos contextos, pero ¿por qué la gente debería adivinar dónde hacer clic? Cómo remediar los problemas de accesibilidad de los enlaces Hay muchas herramientas para verificar los enlaces de un sitio web. Use su herramienta favorita y audite todos los enlaces del sitio. Mire los enlaces que no son de texto y agregue textos alternativos que sean relevantes y útiles. Cambie los enlaces genéricos y agregue los textos de anclaje correctos.
Problemas de audio Todos deberían disfrutar del crecimiento de los vainas y vlogging. No ignore la adición de la transcripción de archivos de audio y video cargados en su sitio. Las personas con discapacidades auditivas definitivamente apreciarán los estenogramas. Un software de transformación de texto en discurso puede convertir las publicaciones de su blog en formato de audio y ayudar a las personas con discapacidades visuales. Considere agregar una versión de audio de las publicaciones de su blog. Te lleva unos minutos y unos pocos dólares al mes hacerlo. Sin embargo, puede ayudar a algunas personas que necesitan, que se convertirán en visitantes repetidos en el futuro. Cómo remediar problemas de audio Hay software y servicios de transcripción disponibles para cualquier presupuesto. Los complementos de accesibilidad de WordPress no pueden resolver todos los problemas de accesibilidad solo, sino que algunos de ellos mejoran la accesibilidad de su sitio de WordPress. Aquí están nuestras elecciones. accesibría

El enchufe de accesibilidad más famoso es Accessibe. Es una mezcla de buenas prácticas de codificación y principios de accesibilidad, todos respaldados por la inteligencia artificial. Descargue e instale la versión gratuita de WordPress Warehouse si tiene un pequeño presupuesto. Compre una suscripción si desea obtener el conjunto completo de funciones. La barra de herramientas es la característica distintiva del complemento. Básicamente, cubre todos los requisitos de las personas con necesidades especiales. Debe seleccionar el perfil de accesibilidad de acuerdo con su discapacidad: seguridad para convulsiones, discapacidades visuales, discapacidades cognitivas, admite TDAH, usuarios ciegos y navegación de teclado. Además, tiene mucho contenido, color y ajustes de orientación. La única desventaja del complemento es su precio. El plan anual más barato comienza en $ 490 para sitios de menos de 1000 páginas únicas. Este precio es inaccesible para sitios web no monetizados o proyectos de bajo presupuesto. Sin embargo, el precio es un negocio al comparar el dinero invertido con el valor que obtiene. Ayudante de accesibilidad WP
Este complemento es un candidato sólido para Accessibe. Tiene una multitud de características, muchas de ellas similares a Accessibe, pero su precio es considerablemente más accesible. Debe pagar $ 199 por año para tener una suscripción premium. No necesita habilidades de codificación para configurar el complemento; Toda la configuración del complemento es una cuestión de activación o desactivación. El complemento genera automáticamente una tabla de contenido, y los usuarios pueden cambiar entre modos oscuros y abiertos. Cambia de tamaño las fuentes y alinea el contenido de acuerdo con sus necesidades. También activa/desactiva el espacio entre letras y palabras. En general, WP Accessity Helper es un complemento obligatorio si desea que todos disfruten de su contenido sin ningún problema. Accesibilidad con un complemento Haga clic en Impresiones con un gran conjunto de opciones de personalización. Muestra una caja de herramientas para ayudar a las personas que necesitan navegar a través de su sitio web. Entre muchos otros, el complemento hace lo siguiente:
agrandar y encoger el tamaño de fuente,
crear un contraste alto o negativo,

subraye los enlaces,

Muestra el sitio en tonos grises,

hacer que las fuentes sean más legibles.
La caja de herramientas es completamente personalizable, por lo que puede activar o desactivar estas opciones. Accesibilidad WP
La accesibilidad de WP es un complemento de accesibilidad eficiente que requiere una revisión de diseño. Traerá mejoras sustanciales a la accesibilidad a su sitio si puede ignorar su interfaz obsoleta. Una de las características más útiles es la barra de herramientas con ajuste del tamaño de fuente y conmutación de contraste. La barra de herramientas es visible, pero no es obstructiva. Los usuarios comunes apenas pueden notar la barra de herramientas, pero las personas que necesitan apreciarlo mucho. Un clic es suficiente para crear un fuerte contraste o para aumentar el tamaño de la fuente. El verificador de color construido es otra gran opción. No tiene que salir del tablero de WordPress para verificar el contraste de fondo con el primer plano. A diferencia de las otras sugerencias, este complemento es gratuito y no tiene una versión premium. Es su turno ahora que está mejor preparado para mejorar la accesibilidad de su sitio de WordPress. Se necesita tiempo y recursos para que su sitio sea accesible. Sin embargo, tienes muchas razones para hacerlo. En primer lugar, esta es la deuda moral: todos debemos trabajar para que Internet sea accesible para todos. Los sitios web gubernamentales deben hacer esfuerzos para el más alto grado de accesibilidad, pero su sitio de pequeñas empresas también debería hacerlo. En segundo lugar, las personas con necesidades especiales ignoran a los webmasters que ignoran sus problemas. Frustra a algunos de los visitantes a su sitio en lugar de convertirlos en clientes leales.