ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Search
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
© 2022 Themelocal. Reservados todos los derechos.
Lectura: Consejos para diseñar un sitio de WordPress compatible con ADA
Cuota
Notificación Mostrar más
Últimas noticias
iOS 16.4 Beta: Cómo habilitar el aislamiento de voz para llamadas de teléfono celular
Cómo
Revisión: OWC Thunderbay 8 ofrece almacenamiento Mac de alto rendimiento y alto volumen
Reseñas de tecnología
Cómo crear un GIF en Photoshop
Cómo
Fotograma completo vs APS-C: ¿Qué sensor de cámara debería elegir?
Versus
Currys acaba de lanzar el mejor paquete de Pixel 7 hasta el momento
Ofertas
Aa
ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
Aa
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
Search
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Síganos
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
© 2022 Themelocal. Reservados todos los derechos.
ThemeLocal: consejos de blog que funcionan como magia > Blog > Consejo > Consejos para diseñar un sitio de WordPress compatible con ADA
Consejo

Consejos para diseñar un sitio de WordPress compatible con ADA

Última actualización: diciembre 21, 2022 6:40 am
ThemeLocal hace 3 meses 13 Minutos mínimos para leer
Cuota
13 Minutos mínimos para leer
Cuota

Si su objetivo es crear un sitio de WordPress que sea exitoso y fácil de usar, probablemente ya sepa que debe concentrarse en aspectos como la velocidad de carga de su sitio, los diseños de página adecuados, la navegación y los elementos de SEO. Sin embargo, lo que quizás no sepa es que también debe hacer que su sitio cumpla con la ADA.

Contents
Definición del cumplimiento de la ADAConsejos sencillos para un sitio de WordPress compatible con ADAComience con su diseño y construcción inicialCultive contenido que sea legibleAdopte mejores prácticas confiables

¿No está seguro de qué es el cumplimiento de la ADA o por qué necesita priorizarlo al crear su sitio web? Entonces estás en el lugar correcto. Analicemos qué es el cumplimiento de ADA, por qué necesita centrarse en él y cómo puede diseñar su sitio de WordPress para que cumpla con ADA.

Definición del cumplimiento de la ADA

Antes de definir el cumplimiento de la ADA, analicemos rápidamente la accesibilidad del sitio web. En esencia, la accesibilidad del sitio web es la práctica de mejorar el acceso al sitio web para usuarios con discapacidades. Es importante que los sitios web se diseñen y desarrollen de manera que brinden acceso completo a su funcionalidad y datos para usuarios con o sin discapacidades.

ADA – también conocida como la Acta de Americanos con Discapacidades – es una ley federal cuyos estándares exigen que la información y la tecnología digital sean de fácil acceso para cualquier ciudadano estadounidense con una discapacidad. Aunque similar a los estándares de la Sección 508, la ADA es diferente en el sentido de que se aplica ampliamente a organizaciones, tanto públicas como privadas (y sin fines de lucro). Por el contrario, la Sección 508 se aplica específicamente a la tecnología de comunicación de la información federal.

Consejos sencillos para un sitio de WordPress compatible con ADA

Ahora que está familiarizado con el cumplimiento de ADA y por qué es importante para sus usuarios, necesita saber cómo diseñar un sitio de WordPress que cumpla con ADA. Estos son algunos de los pasos más importantes que debe seguir.

Comience con su diseño y construcción inicial

Querrá tener en cuenta los estándares de accesibilidad todo el tiempo que esté creando un sitio de WordPress. Aunque detectará problemas relacionados con la accesibilidad durante las pruebas posteriores a la compilación, aún desea crear un sitio que esté lo más limpio posible de antemano.

Chrome Inspeccionar contraste de color

Se recomienda que comience prestando atención a contraste de color. Según las WCAG 2.1, los sitios web deben mantener una relación de contraste de color de al menos 4,5:1 si están usando texto de menos de 18 puntos en sus fondos y primeros planos. Para cualquiera de los dos colores en el fondo y el primer plano de un sitio con texto de 18 puntos o más, la relación de contraste debe ser de 3:1. Esto es fácil de probar simplemente inspeccionando el diseño de su sitio web utilizando las herramientas de desarrollo de su navegador. En la captura de pantalla anterior, puede ver que el contraste de los párrafos de Themelocal es 14,66, muy por encima del mínimo de 4,5.

Gutenberg bloquea más configuraciones: fondo

También son importantes para el cumplimiento de la ADA de su sitio sus colores alternativos. Los sitios web modernos están repletos de imágenes interesantes, pero muchos usuarios desactivan el estilo y las imágenes para acceder a la información de un sitio web más rápidamente. Cuando un usuario deshabilita las imágenes a través de su navegador, el fondo del sitio al que está accediendo aparece en blanco. Por esta razón, asegúrese de agregar colores alternativos a los paneles de su sitio de WordPress, asegúrese de agregar un texto alternativo (que usan los navegadores cuando no se puede mostrar una imagen) y considere incluir texto descriptivo en la parte superior de sus imágenes.

Si está utilizando un creador de páginas, simplemente puede seleccionar un color para el fondo de su bloque, columna o fila donde se colocará una imagen mientras está construyendo. Puede ver un ejemplo de Gutenberg para un color de fondo de bloque arriba. Pero para los temas con plantillas codificadas, es posible que desee crear un tema secundario para agregar respaldos personalizados o consultar al desarrollador del tema si no se siente cómodo con el código.

Visualización de la interfaz del menú de WordPress

Como parte de su diseño y construcción inicial, trate de hacer un diseño de menú que cuenta con múltiples e intuitivas opciones de navegación. Cuando crea un menú en WordPress, debe asignarse a una ubicación de menú, pero dependiendo de su tema, puede tener múltiples o incluso muchas ubicaciones. Asegúrese de verificar la accesibilidad y usabilidad de todos sus menús en computadoras de escritorio y dispositivos móviles. También puede considerar vincular un mapa del sitio en el pie de página de su sitio web para permitir que sus visitantes accedan a todas las páginas de su sitio desde un solo lugar.

Ejemplo de ubicación de búsqueda: tema total

Además, querrá incluir funcionalidad de búsqueda para permitir a los usuarios utilizar frases y palabras clave específicas con las que pueden buscar en su sitio web. La mayoría de los temas tendrán un ícono de búsqueda ya incluido como parte del diseño del encabezado. Pero en caso de que su tema no lo haga, es posible que desee agregar un widget de búsqueda a la barra lateral o al pie de página de su sitio.

Página de contacto total

Y, por último, para asegurarse de que está haciendo un buen trabajo desde el punto de vista de la accesibilidad, incluya un formulario de comentarios desde el pie de página de su sitio también. Hay muchos formularios web accesibles y fáciles de usar para WordPress que puede usar para aceptar comentarios de accesibilidad, así como para crear otros formularios para su sitio (por ejemplo, formulario de contacto, envíos de blogs, registro de usuarios, etc.).

Cultive contenido que sea legible

Cuando se trata del cumplimiento de la ADA, un gran obstáculo que deberá superar es la legibilidad. El contenido legible solo significa contenido que es fácil de leer y comprender.

En términos generales, debe apuntar a alrededor de siete a diez palabras por línea de contenido. Siéntase libre de hacer ajustes a los tamaños de fuente y anchos de columna, así como ajustes al texto en dispositivos móviles mediante consultas de medios. Cuanto más legible sea el contenido de su sitio, más probable es que sus visitantes permanezcan en su sitio por más tiempo y naveguen a sus otras páginas.

Si desea utilizar un diseño estandarizado para ayudar con la legibilidad de su contenido, no hay mejor herramienta que el «Diseño de materiales» de Google. Material Design se centra en gran medida en la legibilidad y ofrece a los creadores de sitios web iconos, diseños, colores y más recomendados.

Es esencial que evite que el texto de su sitio esté sobre los colores de fondo que usan transparencia alfa. Si no lo hace, se encontrará con errores cuando llegue el momento de probar su sitio. Debe usar un código numérico que sea hexadecimal cuando trabaje con colores que coloque contra la transparencia alfa.

El “alfa” en transparencia alfa se refiere al nivel de transparencia u opacidad de un color; produce contraste y se representa como un cero (totalmente transparente) o un uno (totalmente opaco). En el contexto del cumplimiento de la ADA, es importante recordar que reducir el alfa de un elemento, a su vez, reducirá su contraste y permitirá que los colores subyacentes se filtren. Siempre diseñe un sitio de WordPress que enfatice el contraste entre el texto y los colores de fondo para optimizar la legibilidad de su contenido.

Adopte mejores prácticas confiables

No le gustaría crear lo que cree que es un sitio compatible con ADA sin familiarizarse primero con las mejores prácticas comprobadas para la accesibilidad. Si no adopta algunas de las mejores prácticas comprobadas y confiables en lo que respecta al cumplimiento de la ADA, corre el riesgo de enfrentar una demanda relacionada con la ADA.

Una vez que haya probado sus niveles de accesibilidad lo mejor que pueda, querrá abordar cada problema que encuentre. Haga un balance del contenido de su sitio de WordPress y decida si puede crear salidas alternativas que puedan reemplazar su contenido multimedia existente, como imágenes y videos.

De hecho, si está tratando de mejorar la experiencia de los usuarios con discapacidades visuales (y debería hacerlo siempre que sea posible), deberá asegurarse de que su texto mantenga una relación de contraste de 4.5:1 o superior y que se pueda redimensionar hasta 200%. Estos usuarios también se beneficiarán de sutiles indicadores visuales que están activos cuando su sitio emite sonido o de subtítulos que acompañan a sus medios visuales.

Para los visitantes de su sitio web con discapacidades físicas y los visitantes que usan lectores de pantalla, es importante asegurarse de que su sitio web tenga una ruta de tabulación lógica y un estilo de enfoque de tabulación claro para permitir a los usuarios navegar fácilmente a través de los elementos de su sitio. Los usuarios que experimentan discapacidades motoras temporales y permanentes confían en gran medida en sus teclados para facilitar la navegación: un orden de tabulación lógico hace que la navegación sea fluida para cualquier visitante de su sitio con discapacidades motoras.

Aunque puede ser complicado, es importante lograr el equilibrio adecuado entre mejorar la accesibilidad sin restar valor a la funcionalidad de su sitio mediante la realización de pruebas de usabilidad. Un equilibrio razonable entre estos aspectos no solo brinda experiencias intuitivas para sus visitantes y reduce la probabilidad de que lo golpeen con una demanda relacionada con la ADA, sino que también aumenta la posibilidad de que su sitio web ganando más críticas positivas en línea.


Sin duda, crear un sitio de WordPress que cumpla con ADA es un gran problema para su marca. Dicho esto, la creación y el mantenimiento de un sitio que se adhiera a ADA es una gran tarea.

Si le preocupa que invertir en el cumplimiento de ADA le quitará demasiado tiempo y recursos valiosos, recuerde que cumplir con ADA puede aumentar la visibilidad de su sitio entre las páginas de resultados de Google. También evitará que se vea afectado por juicios relacionados con la ADA que consumen mucho tiempo y dinero y aumentará la probabilidad de que cultive una audiencia más amplia de clientes. Haga lo correcto por sus visitantes que lidian con discapacidades e invierta en su marca a largo plazo invirtiendo también en el cumplimiento de ADA.

También podría gustarte

iOS 16.4 Beta: Cómo habilitar el aislamiento de voz para llamadas de teléfono celular

SharePlay: Cómo hacer ejercicio con amigos usando Apple Fitness Plus

¿El modo de enfoque no funciona? Pruebe estos 8 consejos para solucionar problemas

¿Alguna vez has usado Wi-Fi público? Esta oferta de NordVPN es para ti

Esta caída de precios de Switch OLED es demasiado buena para dejarla pasar

ETIQUETADO: ADA, compatible, con, Consejos, diseñar, para, sitio, WordPress
ThemeLocal diciembre 21, 2022
Comparte este artículo
Facebook Twitter Pinterest Whatsapp Whatsapp
Cuota
¿Qué piensas?
Amor0
Triste0
Contento0
Somnoliento0
Enfadado0
Sin comentarios0
Guiño0
Artículo anterior Ofertas del Boxing Day: consejos para las próximas ofertas y ofertas en vivo ahora
Artículo siguiente AirTags no se conectan: Consejos para la solución de problemas de AirTag
Deja un comentario

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Publicación popular

La banda ancha Super Fiber de Now es actualmente súper barata
Ofertas
Una PS5 Pro finalmente podría cumplir la promesa incumplida de Sony
Reseñas de tecnología
El iPhone 14 Plus ahora es más barato que el iPhone 14 con esta oferta
Ofertas
La oferta de datos ilimitados del iPhone 14 ahora es aún más barata
Ofertas
Carga rápida: el Snapdragon 7 Plus Gen 2 es capaz, pero ¿algún teléfono lo usará?
Reseñas de tecnología
Chefree Air Fryer Grill AFG01 revisión
Reseñas de tecnología

También podría gustarte

Cómo

iOS 16.4 Beta: Cómo habilitar el aislamiento de voz para llamadas de teléfono celular

hace 4 horas 3 Minutos mínimos para leer
Cómo

SharePlay: Cómo hacer ejercicio con amigos usando Apple Fitness Plus

hace 13 horas 3 Minutos mínimos para leer
Cómo

¿El modo de enfoque no funciona? Pruebe estos 8 consejos para solucionar problemas

hace 18 horas 9 Minutos mínimos para leer
Ofertas

¿Alguna vez has usado Wi-Fi público? Esta oferta de NordVPN es para ti

hace 21 horas 3 Minutos mínimos para leer
Ofertas

Esta caída de precios de Switch OLED es demasiado buena para dejarla pasar

hace 2 días 3 Minutos mínimos para leer
Ofertas

Este reloj Alexa de £ 20 es una ganga para el hogar inteligente

hace 2 días 3 Minutos mínimos para leer
Ofertas

Este recorte de precios de PS5 hay que verlo para creerlo

hace 2 días 3 Minutos mínimos para leer
Ofertas

Apple MacBook Pro con M2 Pro obtiene un descuento tentador

hace 5 días 3 Minutos mínimos para leer
Mostrar más
ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
Síganos

© 2022 Themelocal. Reservados todos los derechos.

  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar

Removed from reading list

Deshacer
Welcome Back!

Sign in to your account

¿Perdiste tu contraseña?