Los 10 mejores temas de WordPress listos para la accesibilidad
La creación de sitios web accesibles que no excluyen a las personas con diferentes tipos de discapacidades se ha convertido en un requisito más en el diseño web en los últimos años. En estos días, es difícil obtener un contrato con el gobierno sin tener en cuenta la inclusión digital, y muchas empresas conocidas como Microsoft, Apple y Google también tratar la accesibilidad como una prioridad.
WordPress como sistema líder de gestión de contenido y plataforma de blogs también se encuentra en la primera línea del desarrollo de accesibilidad. El equipo de WordPress A11y (Accesibilidad) está ocupado haciendo que la plataforma esté disponible para la mayor cantidad de personas posible, e incluso han publicado un excelente Manual sobre accesibilidad de WordPress para desarrolladores..
La revisión de accesibilidad
La revisión de accesibilidad es una etapa opcional en el proceso de revisión del tema de WordPress. Si un tema enviado usa el listo para la accesibilidad etiqueta, el equipo de revisión lo comparará con las pautas de accesibilidad para garantizar que los temas que se promocionan a sí mismos como listos para la accesibilidad sean realmente tan.
En esta publicación, veremos los 10 mejores temas de WordPress listos para accesibilidad para ayudarlo a construir sitios de WordPress digitalmente inclusivos.
Los mejores temas de WP listos para la accesibilidad
En esta colección no solo prestamos atención a si un tema tenía la etiqueta lista para accesibilidad en el repositorio de WordPress, también tomamos en consideración Si cumple con los principios fundamentales del diseño de accesibilidad..
Omitimos algunos (de lo contrario, grandes) temas que usaban relaciones de contraste de color demasiado bajas, menús de hamburguesas en el tamaño del escritorio u otras prácticas de diseño visual que pueden afectar la accesibilidad para ciertos grupos de personas con discapacidad.
1. Ilimitado
Ilimitado es un tema de WordPress de propósito general, cuidadosamente diseñado, con una barra lateral derecha. Se carga rápidamente y utiliza una alta relación de contraste de color (blanco y gris claro frente a gris oscuro) que satisface las necesidades de los usuarios con discapacidades visuales.
Los widgets de la barra lateral son inteligentemente. resaltado por bordes superiores de color gris oscuro. Los elementos de diseño visual sutiles ayudan a los usuarios a entender rápidamente el contenido; simplemente eche un vistazo a la metainformación destacada de manera inteligente (fecha, autor, número de comentarios) en la parte inferior de la imagen destacada en cada publicación.
En su sitio de demostración, puede ver cómo se ve Unlimited cuando está completamente configurado.
2. Simone
Simone tiene un diseño bastante sencillo con enormes imágenes y tipografía escalable y centrada en la pantalla que es fácil de leer en cada tamaño de pantalla. El tema ayuda a los usuarios con discapacidad física. Accede a la navegación a través de sus teclados..
Puede personalizar muchas características de Simone, como la posición de la barra lateral (izquierda o derecha), encabezado, fondo, colores de enlace y muchos otros. Es también listo para la traducción, y ya está traducido a muchos idiomas.
Lea más sobre Simone en su sitio de demostración..
3. Zen accesible
El Zen accesible es un tema minimalista de una columna que reduce el número de distracciones Tanto como sea posible, y pone el contenido en el foco. El autor compartió en su blog la paleta de colores que utilizó. Cumple con el nivel AA de las Pautas de Accesibilidad para el Contenido Web (WCAG 2.0).
Lo único de este tema que hay no hay menú principal en la sección de encabezado, Para que los visitantes puedan acceder al contenido a la vez, esa puede ser una solución ideal para los usuarios de lectores de pantalla. Los hipervínculos están subrayados inteligentemente con líneas punteadas y volverse sólido en flotar, que también es una gran solución de accesibilidad
Si estás interesado en un Contenido enfocado, minimalista tema del blog, echa un vistazo a Zen accesible en vivo.
4. Stock
El tema Stock WordPress tiene un estilo elegante. encabezado blanco y negro Eso incluye un menú principal centrado. El emparejamiento en blanco y negro siempre es una excelente opción para los sitios listos para accesibilidad, ya que estos dos colores tienen la mayor relación de contraste de color, que es 21: 1.
El diseño es bastante minimalista, y el tema es listo para la traducción y ofrece Soporte de idioma RTL (de derecha a izquierda), así que puede ser un buen candidato para ser un tema principal de un tema secundario accesible.
Puede consultar la etapa actual del desarrollo en la página de Github de Stock.
5. Apex
Apex atrae a los visitantes con una contenido lógicamente estructurado y enormes imágenes destacadas Eso hace que el sitio se vea impresionante y profesional. La navegación superior consiste en un Menú principal en el lado izquierdo., y un menú de redes sociales a la derecha, lo que hace que sea fácil y sencillo navegar por el sitio tanto para personas discapacitadas como para dispositivos de asistencia.
Los extractos en la página de inicio son seguidos por Botones fáciles de usar "Continuar leyendo" que son bellamente resaltado y atrae a los lectores a seguir adelante. Puedes ver cómo se ve Apex en su sitio de demostración..
6. Marco pequeño
Al autor de Tiny Framework le llevó no menos de 9 meses crear este tema de WordPress atractivo y listo para la accesibilidad. El Tiny Framework es lo suficientemente flexible como para ser usado como tema principal si desea desarrollar rápidamente un tema infantil confiable que preste atención a las necesidades de las personas con discapacidad.
El tema de Tiny Framework utiliza un paleta de colores de alto contraste Con colores negro, naranja y verde.. Blockquotes, encabezados y todos los enlaces tienen diferentes colores, Lo que aumenta la legibilidad del contenido de forma significativa.. Los botones también son fácilmente perceptibles, y el tema en general tiene un aspecto bastante enérgico y vívido, pero no de la manera molesta.
7. Kuorinka
Kuorinka cargas muy rapidas y no solo ofrece soporte de accesibilidad sino que también incluye schema.org microdatos. Utiliza migas de pan para soportar la navegación principal, lo que siempre es una buena idea en el diseño de accesibilidad. Kuorinka permite al usuario añadir información corta a la parte superior de la página que puede ayudar a los visitantes a comprender el mensaje más importante que el propietario del sitio quiere transmitir.
Los encabezados de la barra lateral y los widgets de pie de página son resaltado con un fondo azul claro Eso ayuda enormemente a la segmentación visual del contenido. En el sitio de demostración puede ver otras características interesantes, como control deslizante controlado por el usuario, 3 diseños diferentes (una columna, barra lateral izquierda, barra lateral derecha) y muchos otros.
8. Aaron
Aaron es una gran opción para un sitio web de la compañía listo para la accesibilidad. Tiene un gran botón de llamada a la acción en la página de inicio que llama la atención de los visitantes a la vez. El tema tiene una alto contraste de color, pero hay que prestar atención a elegir cuidadosamente la imagen de fondo en la página de inicio para mantener la legibilidad de los aspectos destacados y los botones.
Aaron tiene un menú amigable con el teclado en la parte superior del sitio que es compatible con una cuadro de búsqueda útil al lado derecho. El tema también se puede utilizar para un sitio de comercio electrónico, ya que funciona bien con el Complemento de WooCommerce.
9. Tienda
Storefront es una oferta flexible de comercio electrónico. Integración de WooCommerce y alta personalización.. La información más importante, los productos comprados en el carrito y sus precios, son: justo al lado del menú principal en la parte superior del sitio, lo que hace que el tema sea increíblemente fácil de usar.
En el sitio de demostración puede ver la imagen del encabezado opcional que contiene una Botón de llamada a la acción altamente visible. Los productos son clasificado en diferentes categorias eso ayuda a los visitantes discapacitados que usan lectores de pantalla y otras tecnologías de asistencia a comprender rápidamente lo que se ofrece en el sitio.
Storefront tiene un elegante tema infantil llamado Boutique para presentar productos más prestigiosos que también tienen soporte de accesibilidad.
10. Autor
Author es un tema de WordPress bellamente diseñado, rápido y con accesibilidad, con una barra lateral izquierda. La barra lateral utiliza un fondo oscuro con letras blancas, lo que garantiza la alta relación de contraste de color. los los hipervínculos están subrayados así que es fácil reconocerlos.
los los encabezados utilizan un tipo de letra serif Eso facilita la legibilidad. En la plantilla de publicación única anterior y siguiente los mensajes son resaltado con un fondo gris claro que anima a los usuarios a leer más mensajes en el sitio.
