Pocas formas de hacer que su sitio sea fácilmente accesible

La estructuración de una página y sus activos la hace adecuada para la máquina, sea cual sea esa máquina. Agregue el tipo de técnicas de sentido común que permiten a los usuarios (incluidos los usuarios con discapacidades) y las máquinas acceder directamente a contenido significativo, y seguro que se está moviendo para hacer que su sitio sea fácilmente accesible y amigable con los motores de búsqueda.

Todos estamos familiarizados con el poder de WordPress que permite que un novato o una persona no técnica diseñe y desarrolle su propia propiedad web. Esta plataforma es fácil de configurar y proporciona un marco sólido para los temas y complementos que determinarán cómo seguirán su contenido y funcionalidad para cualquier visitante.

Si desea que su sitio sea accesible para personas con discapacidades, encontrará que WordPress básico tiene mucho de lo que se necesita para facilitar el desarrollo de un sitio web accesible, y no es difícil llevar eso más allá mediante la adición de complementos y buenos técnica.

Antes de comenzar, hay dos factores importantes a tener en cuenta. En primer lugar, la implementación de estas cuatro técnicas por sí sola no hará que ningún sitio web sea totalmente accesible para todos hasta el punto de cumplir con todos los requisitos necesarios, pero abordará las barreras más comunes para el acceso a la web y brindará una accesibilidad mucho mayor.

En segundo lugar, es importante comprender que la accesibilidad solo se puede lograr mediante la cooperación del diseño, el desarrollo y las mejores prácticas de creación de contenido. Un diseñador puede diseñar un tema accesible, un desarrollador puede agregar una funcionalidad accesible, pero si un autor de contenido inserta una imagen significativa sin una etiqueta alt, el significado completo de la página web será inaccesible.

Con eso en mente, aquí hay cuatro consejos para que tu sitio sea fácilmente accesible.

Texto alternativo para tus imágenes

Es bien sabido que la barrera más grande para la accesibilidad web es usar el texto alternativo correctamente para describir las imágenes en una página web. Si todos los que construyen sitios web abordaran este punto único, se erradicaría la mayor cantidad de quejas de accesibilidad. Y esa es la razón por la que sentimos la necesidad de desarrollar un increíble complemento SEO Image Optimizer, que llena el vacío de las etiquetas alt que faltan en las imágenes.

El punto fundamental a entender es que si vas a poner imágenes en tu sitio, es fundamental que las etiquetes correctamente con texto alternativo. En otras palabras, cada imagen que está poniendo en línea debe tener un significado para que el robot incluya su imagen en los motores de búsqueda.

La información en la etiqueta alt permite a los usuarios de lectores de pantalla (que leen páginas web en voz alta a usuarios con discapacidades visuales), navegadores de solo texto y conexiones lentas que no cargan imágenes para comprender la información transmitida por las imágenes.

Si una imagen no tiene significado, por ejemplo, si se usa puramente como decoración, hay dos formas de tratarla. Si lo carga como imagen de fondo usando CSS, los lectores de pantalla lo ignorarán y la imagen no requiere una etiqueta alt (tenga cuidado, porque esto también se aplica a las imágenes significativas: si lo carga en segundo plano, el lector de pantalla lo ignorará). ). Si una imagen se muestra usando HTML pero es puramente decorativa, entonces use la etiqueta alt pero déjela vacía. Eso le dice al lector de pantalla que hay una imagen presente pero que no tiene significado para el usuario y que puede ignorarse, lo que permite que su sitio sea más accesible para un lector.

Cuando coloque una etiqueta en sus imágenes, use algún texto descriptivo que permita a las personas que no pueden ver entender cuál es el significado de la imagen. Esto requiere juicio: por qué la imagen ha estado aquí y qué mensaje transmite, y qué palabras transmitirán mejor ese mismo significado. No se deje atrapar por descripciones literales de cada detalle visual, transmita el significado.

Un ejemplo clásico es una imagen de una lupa utilizada como botón para iniciar una búsqueda. La imagen tiene un significado, por lo que debe ser descrito. Describirlo como “una lupa” no ayuda al usuario. Lo que necesitan saber es que al hacer clic en este botón se iniciará una búsqueda, por lo que el texto alternativo de "haga clic aquí para buscar" o incluso simplemente "buscar" puede ser el más apropiado.

Solo se deben etiquetar las imágenes que tengan un propósito. Ejemplos de estos son los siguientes:

Imágenes que se utilizan como botones

Imágenes que se utilizan como enlaces.

Imágenes que se utilizan para cualquier otro control

Imágenes que se relacionen directamente con el contenido.

Esta técnica se aplica a todos los sitios web, por supuesto, no solo a los sitios de WordPress. WordPress, sin embargo, lo hace más fácil que la mayoría, en primer lugar, al permitir que el autor del contenido cambie entre las vistas Visual y HTML y, en segundo lugar, al proporcionar un campo para el texto alternativo cada vez que se inserta una imagen mediante la función Agregar medios.

Complementos para una mejor accesibilidad

La accesibilidad de WordPress se puede mejorar mediante el uso de una variedad de complementos. Estos complementos son fáciles de configurar y permitirán que los usuarios con una amplia gama de discapacidades accedan al sitio. Aquí hay algunos complementos que he encontrado que harán que su sitio sea fácilmente accesible.

Claves de acceso

El complemento Claves de acceso permite asignar claves de acceso a enlaces y controles en su sitio web. Por ejemplo, al enlace principal se le puede asignar la combinación de teclas de acceso alt+h y al botón de búsqueda se le puede asignar la combinación de teclas alt+s. Las claves de acceso, como los ejemplos proporcionados, permiten a los usuarios con discapacidad visual, así como a aquellos con problemas de movilidad, acceder fácilmente a lo que desean.

Retuit fácil

Easy Retweet es un complemento que le permitirá agregar botones accesibles a su página que facilitan compartir su contenido en Twitter. De esta forma, si las personas con discapacidad desean compartir sus páginas con sus amigos, pueden hacerlo sin ninguna dificultad.

AStickyPostOrderER

AstickyPostOrderER le permite elegir el orden en que se muestra su contenido. Puede optar por mostrar el contenido del más antiguo al más nuevo o en orden inverso.

Tabla de contenido de Hackadelic SEO

El complemento Hackadelic SEO Table of Contents le permite proporcionar una tabla de contenido para sus publicaciones o sus páginas. Esto hará que su contenido sea fácil de encontrar.

WP-Encuestas

WP-Polls permite que las personas con discapacidades participen en cualquier encuesta que pueda tener en su sitio

Se están desarrollando nuevos complementos todo el tiempo. Use la funcionalidad del tablero de WordPress para buscar más. Pruebe diferentes complementos y solicite a sus usuarios con discapacidades que le den su opinión.

Al usar cualquier complemento, asegúrese de que el uso de los complementos sea compatible con el tema elegido, así como entre sí. Si sus complementos no son compatibles con su tema, no funcionarán o causarán más problemas a los usuarios discapacitados que intenten navegar por su sitio. Si sus complementos no son compatibles entre sí, su sitio puede quedar inutilizable o el contenido puede mostrarse incorrectamente.

Camino a seguir con los encabezados

Cuando diseñas páginas, es vital estructurar el contenido usando encabezados en el orden correcto: <h1> , <h2> , <h3> y así sucesivamente. Cuando estructura el contenido usando encabezados, las personas que usan lectores de pantalla pueden obtener un resumen de lo que tratan las páginas y navegar por ellas más fácilmente. Los usuarios de lectores de pantalla pueden acceder a las secciones de contenido que deseen presionando la letra "H" para avanzar y "shift+H" para retroceder.

Puede etiquetar su contenido usando encabezados del uno al seis para que su sitio sea fácilmente accesible. Verifique cómo su tema usa encabezados (por ejemplo, su tema puede aplicar o no <h1> al título del sitio y ese título del sitio puede aparecer o no en todas las páginas web. De cualquier manera, asegúrese de que el primer encabezado utilizado sea <h1> y los siguientes encabezados (título de página, subsecciones de página, encabezados de párrafo) descienden en orden hasta <h6> , según corresponda.

Hay cierta flexibilidad en el orden, pero la opción más sensata es mantener los encabezados en orden numérico y realmente no mezclarlos, ya que creará una situación peligrosa tanto para el usuario como para el motor de búsqueda (no los mezcle de esta manera: > <h1> , <h4> , <h2> , etc.).

Los enlaces de navegación son útiles

Finalmente, debe tener enlaces de navegación en el diseño de su sitio. Estos enlaces de navegación permitirán a los usuarios con discapacidades pasar por alto la barra de navegación u otros menús y cuadros de búsqueda y saltar a ciertos lugares de la página haciendo clic en estos enlaces. O bien, el usuario puede saltar rápidamente a las secciones deseadas del sitio. Estos enlaces deben aparecer donde sea necesario para que los usuarios salten a contenido significativo. Ejemplos de lo que estos enlaces pueden decir son:

Saltar al contenido principal

Saltar a la barra de navegación

Saltar a Buscar

Es posible que algunos temas de WordPress ya proporcionen dichos enlaces. Si este es el caso, deberá consultar estos enlaces para ver si tiene que agregar alguno propio. Otros temas, sin embargo, no proporcionarán enlaces de navegación. Por lo tanto, deberá agregar estos enlaces usted mismo.

Terminando

Repetiré lo que dije anteriormente que ninguno de estos pasos le garantiza un sitio web 100% accesible, pero sí, aumentará la accesibilidad de su sitio para cada visitante que visite su sitio y su sitio es más accesible que el 90% de los sitios web de WordPress. .

Los visitantes con discapacidades podrán navegar por su sitio al igual que otros visitantes. Dado que estos visitantes también incluyen robots de búsqueda, debe estar seguro de que hacer que su sitio sea accesible también beneficiará a su negocio y lo ayudará a clasificarse en la parte superior de los motores de búsqueda, lo que finalmente generará más ganancias de su negocio.

Espero que esta publicación de blog le haya sido útil y que esté tomando algunos elementos clave de aquí que