\u00abLa accesibilidad es la pr\u00e1ctica de hacer que tus sitios web sean utilizables por el mayor n\u00famero de personas posible. Tradicionalmente pensamos que se trata de personas con discapacidades, pero la pr\u00e1ctica de hacer que los sitios sean accesibles tambi\u00e9n beneficia a otros grupos, como los que utilizan dispositivos m\u00f3viles o los que tienen conexiones de red lentas.\u00bb (fuente<\/a>)<\/em><\/p><\/blockquote>\n Cuanto m\u00e1s accesible sea tu sitio, m\u00e1s gente podr\u00e1 usarlo. Cuando un sitio es menos accesible, o cuando no se da prioridad a la accesibilidad, una parte de tu audiencia se ve disuadida o se le impide completamente obtener toda la informaci\u00f3n que tu sitio ofrece.<\/p>\n En esta entrada, hablaremos de por qu\u00e9 es importante la accesibilidad, qu\u00e9 significa, el grado en que WordPress ya es accesible, c\u00f3mo los creadores de sitios pueden hacerlos accesibles y c\u00f3mo probar la accesibilidad de un sitio.<\/p>\n \u00a1Empecemos!<\/p>\n La accesibilidad web significa que un sitio web est\u00e1 dise\u00f1ado y desarrollado para que todas las personas puedan utilizarlo. Esto incluye la forma en que entienden, navegan<\/a>, interact\u00faan y contribuyen al sitio web.<\/p>\n Una buena manera de definir y comprender plenamente la accesibilidad web es acabar con algunos de sus mitos.<\/p>\n\n Un sitio web totalmente accesible debe poder ser utilizado por personas con discapacidades auditivas, cognitivas, neurol\u00f3gicas, f\u00edsicas, del habla y visuales. Las personas con discapacidades son el principal objetivo de los esfuerzos de accesibilidad. Sin embargo, no son las \u00fanicas personas que se benefician de un sitio web accesible.<\/p>\n La accesibilidad de la web mejora la experiencia del usuario para todos los siguientes tipos de personas y situaciones:<\/p>\n Es probable que en los \u00faltimos a\u00f1os hayas o\u00eddo hablar cada vez m\u00e1s de la accesibilidad de la web. Como la web est\u00e1 creciendo y cada vez hay m\u00e1s gente que se apoya en ella, la accesibilidad web se est\u00e1 convirtiendo en una cuesti\u00f3n m\u00e1s urgente. Pero no es solo una moda.<\/p>\n \u00abLa accesibilidad digital es un derecho civil y un derecho humano de los discapacitados de todo el mundo\u00bb.<\/em> A medida que pasa el tiempo y el uso de la web se hace m\u00e1s omnipresente, tambi\u00e9n lo hace la necesidad de generalizar la accesibilidad de la web. Cuando un sitio web no es totalmente accesible seg\u00fan las directrices WCAG, los particulares pueden emprender acciones legales contra el desarrollador o propietario del sitio web.<\/p>\n Basta con echar un vistazo al n\u00famero de demandas en torno a la accesibilidad web para entender la seriedad con la que la gente se est\u00e1 tomando esto. El n\u00famero de demandas de 2017 a 2018 casi se ha triplicado<\/a>. Desde entonces, ese n\u00famero ha alcanzado una media de 2.345 demandas al a\u00f1o. Incluso durante la pandemia de COVID-19 a lo largo de 2020, el n\u00famero de demandas de accesibilidad al sitio web del T\u00edtulo III de la ADA en los tribunales federales aument\u00f3 al 12% con respecto al a\u00f1o anterior.<\/p>\n La accesibilidad web ha llegado para quedarse. A medida que desarrollamos software y sitios web<\/a>, tenemos que incorporar la accesibilidad web a nuestros procesos de cara al futuro. Esto es necesario no solo porque a nadie le gusta que le demanden, sino porque Internet tiene que satisfacer las necesidades de todas las personas, sean cuales sean.<\/p>\n Una vez que entiendas por qu\u00e9 la accesibilidad es importante -y que puede haber consecuencias por no darle prioridad-, puede que tengas prisa por asegurarte de que tu sitio web es compatible con las WCAG.<\/p>\n Uno de los mitos m\u00e1s populares sobre la accesibilidad de la web es que se puede descargar un simple plugin<\/a> o instalar un software que, con un chasquido de dedos, haga que tu sitio sea totalmente accesible. Esto es sencillamente imposible.<\/p>\n Seg\u00fan a11yproject.com<\/a>, los problemas de accesibilidad son objetivos o subjetivos. Los problemas objetivos pueden detectarse mediante c\u00f3digo, y los subjetivos requieren el juicio humano. El c\u00f3digo nunca puede resolver con precisi\u00f3n los problemas que caen en la \u00faltima categor\u00eda, y los intentos de hacerlo a menudo causan m\u00e1s da\u00f1o que bien en el proceso.<\/p>\n \u00abLas soluciones de superposici\u00f3n son soluciones de software automatizadas que, como sabemos, solo pueden detectar el ~30% de los problemas de las WCAG en primer lugar. Esto se debe a que las WCAG son matizadas e interpretativas. Las m\u00e1quinas no son buenas en esto\u00bb. (fuente<\/a>)<\/em><\/p><\/blockquote>\n Recuerda que la accesibilidad no consiste en evitar riesgos, sino en ofrecer experiencias optimizadas a todos los usuarios.<\/p>\n La Iniciativa de Accesibilidad a la Web ha desarrollado un conjunto de Directrices de Accesibilidad al Contenido en la Web<\/a> (WCAG) que pueden ayudarte a garantizar que tu sitio web cumpla con las normas y sea totalmente accesible. Si dise\u00f1as, desarrollas o das soporte a un sitio web, deber\u00edas estar muy familiarizado con estas directrices.<\/p>\n La accesibilidad no es solo un tema de inter\u00e9s para los desarrolladores, sino tambi\u00e9n para los dise\u00f1adores, los responsables de marketing, los redactores de contenidos y los gestores de proyectos, entre otros. La accesibilidad debe ser una prioridad a lo largo de todo el proceso de creaci\u00f3n del sitio, desde la planificaci\u00f3n hasta el lanzamiento. Tambi\u00e9n hay que mejorar continuamente la accesibilidad de un sitio web despu\u00e9s de su puesta en marcha.<\/p>\n Esta es una de las grandes preguntas que se hace mucha gente cuando considera a WordPress como una opci\u00f3n para construir un sitio: \u00bfHasta qu\u00e9 punto es ya accesible, y cu\u00e1nto trabajo hay que hacer para que WordPress sea accesible? Como no hay una respuesta en blanco y negro para esto, veamos el grado en que WordPress ya es accesible.<\/p>\n La buena noticia es que, con el tiempo, WordPress se ha vuelto cada vez m\u00e1s accesible<\/a>. Cada versi\u00f3n da peque\u00f1os pasos y avances teniendo en cuenta la accesibilidad. A medida que la accesibilidad se convierte en un tema m\u00e1s amplio en la mente de m\u00e1s personas, m\u00e1s personas pueden priorizarla.<\/p>\n Adem\u00e1s, muchas personas de la comunidad de WordPress son apasionadas y se manifiestan sobre estos temas. Cada nuevo tema por defecto de WordPress<\/a> da pasos adicionales para ser m\u00e1s accesible. Los desarrolladores est\u00e1n creando nuevas herramientas de asistencia y escribiendo gu\u00edas y art\u00edculos sobre la accesibilidad de WordPress todo el tiempo. Por lo tanto, nunca estar\u00e1s solo en tu viaje por la accesibilidad de WordPress.<\/p>\n Si est\u00e1s interesado en aprender m\u00e1s sobre WordPress y la accesibilidad directamente de los miembros de la comunidad, visita WordPress.tv y mira estas charlas sobre accesibilidad<\/a>.<\/p>\n A pesar de los recientes avances, WordPress no siempre es 100% accesible. Cada versi\u00f3n de WordPress se enfrenta a algunas cr\u00edticas en t\u00e9rminos de d\u00f3nde se queda corto. A principios de 2019, WPCampus realiz\u00f3 una extensa auditor\u00eda de la versi\u00f3n m\u00e1s reciente de Gutenberg<\/a> en ese momento. Un trabajo como este es incre\u00edblemente importante; desde esa auditor\u00eda, se han cerrado 116 problemas relacionados con la accesibilidad<\/a>.<\/p>\n Para los creadores de contenidos discapacitados puede resultar dif\u00edcil publicar con WordPress. Como es imposible automatizar todas las facetas de dise\u00f1o y desarrollo accesibles, cualquiera puede crear p\u00e1ginas web inaccesibles con WordPress.<\/p>\n \u00abEl front-end de WordPress est\u00e1 m\u00e1s o menos en el mismo lugar que ha estado durante a\u00f1os: perfectamente capaz de ser accesible, pero depende totalmente del desarrollador que construye el sitio. Un tema pobre o unos plug-ins inaccesibles marcan la diferencia. El administrador ha seguido mejorando: ha sido un camino dif\u00edcil para hacer avanzar el editor Gutenberg hacia una mejor accesibilidad, sin embargo se est\u00e1n haciendo progresos. Dicho esto, es una batalla constante para evitar regresiones de accesibilidad con cualquier nuevo componente de la interfaz.\u00bb (fuente<\/a>)<\/em><\/p><\/blockquote>\n \u00bfQu\u00e9 significa esto para ti como desarrollador<\/a> o dise\u00f1ador de WordPress<\/a>? Tu viaje hacia un sitio web totalmente accesible es un poco m\u00e1s corto cuando empieza con WordPress. Sin embargo, a\u00fan queda un trecho por recorrer antes de llegar a la meta.<\/p>\n Ahora, vamos a entrar en los pasos que puedes dar para asegurarte de que un sitio web de WordPress es accesible para todos los usuarios.<\/p>\n Pase lo que pase, nunca dejes la accesibilidad como una tarea que se aborda al final del proyecto. Debe ser una prioridad integrada desde el principio del proceso. Y debe ser un objetivo continuo una vez que el sitio se haya lanzado.<\/p>\n No existe una lista de comprobaci\u00f3n \u00fanica que se pueda seguir o automatizar para garantizar el 100% de la accesibilidad. Gran parte del trabajo depende de tus plugins, tema y contenido<\/a>.<\/p>\n Crear un sitio web accesible es como construir un edificio seguro: seguro que hay directrices, pero la atenci\u00f3n individual, el mantenimiento y las renovaciones cuidadosas son esenciales para garantizar que se alcance el objetivo.<\/p>\n Empecemos con algunas de las mejores pr\u00e1cticas de dise\u00f1o accesible<\/a> para sitios web de WordPress, desglosadas por tipo. Esta informaci\u00f3n deber\u00eda servir como una base s\u00f3lida para su educaci\u00f3n en materia de accesibilidad.<\/p>\n Todas las im\u00e1genes de tu sitio deben ser accesibles para todos los usuarios. Dado que no todos los usuarios pueden ver im\u00e1genes, algunos pueden utilizar tecnolog\u00eda de asistencia para entender los elementos visuales, por lo que tu sitio debe estar preparado para funcionar con esa tecnolog\u00eda.<\/p>\n El texto alternativo (o \u00abalt\u00bb) es una descripci\u00f3n escrita que adjuntas a una imagen. Los lectores de pantalla leer\u00e1n esa descripci\u00f3n en voz alta a cualquier visitante que no pueda ver la imagen. El texto alternativo debe usarse para cualquier imagen que proporcione informaci\u00f3n \u00fatil en la p\u00e1gina. Esto incluye todo, desde fotos<\/a> hasta iconos e infograf\u00edas.<\/p>\n La \u00fanica excepci\u00f3n es si una imagen se considera puramente \u00abdecorativa\u00bb. Las im\u00e1genes de fondo<\/a>, los separadores o las im\u00e1genes que muestran el texto presentado en la propia p\u00e1gina no necesitan necesariamente un texto alternativo.<\/p>\n Cuando escribas el texto alternativo, recuerda que no debes describir la imagen tal y como es. En su lugar, comunica lo que significa la imagen dentro del contexto de la p\u00e1gina. Estas son algunas buenas pautas que te ayudar\u00e1n a escribir un excelente texto alternativo:<\/p>\n A\u00f1adir texto alternativo a las im\u00e1genes de tu sitio web de WordPress es m\u00e1s f\u00e1cil de lo que cree. Puedes a\u00f1adir este texto en el mismo lugar en el que a\u00f1adir\u00edas el pie de foto de una imagen<\/a>.<\/p>\n Abre tu biblioteca de medios <\/strong>y selecciona la imagen que quieres editar. Se abrir\u00e1 la pantalla de configuraci\u00f3n <\/strong>de esa imagen. En el campo Texto alternativo<\/strong>, a\u00f1ade el texto alternativo y haz clic en Guardar<\/strong>:<\/p>\n Cuando se dise\u00f1a un sitio accesible, es esencial proporcionar un contraste de color adecuado. Un contraste de color deficiente puede afectar a la legibilidad de tus sitios en numerosos casos, como para los usuarios con problemas de visi\u00f3n, los dalt\u00f3nicos o las personas que utilizan determinados dispositivos. Las im\u00e1genes, el texto y elementos como los botones necesitan un contraste de color adecuado.<\/p>\n El contraste de color se refiere a c\u00f3mo aparecen los colores brillantes u oscuros cuando se colocan uno frente al otro o muy cerca de \u00e9l. Por ejemplo, un texto negro sobre fondo blanco tiene un contraste de color mucho mayor (21:1) que un texto amarillo sobre fondo blanco (1,08:1). Las WCAG 2.0 AA exigen una relaci\u00f3n m\u00ednima de 4,5:1 para el texto normal y de 3:1 para el texto de mayor tama\u00f1o (negrita de 18px o est\u00e1ndar de 24px y superior).<\/p>\n \u00bfQu\u00e9 significa esto exactamente? La forma m\u00e1s sencilla de determinar si tus colores funcionan bien juntos<\/a> es introducirlos en una herramienta de comprobaci\u00f3n de contraste, como el Comprobador de Contraste de WebAIM<\/a>. Hay toneladas de herramientas de revisi\u00f3n gratuitas en l\u00ednea.<\/p>\n Consulta nuestra secci\u00f3n de pruebas<\/a> para saber m\u00e1s sobre las pruebas de colores.<\/p>\n A medida que vayas probando m\u00e1s y m\u00e1s combinaciones de colores, mejorar\u00e1s para determinar solo con la vista qu\u00e9 combinaciones de colores funcionan y cu\u00e1les no.<\/p>\n Tambi\u00e9n debes asegurarte de evitar el uso del color como factor distintivo principal. Por ejemplo, muchos sitios tienen enlaces de un color diferente al del cuerpo del texto que los rodea. Sin embargo, si el color es dif\u00edcil de ver para un usuario por alguna raz\u00f3n, podr\u00eda ser imposible para ellos diferenciar entre una palabra vinculada y una palabra no vinculada. Utiliza el color para embellecer un enlace, pero a\u00f1ade un subrayado debajo del texto para que el enlace sea accesible.<\/p>\n Gran parte de lo que experimentamos en la web es texto. Usamos los sitios web para leer art\u00edculos, recetas, historias y mucho m\u00e1s. Ahora mismo est\u00e1s leyendo este post. Por ello, el texto debe estar optimizado para todos los lectores, tanto si leen con los ojos como con los o\u00eddos.<\/p>\n Hay dos formas principales de hablar del texto cuando se habla de accesibilidad: las fuentes<\/a> y los tama\u00f1os.<\/p>\n Una fuente accesible es f\u00e1cil de leer en tama\u00f1os peque\u00f1os y grandes<\/a>. Fuentes como Tahoma, Calibri, Helvetica, Arial, Verdana, Times New Roman, Arvo, Museo Slab y Rockwell son opciones accesibles. Los lectores con dislexia pueden tener dificultades para leer ciertos tipos de letra, incluidos muchos tipos de letra con serifa. Las fuentes sin serifa<\/a> para el cuerpo del texto suelen ser una opci\u00f3n m\u00e1s segura. Es mejor evitar los tipos de letra de visualizaci\u00f3n -como los estilos de escritura a mano<\/a> o cursiva<\/a>– a menos que el texto sea grande, escaso y principalmente decorativo.<\/p>\n El tama\u00f1o de las fuentes<\/a> es incre\u00edblemente importante para la accesibilidad. Vamos a discutir algunas reglas generales cuando se trata de tama\u00f1o de la fuente accesible.<\/p>\n Las fuentes por defecto deben ser de al menos 9pt o 12px. Se recomienda 12pt o 16px. Seg\u00fan las directrices WCAG, el texto debe poder leerse cuando se ampl\u00eda al 200%. Se recomienda utilizar porcentajes o em en lugar de p\u00edxeles o puntos para establecer el tama\u00f1o de la fuente. Utilizar distintos pesos de fuente est\u00e1 bien, pero aseg\u00farate de que si tu texto utiliza un peso ligero, sea lo suficientemente grande para poder verlo.<\/p>\n Esto no es lo \u00fanico que hay que hacer para dise\u00f1ar teniendo en cuenta la accesibilidad. Sin embargo es fundamental saber por d\u00f3nde empezar. Si quieres profundizar en el dise\u00f1o para la accesibilidad, consulta estos recursos:<\/p>\n Cuando se construye un sitio web o su software complementario (como temas y plugins), hay cosas importantes que hay que tener en cuenta para la accesibilidad. Algunas de ellas se solapan con el dise\u00f1o, no obstante esta secci\u00f3n siguiente se centra principalmente en el funcionamiento de tu sitio y en c\u00f3mo el usuario interactuar\u00e1 con \u00e9l.<\/p>\n Los usuarios deben ser capaces de interactuar con tu sitio web y utilizarlo con relativa facilidad, sea como sea. Esto no solo incluye disfrutar de las im\u00e1genes y leer el texto, sino interactuar con los men\u00fas, los formularios<\/a>, los botones y los v\u00eddeos<\/a>.<\/p>\n Al construir tu sitio, aseg\u00farate de que todos los elementos interactivos puedan identificarse f\u00e1cilmente. Todos los men\u00fas de navegaci\u00f3n, desde la cabecera hasta el pie de p\u00e1gina<\/a>, deben poder usarse con controles de teclado. El aspecto de los enlaces y botones al La navegaci\u00f3n en las p\u00e1ginas de tu sitio<\/a> debe ser coherente y clara. La forma de nombrar, estilizar y posicionar los enlaces de navegaci\u00f3n es incre\u00edblemente importante. Unas migas de pan<\/a> bien pensadas y unos t\u00edtulos claros permitir\u00e1n a los usuarios interactuar con tu contenido con confianza.<\/p>\n Es probable que tengas uno o dos formularios<\/a> en tu sitio web. Te sorprender\u00eda descubrir cu\u00e1ntos formularios son inaccesibles. Los elementos de tus formularios deben incluir etiquetas asociadas, ya sea a la izquierda o encima del campo. (Las casillas de verificaci\u00f3n y las casillas de radio pueden ir a la derecha.) Debe quedar muy claro para los usuarios para qu\u00e9 sirve cada campo del formulario.<\/p>\n Si tienes alg\u00fan contenido en tu sitio que se reproduzca autom\u00e1ticamente, como un GIF<\/a>, un deslizador<\/a>, un carrusel, un v\u00eddeo o m\u00fasica<\/a>, debe haber controles visibles que permitan al usuario detener la animaci\u00f3n o el sonido. Lo mejor es ofrecer opciones para detener, pausar u ocultar el elemento por completo.<\/p>\n Si eres un desarrollador que quiere profundizar en el desarrollo de la accesibilidad web, consulta estos consejos directamente del W3C.<\/a><\/p>\n Si eres un constructor de sitios web DIY, puedes lograr mucho de lo que se discute en este post eligiendo un tema accesible. Es importante que los desarrolladores entiendan qu\u00e9 hace que un tema sea accesible para darle prioridad en sus proyectos.<\/p>\n Los temas de WordPress<\/a> controlan el aspecto de tu sitio web. Muchos temas vienen preempaquetados con esquemas de color y familias de fuentes. Es imprescindible asegurarse de que esos colores y tipos de letra cumplen los requisitos indicados anteriormente. Muchos temas se anuncian como \u00abtotalmente accesibles\u00bb, pero esto no siempre es cierto. Utiliza tus propias pruebas para determinar si un tema es accesible o no.<\/p>\n El equipo de accesibilidad de WordPress.com ha preparado una lista de 92 temas gratuitos en el repositorio de WordPress<\/a> que puedes empezar a utilizar ahora mismo.<\/p>\n Al crear un tema accesible, aseg\u00farate de conocer los requisitos WCAG desde el principio. Entre las \u00e1reas m\u00e1s comunes que deben abordarse durante el desarrollo se encuentran:<\/p>\n Aseg\u00farate de marcar las directrices de accesibilidad de WordPress<\/a> para facilitar su consulta cuando empieces a crear tu tema.<\/p>\n Los plugins de WordPress<\/a> te permiten a\u00f1adir funcionalidad plug-and-play a tu sitio web de WordPress. Hay dos tipos de plugins de accesibilidad para WordPress: los que ayudan a crear un sitio web accesible y los que hacen que un sitio existente sea accesible para los usuarios.<\/p>\n Ten cuidado con los plugins de WordPress que te ofrecen garant\u00edas como \u00abaccesibilidad con un solo clic\u00bb o \u00abautom\u00e1ticamente accesible\u00bb. Estas cosas son imposibles. Los plugins son herramientas que pueden ayudarte a conseguir tus objetivos de accesibilidad, no varitas m\u00e1gicas que hagan todo el trabajo por ti. A veces, los plugins pueden incluso obstaculizar tus esfuerzos de accesibilidad, as\u00ed que procede con cierta precauci\u00f3n.<\/p>\n Hay montones de plugins centrados en la accesibilidad que prometen mejorar, supervisar o remediar los problemas de accesibilidad. Puede que auditen el sitio y te indiquen d\u00f3nde hacer mejoras. O pueden proporcionar herramientas frontend para facilitar la creaci\u00f3n de una experiencia accesible en tu sitio.<\/p>\n Algunas son muy \u00fatiles. Otros, sin embargo, ofrecen falsas promesas. Aseg\u00farate siempre de investigar a fondo un plugin como este antes de comprometerte con \u00e9l.<\/p>\n Algunos plugins crean contenidos interactivos, como cuestionarios y deslizadores. Como ya se ha dicho, estos elementos requieren una atenci\u00f3n especial y pruebas para asegurar que son totalmente accesibles. Prueba siempre a fondo un plugin interactivo en un sitio de ensayo o de desarrollo<\/a> antes de ponerlo en marcha<\/a>.<\/p>\n Lo mismo puede decirse de los plugins de formularios<\/a>. Por desgracia, muchos tienen problemas de accesibilidad. Si este es el caso, los formularios codificados a medida son una buena alternativa.<\/p>\n Una categor\u00eda popular de plugins es la de los constructores de p\u00e1ginas<\/a>. Estos son geniales para permitirte construir dise\u00f1os robustos y sofisticados de arrastrar y soltar r\u00e1pidamente. Sin embargo, a menudo pueden introducir m\u00e1s problemas de accesibilidad de los que resuelven. No hay una soluci\u00f3n \u00fanica para este problema, as\u00ed que mant\u00e9n un dise\u00f1o sencillo y aseg\u00farate de probar todos los elementos para confirmar la accesibilidad.<\/p>\n Una declaraci\u00f3n de accesibilidad es una p\u00e1gina de tu sitio web en la que comunicas tus pol\u00edticas internas, tus objetivos de accesibilidad y tus \u00e9xitos pasados en relaci\u00f3n con el trabajo con personas con discapacidad.<\/p>\n Deber\u00edas generar y publicar una declaraci\u00f3n de accesibilidad en tu sitio web de WordPress por las siguientes razones:<\/p>\n Puedes escribir tu propia declaraci\u00f3n de accesibilidad siguiendo estas directrices proporcionadas por el W3C<\/a> o utilizando un generador de declaraciones de accesibilidad<\/a>.<\/p>\n La accesibilidad no consiste en pulsar los botones correctos y luego marcharse. Las pruebas son una parte fundamental<\/a> para garantizar que un sitio sea totalmente accesible. Tanto las pruebas automatizadas como las manuales pueden ayudarte a asegurarte de que tienes todas las bases cubiertas.<\/p>\n Las pruebas autom\u00e1ticas<\/a> son \u00fatiles para saber por d\u00f3nde empezar. Si eres nuevo en el campo de la accesibilidad o no sabes por d\u00f3nde empezar, empieza por las pruebas y evaluaciones autom\u00e1ticas.<\/p>\n La mayor\u00eda de las pruebas automatizadas identificar\u00e1n cosas como un mal contraste de colores, falta de texto alternativo, enlaces vac\u00edos, problemas con elementos estructurales, etc. Puedes utilizar estas pruebas para generar una lista de problemas a los que hacer frente. Este tipo de pruebas son especialmente \u00fatiles para encontrar errores basados en el c\u00f3digo que pueden ser menos visibles a simple vista, pero que ser\u00e1n importantes para algunos de tus usuarios.<\/p>\n Un ejemplo de prueba de accesibilidad gratuita que puedes utilizar es la herramienta WebAim<\/a>. Examina toda tu p\u00e1gina web y genera una lista de errores. Incluso te mostrar\u00e1 exactamente en qu\u00e9 parte de la p\u00e1gina se producen esos errores.<\/p>\n Puedes encontrar montones de herramientas de accesibilidad individuales que te ayudar\u00e1n con problemas espec\u00edficos. Por ejemplo, utiliza un comprobador de contraste<\/a> antes de empezar a dise\u00f1ar para asegurarte de que los colores de tu paleta combinan bien.<\/p>\n Recuerda que ninguna prueba automatizada es perfecta, infalible o sustituye a las pruebas manuales.<\/p>\n Dado que la accesibilidad de WordPress tiene que ver con casos de uso humanos reales, deben ser humanos reales los que tengan la \u00faltima palabra sobre si un sitio es accesible o no. En consecuencia, reservar tiempo y recursos para las pruebas manuales es incre\u00edblemente importante.<\/p>\n Entonces, \u00bfc\u00f3mo se realiza una prueba manual? He aqu\u00ed algunas cosas que puedes hacer para comprobar la accesibilidad de un sitio sin necesidad de herramientas o programas sofisticados o caros:<\/p>\n En caso de duda, ponte en contacto con una empresa que ofrezca pruebas de accesibilidad manual. Los expertos en accesibilidad y dise\u00f1o y desarrollo web pueden hacer un trabajo r\u00e1pido de revisi\u00f3n manual y decirte exactamente qu\u00e9 \u00e1reas necesitan trabajo.<\/p>\nConsulta Nuestro Videotutorial<\/a> sobre la Accesibilidad Web<\/h3>\n
Qu\u00e9 Significa la Accesibilidad Web<\/h2>\n
Primer Mito: Es Solo Para Los Ciegos<\/h3>\n
\n
Segundo Mito: Es una Moda o Tendencia<\/h3>\n
\nLainey Feingold<\/a>, abogada de derechos de los discapacitados y autora<\/p><\/blockquote>\n![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Web-Data-2017-2020-1.png\")
Tercer Mito: Se Puede Automatizar Totalmente la Accesibilidad<\/h3>\n
Directrices de Accesibilidad al Contenido de la Web<\/h2>\n
C\u00f3mo de Accesible es WordPress Fuera de la Caja<\/h2>\n
Donde WordPress Hace Bien la Accesibilidad<\/h3>\n
![\"Manual](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.01.06-AM-1024x688.png\")
D\u00f3nde Falla WordPress<\/h3>\n
C\u00f3mo Hacer un Sitio Web de WordPress Accesible<\/h2>\n
Buenas Pr\u00e1cticas de Dise\u00f1o Accesible<\/h3>\n
Im\u00e1genes<\/h4>\n
![\"Demostraci\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-08-24-at-11.38.11-AM-1024x691.png\")
\n
![\"Campo](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-08-24-at-11.27.34-AM-1024x405.png\")
Colores<\/h4>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.05.34-AM.png\")
Texto<\/h4>\n
![\"Con](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/7a7eb38089ed87ddf2a9ca0faf515773.png\")
<\/a>\n
Mejores Pr\u00e1cticas de Desarrollo Accesible<\/h3>\n
Elementos Interactivos<\/h4>\n
hover<\/code>, focus<\/code> y click<\/code> debe cambiar.<\/p>\n![\"Estilos](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.08.15-AM.png\")
![\"Kinsta](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/kinsta-breadcrumbs-example-1-1024x584.png\")
![\"Los](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/dont-remove-borders-1024x318.png\")
Temas de WordPress<\/h3>\n
\n
Plugins de WordPress<\/h3>\n
Declaraciones de Accesibilidad<\/h3>\n
\n
C\u00f3mo Probar la Accesibilidad del Sitio de WordPress<\/h2>\n
C\u00f3mo Realizar Pruebas Automatizadas<\/h3>\n
![\"Herramienta](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/Screen-Shot-2021-09-07-at-9.13.49-AM.png\")
C\u00f3mo Realizar Pruebas Manuales<\/h3>\n
\n