Cómo hacer que su sitio web sea más asequible (y 10 sitios de WordPress que conducen en la carretera)

Al lanzar un nuevo sitio web, probablemente pensará en varias cosas diferentes cuando lo juntas. Pero si eres como muchos, la accesibilidad no está en la parte superior de la lista. ¿Qué es la accesibilidad? Según W3C, la accesibilidad web se refiere a la facilidad con la que Internet puede usar personas con discapacidades. O, para ser más específicos, significa: “… Las personas con discapacidades pueden percibir, comprender, navegar e interactuar con la Web y que pueden contribuir a la Web”. Además, diría que es el reconocimiento de que las personas con diferentes tipos de discapacidades acceden a Internet y desean tener una experiencia agradable. Significa optimizar su sitio para disfrutar realmente del mayor número de personas posibles.
Con WordPress, el diseño para la accesibilidad no debería ser tan difícil. Tienes todas las herramientas que necesitas lograr. Pero se sorprendería de cómo sutil puede marcar una gran diferencia para aquellos que usan lectores de pantalla u otros dispositivos de asistencia. Hoy analizaremos qué hace que un sitio web asequible, algunos de los Toppress Toppres que utilizan los sitios de las Directrices de accesibilidad de contenido (WCAG) 2.0 y WordPress que también cumplan con estos estándares. ¿Qué hace que un sitio accesible? Aunque hay muchos detalles que ingresan a un sitio web totalmente accesible, se deben cumplir algunos criterios amplios.
Los siguientes son los componentes clave que caen en la accesibilidad del sitio: 1. Usando un buen HTML, Clean debería hacer esto de todos modos, pero las estructuras sólidas HTML hacen que los sitios web sean más accesibles. Utilizando todas las etiquetas de encabezado apropiadas, listas con marcadores, etiquetas alternativas, etiquetas de título y meta descripciones, informan a los visitantes con discapacidades visuales y dónde está todo en la página. Además, haga que sea más fácil para los lectores de pantalla recoger contenido y leerlo. 2. incluyendo soporte de teclado Esto está de acuerdo con un buen HTML. También debe asegurarse de que su sitio esté totalmente accesible por teclado. No se debe requerir un trackpad o mouse para acceder a toda la navegación. Sin soporte para la navegación del teclado, el visitante no podrá acceder a los enlaces que desea visitar. Sin embargo, ofrecer alternativas de texto para cualquier parte de esto es bueno, pero tiene que entender que no todos los visitantes podrán ver sus gráficos y videos de lujo. Es bueno incluir artículos multimedia (en realidad se alienta), pero sin proporcionar descripciones adecuadas y alternativas, resulta en la alienación de un grupo completo de visitantes potenciales. 4. Incluya un estilo sin estilo, otra cosa que debe hacer es dar una versión simplificada de su sitio que omita todo o la mayoría del CSS. El truco es proporcionar esto sin sacrificar ninguno de los elementos de apariencia, contenido o navegación. Desde el punto de vista del desarrollo, esto se puede lograr separando la estructura del sitio y el contenido del sitio.
5. Incluya los puntos de referencia del área en ausencia de ricas aplicaciones ricas en Internet, el diseño considerando el área significa que debe incluir puntos de referencia sin HTML y contenido para decirle a las tecnologías de asistencia, donde el visitante está en la página y lo que debe hacer a continuación .. Esto es algo que debe usarse con HTML limpio. El sitio web de Mary Washington permite a los usuarios ajustar el contraste.
6. Asegurar un buen contraste, otra cosa importante para ofrecer es una opción de alto contraste. Bueno, de hecho, podría optar por proporcionar un diseño de alto contraste, en primer lugar, que es más fácil de ver y procesarse para aquellos con discapacidades visuales. O, si está dedicado a un aspecto particular, puede proporcionar una opción de alto contraste. La Universidad de Mary Washington hace un excelente trabajo en este sentido, ofreciendo un botón que activa y desactiva el modo de alto contraste.

7. Evite los gráficos que inducen convulsiones que el contenido intermitente no es cuando diseña la accesibilidad, porque se sabe que las luces intermitentes y las imágenes de movimiento rápido provocan convulsiones en las susceptibles. Si simplemente tiene que incluir algo que parpadee en su sitio, asegúrese de que caiga por debajo del umbral apropiado. 8. Elimine los límites de tiempo Asegúrese de que cualquier contenido de medios que incluya en su sitio se pueda interrumpir y reanudar cuando los visitantes necesiten. Además, ofrezca alternativas para aquellos con discapacidades cuando tenga una parte de su tiempo sensible, como una prueba o prueba.
Los mejores temas accesibles actuales que construyen un excelente sitio web de WordPress al que se puede accesible se puede hacer manualmente. De hecho, hay muchos tutoriales para lograr exactamente. Pero creo que es importante tener en cuenta que hay muchos temas disponibles que pueden ayudarlo y cumplir con este objetivo. Se pueden personalizar como cualquier otro tema, pero proporciona una base de código validada W3C sólida y funciones asequibles que cumplan con los estándares WCAG para ayudarlo a comenzar.
Este tema minimalista es una delicia para mirar y ofrece un aspecto simple que es fácil de reconocer por dispositivos de asistencia. Se ve muy bien en todo el tamaño de la pantalla y ofrece un diseño receptivo y adaptativo. Este tema también está preparado para la traducción y ofrece un aspecto elegante familiar pero incutible, que puede usarse para sitios comerciales simples y blogs personales.
¿Estás interesado en APEX?
Descargar

Autor
Otro tema simple que vale la pena verificar se llama el autor. Es un tema con carga rápida y receptiva, que está construida en vista de la lectura e incluye funciones preparadas para la accesibilidad, para comenzar. El código se ha reducido, por lo que se cargará rápidamente a cualquier dispositivo. El autor es un tema gratuito para los interesados ​​para proporcionar contenido presentable y fácil. ¿Interesado en el autor?
Descargar
Fundador

El fundador es otro diseño minimalista que seguramente atraerá a cualquiera que busque un sitio de carga limpia y rápida. Es muy profesional y se ve muy bien en todos los dispositivos. También usa Noto Sans, Google Multilingüe Font, lo que lo hace perfecto para la traducción.
Este tema también está preparado para la accesibilidad, con una estructura HTML adecuada, código limpio y atención al contraste. ¿Estás interesado en el fundador?
Pequeño marco

Una opción popular para la accesibilidad es el marco pequeño. Este tema gratuito incorpora las características de los temas implícitos de WordPress al tiempo que agrega microdatos y esquema de accesibilidad.org. Su diseño es receptivo, se ve muy bien en los dispositivos móviles y viene con documentación completa. Este tema se basa en los personajes subrayados e incluye widgets de sótano, iconos de Fontawesome, fuentes de Google, ganchos de acción personalizados, un logotipo personalizado y una muestra de tema infantil que puede usar para comenzar las personalizaciones.
¿Estás interesado en el marco pequeño?
Descargar
Simple

Simpeli es un tema de blogs simple que realmente se refiere a su contenido. Ofrece un marco confiable de código limpio, que es estructuralmente sólido, luego sale de sus palabras. También tiene una tipografía elegante, suave para los ojos y bastante grande. La accesibilidad es, por supuesto, una característica principal aquí, que es obvia en el diseño orientado al texto y es fácil de leer la pantalla. ¿Estás interesado en las simplificaciones?
Descargar
Casper
Este es un complemento interesante en la lista de temas listos para la accesibilidad para WordPress, porque en realidad comenzó Ghost. Casper es en realidad un puerto para el tema de WordPress del Casper Ghost y es igual de hermoso y fácil de usar. Este tema es personalizable, incluye ganchos y es receptivo para un aspecto limpio.

Además, Casper cobra rápidamente y ofrece un aspecto limpio y accesible, que está preparado para el dispositivo de asistencia. ¿Estás interesado en Casper?
Dos mil dieciséis
Sí, es uno de los temas predeterminados de WordPress. ¿Pero sabes que? Veinte y dieciséis es una excelente opción de tema accesible, porque ofrece un aspecto extremadamente moderno, sin muchas pelusas y funciona y funciona muy bien, independientemente del dispositivo que use para acceder a él. Incluye un mástil horizontal, una barra lateral derecha, colores personalizados, esquemas de color predefinidos y más. Este tema es receptivo, primero en dispositivos móviles y simplemente se ve genial. Agregue que tenga un HTML limpio y correctamente formateado y se llevará a cabo en dispositivos de asistencia en un momento. ¿Estás interesado en veinte y dieciséis?

Descargar
Ilimitado
Unlimited es un tema receptivo maravilloso que da prioridad a la accesibilidad, junto con su diseño mínimo y elegante. La apariencia es simple, lo que significa que su contenido brillará solo. Por supuesto, esto es hecho por el candidato perfecto para construir un sitio asequible: no hay muchos problemas innecesarios que evitarán su marcado limpio. Acepta grandes imágenes presentadas, íconos sociales y acepta un diseño de alto contraste, que es fácil de procesar para aquellos con discapacidades visuales. ¿Estás interesado en ilimitado?
Descargar

SIMÓN
Otra opción de tema sólido se llama Simone. Tiene accesibilidad en la parte superior de la lista de características, que incluye la capacidad de respuesta y las imágenes altas. La tipografía es grande, audaz y fácil para los ojos y hay un menú social, varios widgets para la barra lateral y el sótano, plantillas de página y más. También viene con el cuadro de perfil de un autor plegable, está listo para la traducción y se puede acceder a toda la navegación desde el teclado. ¿Estás interesado en Simone?
Utilidad profesional

Utility Pro es un tema utilizado por numerosos sitios web accesibles (y aparecerá con bastante frecuencia en la lista de sitios compilados a continuación). Creado por Carrie Dils, este tema es un tema infantil para Genesis, que cumple con los estándares WCAG 2.0 e incluye apoyo completo para la traducción lingüística. Este tema es receptivo, primero en dispositivos móviles y le permite llevar a cabo negocios en cualquier país que requiera accesibilidad. En términos de accesibilidad, este tema incluye enlaces de omisión, compatibilidad con el lector de pantalla, esquemas de color de 4 niveles y navegación de teclado. Además, viene con una página de inicio widgetizada, una página de destino, varios aspectos, una barra de utilidad y más. Utility Pro es un tema premium y una licencia varía de $ 80 para un plan personal a $ 200 para profesional. ¿Estás interesado en Utility Pro?
Descargar
Leiden

Leiden es un tema infantil para Genesis Framework. Solo está disponible en GitHub, pero ofrece un aspecto y un diseño limpios, que funciona bien para muchos tipos diferentes de sitios. Sobre todo, es un tema de blog simple que garantiza que todo el contenido pueda ser leído por el público más grande posible. La demostración del tema es en realidad el sitio web de Genesis Accessible, que proporciona información sobre el complemento Genesis Accesible y el tema Leiden y sirve como un excelente ejemplo de un sitio asequible. ¿Es Leiden?
Descargar
Marco de desarrollo de Genesis de mosquete

Aunque no es un tema exacto, el marco de desarrollo de Genesis de mosquete está en la parte superior del marco de Genesis y permite una considerable personalización, mientras se asegura de seguir las mejores prácticas de diseño y accesibilidad. Es elegante con Sass, usa la biblioteca de bourbon de mezcla y el marco GID ordenado. Utiliza tareas Gulp para acelerar el desarrollo, está preparado para GIT y ofrece un diseño receptivo, primero en Mobile. También es compatible con los lectores de pantalla, acepta la navegación del teclado y más. ¿Estás interesado en el marco de desarrollo de Genesis de mosquete?
Descargar
Para obtener temas de WordPress más accesibles, consulte una publicación de nuestro propio Jenni McKinnon sobre este tema a partir de principios de este año. Los complementos de accesibilidad para WordPress El uso de un tema accesible de WordPress es una buena idea, ya que garantiza que la base de su sitio esté estructurada para la accesibilidad. Pero puede realizar un poco de modernización en cualquier tema utilizando un complemento de accesibilidad. Estos complementos pueden limpiar el código de su sitio y ayudar a aumentar su compatibilidad con los lectores de pantalla y otros dispositivos de asistencia. Aquí hay una lista rápida de complementos que vale la pena verificar: WP Accesibilidad resuelve los problemas de accesibilidad comunes con su sitio web.

Clave de accesibilidad universal (UAK) -Add Una orden de accesibilidad corta para visitar su sitio.

Génesis Accesible: este complemento implementa las características de accesibilidad para el marco de Genesis.
Salte a una forma sencilla de expandir la utilidad de la funcionalidad “Saltar al contenido” de su sitio
Widget of accessibil-add Un widget de barra lateral para cambiar el tamaño del texto en su sitio.

Evaluación de sitios web de WordPress accesibles con la herramienta Wave antes de llegar a la lista de sitios de WordPress muy asequibles, quiero superar rápidamente la herramienta para evaluar.
El instrumento de onda ayuda a los desarrolladores a evaluar la accesibilidad del sitio. Es un servicio en línea gratuito llamado Herramienta de evaluación de accesibilidad web o herramienta de onda y fue creado por WEDEIM. Funciona evaluando sitios de muchos campos de accesibilidad clave, incluidas cosas como el uso correcto de títulos, etiquetas de imágenes alternativas, tamaño de texto, contraste y lector fácil de pantalla. Aunque los sitios compilados aquí no son perfectos, fueron diseñados con seguridad. dada la accesibilidad. Y cuanto más nosotros, como desarrolladores e implementan, podemos construir sitios que combinen el buen diseño con accesibilidad, mejor seremos. Los sitios web de WordPress muy asequibles son una colección de sitios que han priorizado la accesibilidad, proporcionando un buen diseño y experiencia de usuario para el visitante del sitio web habitual. El sitio web de Brandon Kraft Brandon Kraft es un buen lugar para comenzar esta lista. Si el nombre suena familiar, debería: Kraft es un colaborador principal en WordPress y funciona en la automática. Mantiene un sitio web personal que escribe en el blog sobre todos los aspectos de su vida, desde el viaje hasta la preparación en el hogar y la paternidad. Su sitio es muy simple, pero fácil de leer, con su fondo gris blanco, la accesibilidad del teclado y la estructura HTML apropiada.
Brandon Kraft es un colaborador principal de WordPress.
Su sitio se puede leer fácilmente utilizando dispositivos de asistencia, se puede navegar por teclado y está optimizado para funcionar tan bien y sin la hoja de estilo. Funciona bastante bien en la herramienta de onda, aunque se han producido varios errores de contraste (no es un problema si se ve sin CSS). Suf Artlink Otro ejemplo del sitio web de WordPress es la presencia en la Web of Suf Artlink, una organización benéfica que tiene como objetivo mejorar la calidad de vida de aquellos con una amplia gama de expresiones creativas. Utiliza un tema personalizado basado en Genesis Framework y está diseñado con la accesibilidad. También utiliza complementos de accesibilidad para mejorar su compatibilidad con los dispositivos de asistencia, como la accesibilidad de WP y la génesis accesible.
Este sitio funciona muy bien en la herramienta Wave. Algunas características notables incluyen el uso de etiquetas de aria, etiquetas alternativas para todas las imágenes, buen contraste y buen uso de un estilo sin estilo. La Universidad de Washington, después de dirigir el sitio web de la Universidad de Washington a través del instrumento Wave, se ha convertido obviamente de inmediato que da prioridad a la accesibilidad.
Sitio web de la Universidad de Washington. Tiene solo tres errores y, aunque hay muchas alertas, el diseño en sí está obviamente orientado para ser accesible para los lectores de pantalla y las personas con discapacidades visuales. Incluye grandes títulos y texto del cuerpo, texto alternativo para cada imagen y navegación clara.
Después de algunas excavaciones, el sitio también presenta un sitio web de la universidad simulado en sus páginas para demostrar por qué el diseño inaccesible es un problema tan grande para las personas con discapacidades. La versión anterior del sitio tiene una serie completa de problemas de accesibilidad, incluida una Captcha en el formulario web y la falta de identificación de etiquetas HTML. La versión posterior se limpia considerablemente y tiene un botón de ayuda justo arriba, ha escapado de Captcha e incluye elementos de navegación eliminados. La accesibilidad del juego desarrollada por un miembro del equipo de accesibilidad de WordPress, Rian Rietveld, la accesibilidad del juego es un sitio dedicado a ofrecer a las personas de formas alternativas de interactuar con los juegos populares modificando el juego y/o la introducción. El proyecto de accesibilidad del juego apunta a Informe e informe y educa a los jugadores con discapacidades, así como a desarrolladores y editores de juegos. El sitio está casi completamente desprovisto de problemas de accesibilidad y ofrece un excelente texto, imágenes brillantes y atrevidas y navegación simple. Siempre es agradable cuando un sitio sobre accesibilidad práctica lo que predica. Y ciertamente cumple con la marca y algo más.
El diseñador de Robin Gale Cornett WordPress, Robin Cornett, muestra lo que puede hacer en su sitio personal. Mientras habla de WordPress, Génesis y complementos que ha creado como Superside Me, también demuestra cómo puede verse un buen diseño accesible. Según Génesis, su sitio se ve muy bien, funciona bien y sigue la mayoría de las reglas de accesibilidad. Los botones y las imágenes son grandes, el texto es audaz y fácil de leer, y todo el contenido es accesible desde el teclado.
Robin Cornett es un desarrollador y diseñador de WordPress. Rabia Gales Otra creación Robin Cornett es Rabia Gale, un sitio de autores de ficción especulativa que funciona como una biografía, blog y en todas partes en Internet para sus historias y novelas. El sitio se basa en el marco de Genesis e incluye texto muy grande, enlaces contrastantes de enlaces, menús accesibles desde el teclado y un buen formato HTML, como omitir enlaces. El sitio es innegable atractivo, pero aún prioriza la accesibilidad. Esto es lo que se llama diseño responsable, buenas personas.

Un hermoso sitio que también es accesible.
Controlamiento alternativo alternativo es un sitio diseñado por Robin Cornett y cubre temas de curación natural.

Curación natural por accesible. Use el tema de utilidad Pro que mencioné anteriormente y ofrece un diseño vibrante. La tipografía es atractiva y cautivadora. Se las arregla para ofrecer un diseño especial, mientras mantiene la accesibilidad de los inquilinos. Para algunos, este es un desafío, pero este sitio lo hace fácil.
Elimine la hoja de estilo, y el código incluye enlaces de ignorancia y estructuras correctamente HTML para un fácil acceso a los dispositivos de asistencia. Según el instrumento de onda, este sitio también pasa la prueba de saturación para aquellos con problemas de procesamiento de color. La fiesta de la cultura es otro sitio creado usando Utility Pro, que es fácil de leer, muy profesional y ofrece todas las características que espera de un sitio interactivo.

Vacaciones culturales: fácil de leer y profesional. Hay un formulario de registro para un boletín de correo electrónico, una barra de búsqueda y un aspecto simple que es fácil de navegar. CultureFeast funciona bien en el instrumento de onda (en su mayoría satisfecho con la base básica) e incluye texto grande e íconos claros. La Fundación Faedis Faedis es una organización sin fines de lucro que ayuda a las personas con discapacidades a desarrollar conjuntos de habilidades que los hacen más adecuados para el empleo.
Su sitio web fue creado utilizando Utility Pro e incluye funciones de accesibilidad prominentes. Algunas de estas características incluyen conmutación de botones para ajustar el tamaño del texto y el contraste, los menús accesibles desde el teclado, la navegación clara y la compatibilidad con el lector de pantalla. Sam Jolley es un ejemplo del sitio web de Sam Jolley, un hermoso sitio de estilo de cartera, que incluye todas las funciones que esperaría, mientras mantiene la accesibilidad.

Incluye botones de exhortación prominentes, grandes imágenes y textos y una gran navegación.Este sitio también se construyó utilizando Utility Pro, pero administra un aspecto totalmente diferente, debido a su concentración de negocios y cartera.Sobre la apariencia simultánea y el déficit de accesibilidad ingresé a este artículo pensando que podría encontrar fácilmente ejemplos de sitios accesibles creados usando WordPress, pero simplemente no era el caso.Utilicé todo tipo de trucos de Google para encontrar sitios que usen temas accesibles sin ningún resultado.Publiqué en muchas comunidades de WordPress solo para ser recibidas por el silencio de la radio.Solo cuando (a sugerencia de nuestro querido editor) publiqué en el canal de accesibilidad en WordPress Slack, recibí un punto de gracia en la dirección correcta, junto con los enlaces a muchos de los sitios mencionados anteriormente.La ayuda fue muy apreciada (¡gracias al equipo de accesibilidad!
). Pero lo que me notó es que, a pesar de las donaciones y el gran trabajo de este equipo, todavía tenemos un largo camino por recorrer antes de que la accesibilidad se convierta en una parte principal del desarrollo del sitio de WordPress. Si el objetivo es llegar a tantas personas con un sitio web, es lógico crear sitios que consideren la accesibilidad. Y, sin embargo, en este momento, simplemente no es el caso. “Demasiados desarrolladores consideran la accesibilidad como una idea posterior”. Ya sea que use WordPress u otro CMS por completo, el diseño accesible debe ser parte del plan desde el principio. Es lo que hay que hacer. Y cada vez más, y el legal. Todo el tiempo se elaboran nuevas leyes que requieren que las empresas brinden accesibilidad en sus sitios web, especialmente cuando ofrecen servicios o productos a la venta. Por ejemplo, una mujer ciega de Australia ha demandado recientemente a la cadena de mercado, Coles, debido a la falta de accesibilidad de su sitio. Varias universidades también se han visto obligadas a emitir acuerdos sobre aplicaciones de accesibilidad. El futuro es accesible. Así que me sorprende que más sitios de WordPress aún no adopten los estándares WCAG. Ciertamente vemos muchos sitios de Drupal que hacen esto. Muchos sitios universitarios se basan en Drupal y muestran visiblemente su información de accesibilidad. No estoy seguro de cuál es la solución con respecto a la extensión de la accesibilidad de WordPress. Quiero decir, los instrumentos están ahí. El marco de Génesis domina esta área en este momento.

Pero hay otros temas y hay excelentes complementos que facilitan la incorporación de accesibilidad. “Pero ahora depende de los diseñadores individuales usar WordPress para construir los sitios accesibles que sabemos que son capaces”. El énfasis en la accesibilidad a primera vista, crear un sitio de WordPress asequible puede parecer una tarea. Es decir, ya tiene muchos pasos para lanzar un sitio, y la accesibilidad con la construcción seguramente agregará algunos más a la lista. Pero no creo que la accesibilidad se vea como opcional. Después de todo, si construimos sitios para la velocidad, para un buen diseño, para la funcionalidad y para UX típico, también debemos pensar en UX para aquellos con discapacidades. Punto. ¿Has encontrado un sitio de WordPress muy accesible últimamente? Me encantaría saberlo en los comentarios. Y si tiene sugerencias de diseño para la accesibilidad, no dude en compartirlas. Etiquetas: WCAG
Accesibilidad del sitio web

WordPress