{"id":33972,"date":"2024-08-22T09:40:31","date_gmt":"2024-08-22T07:40:31","guid":{"rendered":"https:\/\/www.mtp.es\/?p=33972"},"modified":"2026-07-28T20:37:38","modified_gmt":"2026-07-28T18:37:38","slug":"accesibilidad-web-todo-lnecesitas-saber-sitio-accesible","status":"publish","type":"post","link":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","title":{"rendered":"Accesibilidad web: gu\u00eda completa para crear sitios y productos digitales accesibles"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 es la accesibilidad web?<\/strong><\/h2>\n\n\n\n<p>La accesibilidad web es la capacidad de una p\u00e1gina, aplicaci\u00f3n o plataforma para ser utilizada por el mayor n\u00famero posible de personas, incluidas aquellas con discapacidad visual, auditiva, f\u00edsica, motora, cognitiva, neurol\u00f3gica o del habla.<\/p>\n\n\n\n<p>Una web accesible permite que sus usuarios puedan:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Percibir la informaci\u00f3n y los componentes de la interfaz.<\/li>\n\n\n\n<li>Comprender los contenidos y las instrucciones.<\/li>\n\n\n\n<li>Navegar por las diferentes secciones.<\/li>\n\n\n\n<li>Interactuar con botones, enlaces, men\u00fas y formularios.<\/li>\n\n\n\n<li>Completar procesos de manera aut\u00f3noma.<\/li>\n\n\n\n<li>Utilizar lectores de pantalla y otras tecnolog\u00edas de asistencia.<\/li>\n\n\n\n<li>Acceder al contenido desde diferentes dispositivos y contextos.<\/li>\n<\/ul>\n\n\n\n<p>La accesibilidad no se limita a a\u00f1adir textos alternativos a las im\u00e1genes. Tambi\u00e9n afecta a la arquitectura de la informaci\u00f3n, el dise\u00f1o visual, la claridad del contenido, el c\u00f3digo HTML, la navegaci\u00f3n mediante teclado, los formularios, los v\u00eddeos, los documentos descargables y los componentes interactivos.<\/p>\n\n\n\n<p>Por este motivo, debe considerarse una dimensi\u00f3n esencial de la <a href=\"https:\/\/mtp.global\/es\/servicios\/accesibilidad-digital-y-ux\/\">experiencia de usuario<\/a> y no una correcci\u00f3n que se incorpora cuando el producto ya est\u00e1 terminado.<\/p>\n\n\n\n<p>Trabajar conjuntamente la <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/que-es-accesibilidad-digital-y-como-mejora-experiencia-de-usuario-ux\/\">accesibilidad digital y la experiencia de usuario<\/a> permite crear interfaces m\u00e1s claras, comprensibles y f\u00e1ciles de utilizar para una mayor diversidad de personas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Diferencia entre accesibilidad web y accesibilidad digital<\/strong><\/h2>\n\n\n\n<p>La accesibilidad web se centra principalmente en p\u00e1ginas, aplicaciones y contenidos que se utilizan mediante tecnolog\u00edas web.<\/p>\n\n\n\n<p>La accesibilidad digital es un concepto m\u00e1s amplio que tambi\u00e9n incluye:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aplicaciones m\u00f3viles y de escritorio.<\/li>\n\n\n\n<li>Plataformas de comercio electr\u00f3nico.<\/li>\n\n\n\n<li>Documentos PDF y ofim\u00e1ticos.<\/li>\n\n\n\n<li>Libros electr\u00f3nicos.<\/li>\n\n\n\n<li>Contenidos audiovisuales.<\/li>\n\n\n\n<li>Terminales de autoservicio.<\/li>\n\n\n\n<li>Sistemas operativos.<\/li>\n\n\n\n<li>Dispositivos conectados.<\/li>\n\n\n\n<li>Servicios bancarios digitales.<\/li>\n\n\n\n<li>Herramientas corporativas.<\/li>\n\n\n\n<li>Interfaces conversacionales.<\/li>\n\n\n\n<li>Productos basados en inteligencia artificial.<\/li>\n<\/ul>\n\n\n\n<p>En ambos casos, el objetivo es evitar que las caracter\u00edsticas de una interfaz, un contenido o una tecnolog\u00eda impidan que una persona pueda acceder a la informaci\u00f3n o utilizar un servicio de manera aut\u00f3noma.<\/p>\n\n\n\n<p>Tambi\u00e9n debe tenerse en cuenta el entorno en el que se produce la interacci\u00f3n. Comprender el <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/que-es-el-contexto-digital\/\">contexto de uso de un producto digital<\/a> ayuda a contemplar factores como el dispositivo, la iluminaci\u00f3n, el ruido, la conectividad o las capacidades temporales del usuario.<\/p>\n\n\n\n<p>Adem\u00e1s, una estructura sem\u00e1ntica clara no solo beneficia a las tecnolog\u00edas de asistencia. Tambi\u00e9n facilita que asistentes digitales y sistemas automatizados interpreten correctamente los contenidos y las acciones disponibles. Por ello, dise\u00f1ar <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/disenar-para-quien-no-ve-la-interfaz-accesibilidad-y-compatibilidad-para-agentes-ia\/\">interfaces accesibles para agentes de inteligencia artificial<\/a> puede mejorar la interoperabilidad de los productos digitales.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfA qui\u00e9n beneficia una web accesible?<\/strong><\/h2>\n\n\n\n<p>La accesibilidad es imprescindible para las personas con discapacidad, pero sus beneficios se extienden a una parte mucho mayor de la poblaci\u00f3n.<\/p>\n\n\n\n<p>Entre los usuarios que pueden encontrar barreras digitales se encuentran:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Personas ciegas o con baja visi\u00f3n.<\/li>\n\n\n\n<li>Personas sordas o con p\u00e9rdida auditiva.<\/li>\n\n\n\n<li>Personas con movilidad reducida.<\/li>\n\n\n\n<li>Usuarios que no pueden utilizar un rat\u00f3n.<\/li>\n\n\n\n<li>Personas con dislexia o dificultades de aprendizaje.<\/li>\n\n\n\n<li>Personas con discapacidad cognitiva o neurol\u00f3gica.<\/li>\n\n\n\n<li>Usuarios con sensibilidad al movimiento.<\/li>\n\n\n\n<li>Personas mayores.<\/li>\n\n\n\n<li>Usuarios con una lesi\u00f3n o limitaci\u00f3n temporal.<\/li>\n\n\n\n<li>Personas que navegan desde pantallas peque\u00f1as.<\/li>\n\n\n\n<li>Usuarios con conexiones lentas.<\/li>\n\n\n\n<li>Personas que utilizan un servicio en entornos con ruido o poca luz.<\/li>\n\n\n\n<li>Usuarios que no dominan completamente el idioma de la p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n<p>Los subt\u00edtulos, por ejemplo, son fundamentales para una persona sorda, pero tambi\u00e9n ayudan a quien consulta un v\u00eddeo sin sonido. La navegaci\u00f3n mediante teclado resulta necesaria para algunos usuarios con discapacidad motora, aunque tambi\u00e9n puede aumentar la eficiencia de quienes prefieren utilizar atajos.<\/p>\n\n\n\n<p>Del mismo modo, los formularios comprensibles, los contenidos bien estructurados y los mensajes de error precisos facilitan la interacci\u00f3n de todas las personas.<\/p>\n\n\n\n<p>La evoluci\u00f3n de sistemas como el braille demuestra c\u00f3mo una soluci\u00f3n accesible puede transformar el acceso a la informaci\u00f3n. Su aportaci\u00f3n a la <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/el-sistema-braille-una-gran-aportacion-para-mejorar-la-accesibilidad-a-personas-con-discapacidad-visual\/\">inclusi\u00f3n de las personas con discapacidad visual<\/a> sigue siendo relevante en el entorno digital.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfPor qu\u00e9 es importante la accesibilidad web?<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Inclusi\u00f3n y autonom\u00eda<\/strong><\/h3>\n\n\n\n<p>La primera raz\u00f3n para trabajar la accesibilidad es garantizar que todas las personas puedan acceder a la informaci\u00f3n y utilizar los servicios digitales en igualdad de condiciones.<\/p>\n\n\n\n<p>Cuando una web presenta barreras, algunos usuarios necesitan ayuda para realizar tareas b\u00e1sicas. En otros casos, quedan excluidos de procesos relacionados con la educaci\u00f3n, el empleo, la salud, el transporte, la banca, el comercio electr\u00f3nico o las administraciones p\u00fablicas.<\/p>\n\n\n\n<p>Eliminar estas barreras favorece la autonom\u00eda personal y una participaci\u00f3n m\u00e1s equitativa en la sociedad digital.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Mejor experiencia de usuario<\/strong><\/h3>\n\n\n\n<p>Una web accesible suele ofrecer una experiencia m\u00e1s clara, ordenada y predecible.<\/p>\n\n\n\n<p>La accesibilidad mejora aspectos como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La legibilidad.<\/li>\n\n\n\n<li>La jerarqu\u00eda de la informaci\u00f3n.<\/li>\n\n\n\n<li>La navegaci\u00f3n.<\/li>\n\n\n\n<li>La identificaci\u00f3n de controles.<\/li>\n\n\n\n<li>La comprensi\u00f3n de formularios.<\/li>\n\n\n\n<li>La prevenci\u00f3n y resoluci\u00f3n de errores.<\/li>\n\n\n\n<li>La adaptaci\u00f3n a diferentes dispositivos.<\/li>\n\n\n\n<li>La compatibilidad con distintas formas de interacci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<p>Los <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/introduccion-experiencia-usuario-fundamentos-mejores-practicas\/\">fundamentos de la experiencia de usuario<\/a> tambi\u00e9n parten de conocer a las personas, comprender sus objetivos y reducir las dificultades que encuentran durante la interacci\u00f3n.<\/p>\n\n\n\n<p>Accesibilidad y UX no son disciplinas independientes. Ambas buscan que los usuarios puedan completar sus tareas con claridad, autonom\u00eda y el menor n\u00famero posible de obst\u00e1culos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Mayor alcance y oportunidades de negocio<\/strong><\/h3>\n\n\n\n<p>Una p\u00e1gina que puede ser utilizada por m\u00e1s personas ampl\u00eda su audiencia potencial.<\/p>\n\n\n\n<p>Eliminar barreras puede contribuir a reducir abandonos, facilitar las compras, aumentar la finalizaci\u00f3n de formularios, disminuir incidencias de soporte y reforzar la confianza en la marca.<\/p>\n\n\n\n<p>La accesibilidad no garantiza autom\u00e1ticamente una mejora de la conversi\u00f3n, pero evita que determinados usuarios abandonen porque no pueden comprender una instrucci\u00f3n, utilizar un control o finalizar una acci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Reputaci\u00f3n y responsabilidad empresarial<\/strong><\/h3>\n\n\n\n<p>Las organizaciones que trabajan activamente en accesibilidad demuestran un compromiso con la inclusi\u00f3n, la igualdad y la calidad de sus servicios.<\/p>\n\n\n\n<p>Este compromiso puede reforzar la relaci\u00f3n con clientes, empleados, proveedores, administraciones y otros grupos de inter\u00e9s.<\/p>\n\n\n\n<p>La accesibilidad debe formar parte de la estrategia de responsabilidad empresarial y no limitarse a una acci\u00f3n puntual vinculada exclusivamente al cumplimiento legal.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cumplimiento normativo<\/strong><\/h3>\n\n\n\n<p>La accesibilidad digital tambi\u00e9n forma parte de las obligaciones legales aplicables a determinados productos, servicios y organizaciones.<\/p>\n\n\n\n<p>En la Uni\u00f3n Europea, el Acta Europea de Accesibilidad establece requisitos para productos y servicios como el comercio electr\u00f3nico, los servicios bancarios, los libros electr\u00f3nicos, los terminales de autoservicio y determinados servicios de transporte y comunicaci\u00f3n.<\/p>\n\n\n\n<p>En Espa\u00f1a, estos requisitos se incorporaron al ordenamiento jur\u00eddico mediante la Ley 11\/2023.<\/p>\n\n\n\n<p>El alcance concreto depende del producto, del servicio y de las caracter\u00edsticas de la organizaci\u00f3n. Por ello, cada empresa debe analizar sus obligaciones y establecer una estrategia adaptada a sus riesgos y prioridades.<\/p>\n\n\n\n<p>Para avanzar de forma sostenible no basta con corregir una p\u00e1gina aislada. Es necesario <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/como-integrar-accesibilidad-digital-en-organizacion-para-cumplir-legislacion-europea\/\">integrar la accesibilidad digital en la organizaci\u00f3n<\/a> mediante pol\u00edticas, procesos de trabajo, formaci\u00f3n y mecanismos de control.<\/p>\n\n\n\n<p>La <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cuatro-meses-aplicacion-acta-europea-accesibilidad-son-ya-accesibles-productos-servicios-digitales\/\">aplicaci\u00f3n del Acta Europea de Accesibilidad<\/a> tambi\u00e9n obliga a comprobar si los productos y servicios han realizado los cambios necesarios o si todav\u00eda mantienen barreras relevantes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Accesibilidad web y SEO<\/strong><\/h2>\n\n\n\n<p>La accesibilidad y el SEO persiguen objetivos diferentes, pero comparten algunas buenas pr\u00e1cticas.<\/p>\n\n\n\n<p>Una estructura sem\u00e1ntica correctamente construida ayuda a los usuarios de tecnolog\u00edas de asistencia a comprender la p\u00e1gina y, al mismo tiempo, facilita que los motores de b\u00fasqueda interpreten su contenido.<\/p>\n\n\n\n<p>Entre los elementos que pueden beneficiar a ambas disciplinas se encuentran:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>T\u00edtulos descriptivos.<\/li>\n\n\n\n<li>Encabezados correctamente jerarquizados.<\/li>\n\n\n\n<li>Enlaces con textos comprensibles.<\/li>\n\n\n\n<li>Contenidos bien organizados.<\/li>\n\n\n\n<li>Textos alternativos adecuados.<\/li>\n\n\n\n<li>HTML sem\u00e1ntico.<\/li>\n\n\n\n<li>Idioma de la p\u00e1gina correctamente identificado.<\/li>\n\n\n\n<li>Navegaci\u00f3n consistente.<\/li>\n\n\n\n<li>Transcripciones de contenidos audiovisuales.<\/li>\n\n\n\n<li>Compatibilidad con diferentes dispositivos.<\/li>\n<\/ul>\n\n\n\n<p>Sin embargo, una web bien posicionada no es necesariamente accesible y una p\u00e1gina accesible no alcanzar\u00e1 autom\u00e1ticamente mejores posiciones.<\/p>\n\n\n\n<p>Los textos alternativos tampoco deben utilizarse para incluir palabras clave artificialmente. Su funci\u00f3n principal es comunicar la informaci\u00f3n o finalidad de una imagen a las personas que no pueden percibirla visualmente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 son las WCAG?<\/strong><\/h2>\n\n\n\n<p>Las Web Content Accessibility Guidelines, conocidas como WCAG, son las pautas internacionales desarrolladas por el World Wide Web Consortium para mejorar la accesibilidad de los contenidos web.<\/p>\n\n\n\n<p>Las WCAG incluyen criterios verificables y tres niveles de conformidad:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Nivel A:<\/strong> re\u00fane los requisitos m\u00e1s b\u00e1sicos.<\/li>\n\n\n\n<li><strong>Nivel AA:<\/strong> es la referencia m\u00e1s habitual en proyectos profesionales y normativos.<\/li>\n\n\n\n<li><strong>Nivel AAA:<\/strong> incorpora criterios m\u00e1s exigentes, que no siempre pueden aplicarse globalmente a todo tipo de contenido.<\/li>\n<\/ul>\n\n\n\n<p>Las pautas se organizan alrededor de cuatro principios fundamentales:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Principio<\/strong><\/td><td><strong>Qu\u00e9 exige<\/strong><\/td><td><strong>Ejemplos de aplicaci\u00f3n<\/strong><\/td><\/tr><tr><td><strong>Perceptible<\/strong><\/td><td>La informaci\u00f3n debe poder percibirse de distintas formas.<\/td><td>Textos alternativos, subt\u00edtulos, contraste suficiente y contenido adaptable.<\/td><\/tr><tr><td><strong>Operable<\/strong><\/td><td>Todos los controles deben poder utilizarse.<\/td><td>Navegaci\u00f3n mediante teclado, foco visible y tiempo suficiente para completar tareas.<\/td><\/tr><tr><td><strong>Comprensible<\/strong><\/td><td>El contenido y la interacci\u00f3n deben ser claros y predecibles.<\/td><td>Lenguaje sencillo, etiquetas en formularios y mensajes de error \u00fatiles.<\/td><\/tr><tr><td><strong>Robusto<\/strong><\/td><td>El producto debe funcionar con distintos navegadores y tecnolog\u00edas de asistencia.<\/td><td>HTML sem\u00e1ntico, controles correctamente identificados y compatibilidad con lectores de pantalla.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Las WCAG constituyen una referencia t\u00e9cnica esencial, pero su aplicaci\u00f3n requiere interpretaci\u00f3n. Cumplir una lista de comprobaci\u00f3n sin analizar el contexto y la experiencia completa puede dejar barreras importantes sin resolver.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Requisitos b\u00e1sicos de una p\u00e1gina accesible<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Estructura sem\u00e1ntica<\/strong><\/h3>\n\n\n\n<p>El contenido debe organizarse mediante encabezados, listas, regiones, tablas y controles que representen correctamente su funci\u00f3n.<\/p>\n\n\n\n<p>Los encabezados no deben utilizarse \u00fanicamente por su apariencia visual. Su nivel tiene que reflejar la jerarqu\u00eda real del contenido.<\/p>\n\n\n\n<p>Una estructura adecuada permite a los usuarios de lectores de pantalla recorrer la p\u00e1gina, localizar secciones y comprender las relaciones entre los contenidos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Navegaci\u00f3n mediante teclado<\/strong><\/h3>\n\n\n\n<p>Todos los elementos interactivos deben poder utilizarse mediante teclado.<\/p>\n\n\n\n<p>El usuario debe identificar d\u00f3nde se encuentra el foco en cada momento y avanzar siguiendo un orden l\u00f3gico. Tambi\u00e9n debe poder retroceder, cerrar componentes y acceder a todas las funciones sin quedar atrapado en una secci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Contraste y uso del color<\/strong><\/h3>\n\n\n\n<p>El texto y los elementos gr\u00e1ficos significativos necesitan suficiente contraste con el fondo.<\/p>\n\n\n\n<p>El color no puede ser el \u00fanico mecanismo utilizado para indicar errores, estados, categor\u00edas, campos obligatorios u opciones seleccionadas.<\/p>\n\n\n\n<p>Si un campo contiene un error, no basta con mostrar su borde en rojo. Tambi\u00e9n debe aparecer un mensaje textual que identifique y explique el problema.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Im\u00e1genes accesibles<\/strong><\/h3>\n\n\n\n<p>Las im\u00e1genes informativas necesitan alternativas textuales que comuniquen su significado o funci\u00f3n.<\/p>\n\n\n\n<p>Las im\u00e1genes decorativas deben marcarse para que las tecnolog\u00edas de asistencia puedan ignorarlas.<\/p>\n\n\n\n<p>Los gr\u00e1ficos complejos pueden requerir una descripci\u00f3n ampliada, una tabla con los datos o una explicaci\u00f3n adicional en el contenido.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Formularios comprensibles<\/strong><\/h3>\n\n\n\n<p>Cada campo debe tener una etiqueta correctamente asociada.<\/p>\n\n\n\n<p>Las instrucciones deben aparecer antes de que el usuario las necesite y los mensajes de error tienen que indicar claramente qu\u00e9 ha ocurrido.<\/p>\n\n\n\n<p>Tambi\u00e9n es importante conservar los datos introducidos, identificar los campos obligatorios, informar del formato esperado y permitir que el usuario revise la informaci\u00f3n antes de enviarla.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Enlaces y botones descriptivos<\/strong><\/h3>\n\n\n\n<p>Los textos de los enlaces deben comunicar su destino o prop\u00f3sito.<\/p>\n\n\n\n<p>Expresiones repetidas como \u201chaz clic aqu\u00ed\u201d, \u201cver m\u00e1s\u201d o \u201cleer\u201d dificultan la navegaci\u00f3n cuando los enlaces se consultan fuera de contexto.<\/p>\n\n\n\n<p>Los botones deben utilizarse para ejecutar acciones y los enlaces para trasladar al usuario a otro recurso o ubicaci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Contenidos audiovisuales<\/strong><\/h3>\n\n\n\n<p>Los v\u00eddeos pueden necesitar subt\u00edtulos, transcripciones, audiodescripci\u00f3n u otras alternativas, dependiendo de su contenido.<\/p>\n\n\n\n<p>Los reproductores tambi\u00e9n deben poder utilizarse mediante teclado y tecnolog\u00edas de asistencia. Adem\u00e1s, el usuario debe tener control sobre los contenidos que empiezan autom\u00e1ticamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Documentos descargables<\/strong><\/h3>\n\n\n\n<p>La accesibilidad no termina en la p\u00e1gina web.<\/p>\n\n\n\n<p>Los PDF, documentos ofim\u00e1ticos y presentaciones deben contar con una estructura correctamente etiquetada, un orden de lectura l\u00f3gico, encabezados, idioma identificado, textos alternativos y tablas accesibles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Dise\u00f1o adaptable<\/strong><\/h3>\n\n\n\n<p>El contenido debe funcionar en distintos tama\u00f1os y orientaciones de pantalla.<\/p>\n\n\n\n<p>Los usuarios tienen que poder ampliar el texto sin perder informaci\u00f3n, funcionalidad o contexto.<\/p>\n\n\n\n<p>La accesibilidad no limita la creatividad visual. Es posible combinar una identidad atractiva con un <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/que-debemos-tener-en-cuenta-para-crear-pagina-web-accesible-diseno-moderno\/\">dise\u00f1o web accesible y moderno<\/a> si los criterios de contraste, jerarqu\u00eda, adaptaci\u00f3n e interacci\u00f3n se contemplan desde el principio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Componentes din\u00e1micos<\/strong><\/h3>\n\n\n\n<p>Men\u00fas, pesta\u00f1as, acordeones, carruseles, modales, autocompletados y notificaciones deben comunicar correctamente su funci\u00f3n y estado.<\/p>\n\n\n\n<p>Los tooltips son un ejemplo habitual de componente problem\u00e1tico. Aplicar buenas pr\u00e1cticas para <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/que-es-tooltip-como-conseguir-sea-accesible\/\">dise\u00f1ar tooltips accesibles<\/a> permite que la informaci\u00f3n pueda activarse mediante teclado, mantenerse visible durante la interacci\u00f3n y cerrarse f\u00e1cilmente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Barreras de accesibilidad frecuentes<\/strong><\/h2>\n\n\n\n<p>Algunos problemas aparecen de forma recurrente en webs y aplicaciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Im\u00e1genes informativas sin texto alternativo.<\/li>\n\n\n\n<li>Contraste insuficiente.<\/li>\n\n\n\n<li>V\u00eddeos sin subt\u00edtulos.<\/li>\n\n\n\n<li>Campos de formulario sin etiqueta.<\/li>\n\n\n\n<li>Mensajes de error poco claros.<\/li>\n\n\n\n<li>Men\u00fas que solo funcionan con rat\u00f3n.<\/li>\n\n\n\n<li>Orden de foco incoherente.<\/li>\n\n\n\n<li>Foco invisible.<\/li>\n\n\n\n<li>Ventanas modales inaccesibles.<\/li>\n\n\n\n<li>Enlaces con textos ambiguos.<\/li>\n\n\n\n<li>Tablas sin encabezados asociados.<\/li>\n\n\n\n<li>Controles personalizados sin nombre accesible.<\/li>\n\n\n\n<li>Captchas sin alternativas.<\/li>\n\n\n\n<li>L\u00edmites de tiempo que no pueden ampliarse.<\/li>\n\n\n\n<li>Contenidos que solo aparecen al pasar el rat\u00f3n.<\/li>\n\n\n\n<li>Documentos PDF sin etiquetar.<\/li>\n\n\n\n<li>Elementos t\u00e1ctiles demasiado peque\u00f1os.<\/li>\n<\/ul>\n\n\n\n<p>Los <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/ejemplos-de-accesibilidad-web-como-mejorar-la-accesibilidad-de-sitios-web-y-aplicaciones\/\">ejemplos pr\u00e1cticos de accesibilidad web<\/a> muestran c\u00f3mo determinados cambios en el contenido, el dise\u00f1o o el c\u00f3digo pueden eliminar estas barreras.<\/p>\n\n\n\n<p>La accesibilidad tampoco se limita a ordenadores y tel\u00e9fonos m\u00f3viles. La <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/la-accesibilidad-objetivo-tambien-en-dispositivos-de-television\/\">accesibilidad digital en dispositivos de televisi\u00f3n<\/a> requiere considerar la distancia de visualizaci\u00f3n, el uso mediante mando, los subt\u00edtulos, la audiodescripci\u00f3n y la claridad de la navegaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>C\u00f3mo integrar la accesibilidad en un proyecto digital<\/strong><\/h2>\n\n\n\n<p>La accesibilidad obtiene mejores resultados cuando se incorpora desde el inicio.<\/p>\n\n\n\n<p>Corregir barreras despu\u00e9s del lanzamiento suele requerir m\u00e1s tiempo y recursos que prevenirlas durante la investigaci\u00f3n, el dise\u00f1o y el desarrollo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Estrategia y definici\u00f3n<\/strong><\/h3>\n\n\n\n<p>Antes de comenzar el proyecto conviene identificar los est\u00e1ndares y requisitos aplicables, definir el nivel de conformidad esperado y establecer responsabilidades.<\/p>\n\n\n\n<p>Los requisitos de accesibilidad deben formar parte de contratos, pliegos, criterios de aceptaci\u00f3n y procesos de compra.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Investigaci\u00f3n y arquitectura<\/strong><\/h3>\n\n\n\n<p>La investigaci\u00f3n debe considerar la diversidad de capacidades, dispositivos y contextos de uso.<\/p>\n\n\n\n<p>Las entrevistas, la observaci\u00f3n y las pruebas con usuarios permiten detectar necesidades que pueden pasar inadvertidas para los equipos responsables del producto.<\/p>\n\n\n\n<p>La arquitectura de informaci\u00f3n debe proporcionar una navegaci\u00f3n clara, coherente y predecible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Dise\u00f1o<\/strong><\/h3>\n\n\n\n<p>Durante el <a href=\"https:\/\/mtp.global\/es\/servicios\/accesibilidad-digital-y-ux\/diseno-de-experiencia-de-usuario\/\">dise\u00f1o ux<\/a> deben definirse criterios de contraste, tipograf\u00eda, espaciado, foco, estados, errores, tama\u00f1o de controles, navegaci\u00f3n y adaptaci\u00f3n a diferentes pantallas.<\/p>\n\n\n\n<p>Los <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prototipos-mejorar-la-experiencia-usuario\/\">prototipos para mejorar la experiencia de usuario<\/a> permiten validar los flujos y los componentes antes de invertir recursos en su desarrollo completo.<\/p>\n\n\n\n<p>La <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/por-que-es-importante-accesibilidad-diseno-web\/\">importancia de la accesibilidad en el dise\u00f1o web<\/a> radica precisamente en que muchas decisiones que afectan a la inclusi\u00f3n se adoptan antes de comenzar a programar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Desarrollo<\/strong><\/h3>\n\n\n\n<p>Los equipos de desarrollo deben utilizar elementos sem\u00e1nticos, mantener la accesibilidad nativa de los controles y realizar verificaciones durante la implementaci\u00f3n.<\/p>\n\n\n\n<p>Los sistemas de dise\u00f1o pueden ayudar a reutilizar soluciones accesibles, siempre que los componentes est\u00e9n correctamente documentados y se utilicen de manera coherente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Control de calidad<\/strong><\/h3>\n\n\n\n<p>La accesibilidad debe formar parte de las pruebas habituales y de los criterios de aceptaci\u00f3n.<\/p>\n\n\n\n<p>Integrar controles desde las primeras fases facilita la <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/prevencion-de-defectos-en-el-aseguramiento-de-la-calidad-del-software\/\">prevenci\u00f3n de defectos en la calidad del software<\/a> y reduce la posibilidad de repetir los mismos errores.<\/p>\n\n\n\n<p>Las evaluaciones de accesibilidad deben coordinarse con otros controles t\u00e9cnicos. Una correcta <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/como-elegir-el-momento-para-realizar-las-pruebas-de-rendimiento\/\">planificaci\u00f3n de las pruebas de rendimiento<\/a> ayuda a garantizar que el producto siga siendo accesible y funcional en diferentes condiciones.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Publicaci\u00f3n y mantenimiento<\/strong><\/h3>\n\n\n\n<p>Despu\u00e9s del lanzamiento es necesario supervisar los nuevos contenidos, documentos, componentes, integraciones y cambios de dise\u00f1o.<\/p>\n\n\n\n<p>La accesibilidad no es un estado permanente obtenido mediante una \u00fanica revisi\u00f3n. Tratar la <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/laccesibilidad-web-pilar-estrategico-desde-ideacion-hasta-auditoria\/\">accesibilidad desde la ideaci\u00f3n hasta la auditor\u00eda<\/a> permite mantener los requisitos durante toda la evoluci\u00f3n del producto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfC\u00f3mo evaluar la accesibilidad de una web?<\/strong><\/h2>\n\n\n\n<p>Una evaluaci\u00f3n fiable debe combinar varios m\u00e9todos, ya que ninguno permite detectar por s\u00ed solo todas las barreras de accesibilidad.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>M\u00e9todo de evaluaci\u00f3n<\/strong><\/td><td><strong>Qu\u00e9 permite detectar<\/strong><\/td><td><strong>C\u00f3mo se aplica<\/strong><\/td><td><strong>Limitaciones<\/strong><\/td><\/tr><tr><td><strong>Herramientas autom\u00e1ticas<\/strong><\/td><td>Problemas de contraste, campos sin etiqueta, atributos ausentes, identificadores duplicados y algunos errores de HTML o ARIA.<\/td><td>Se utilizan herramientas de an\u00e1lisis sobre p\u00e1ginas concretas o conjuntos completos de URLs. Tambi\u00e9n pueden integrarse en los procesos de desarrollo y control de calidad.<\/td><td>Solo identifican una parte de las barreras. No pueden valorar correctamente aspectos como la calidad de un texto alternativo, la claridad de una instrucci\u00f3n o la l\u00f3gica de un proceso.<\/td><\/tr><tr><td><strong>Revisi\u00f3n manual experta<\/strong><\/td><td>Orden de foco, navegaci\u00f3n mediante teclado, estructura de encabezados, claridad de los mensajes, comportamiento de componentes din\u00e1micos y adecuaci\u00f3n de las alternativas textuales.<\/td><td>Un especialista revisa la interfaz frente a los criterios aplicables y reproduce diferentes recorridos de usuario. La combinaci\u00f3n de <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/enfoque-integral-con-automatizacion-y-validacion-manual-mejor-metodo-evaluaciones-accesibilidad\/\">evaluaci\u00f3n autom\u00e1tica y validaci\u00f3n manual<\/a> ofrece resultados m\u00e1s fiables.<\/td><td>Requiere experiencia t\u00e9cnica, conocimiento de las WCAG y m\u00e1s tiempo que una comprobaci\u00f3n autom\u00e1tica.<\/td><\/tr><tr><td><strong>Pruebas con tecnolog\u00edas de asistencia<\/strong><\/td><td>Problemas de compatibilidad con lectores de pantalla, magnificadores, sistemas de control por voz y navegaci\u00f3n mediante teclado.<\/td><td>Se comprueban tareas y componentes con diferentes combinaciones de navegador, dispositivo y tecnolog\u00eda de asistencia.<\/td><td>Los resultados dependen de las herramientas utilizadas y de la experiencia de la persona que realiza la prueba.<\/td><\/tr><tr><td><strong>Pruebas con usuarios<\/strong><\/td><td>Barreras, dudas, frustraciones y dificultades que aparecen durante tareas reales.<\/td><td>Las <a href=\"https:\/\/mtp.global\/es\/servicios\/accesibilidad-digital-y-ux\/pruebas-de-usabilidad\/\">pruebas de usabilidad<\/a> permiten observar c\u00f3mo interact\u00faan perfiles diversos, incluidos usuarios con discapacidad.<\/td><td>No sustituyen una auditor\u00eda de conformidad, ya que una muestra limitada de usuarios no puede detectar todos los posibles incumplimientos.<\/td><\/tr><tr><td><strong>Comprobaciones internas b\u00e1sicas<\/strong><\/td><td>Problemas evidentes de teclado, ampliaci\u00f3n, contraste, encabezados, enlaces y formularios.<\/td><td>Los equipos pueden realizar <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/cinco-test-de-accesibilidad-web-que-cualquiera-puede-hacer\/\">pruebas b\u00e1sicas de accesibilidad web<\/a> antes de publicar nuevos contenidos o funcionalidades.<\/td><td>Son \u00fatiles como control inicial, pero no permiten afirmar que una p\u00e1gina cumple todos los requisitos de accesibilidad.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>La evaluaci\u00f3n m\u00e1s completa combina automatizaci\u00f3n, revisi\u00f3n manual, tecnolog\u00edas de asistencia y pruebas con usuarios. De este modo, es posible analizar tanto el cumplimiento t\u00e9cnico como la experiencia real de las personas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfSon suficientes los overlays de accesibilidad?<\/strong><\/h2>\n\n\n\n<p>Los overlays son herramientas que a\u00f1aden una capa de software sobre una web para modificar determinadas caracter\u00edsticas de presentaci\u00f3n o interacci\u00f3n.<\/p>\n\n\n\n<p>Aunque pueden ofrecer opciones \u00fatiles en contextos concretos, no deben considerarse una alternativa autom\u00e1tica a corregir los problemas presentes en el dise\u00f1o, el contenido y el c\u00f3digo.<\/p>\n\n\n\n<p>Un overlay no siempre puede reparar la estructura sem\u00e1ntica, interpretar la finalidad de una imagen, reorganizar un orden de foco il\u00f3gico o mejorar un proceso complejo.<\/p>\n\n\n\n<p>Antes de implantar este tipo de soluciones, conviene conocer las <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/son-realmente-accesibles-overlays-web\/\">limitaciones de los overlays de accesibilidad<\/a> y evitar que sustituyan la correcci\u00f3n del producto original.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Inteligencia artificial y accesibilidad<\/strong><\/h2>\n\n\n\n<p>La inteligencia artificial puede ayudar a analizar grandes vol\u00famenes de p\u00e1ginas, clasificar incidencias, priorizar resultados o asistir en determinadas tareas de documentaci\u00f3n.<\/p>\n\n\n\n<p>Sin embargo, no elimina la necesidad de evaluaci\u00f3n humana.<\/p>\n\n\n\n<p>La adecuaci\u00f3n de un texto alternativo, la claridad de un contenido o la l\u00f3gica de un proceso dependen del contexto y requieren interpretaci\u00f3n.<\/p>\n\n\n\n<p>La <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/como-la-inteligencia-artificial-puede-mejorar-las-auditorias-de-accesibilidad-web\/\">inteligencia artificial aplicada a las auditor\u00edas de accesibilidad<\/a> debe entenderse como un apoyo para los especialistas y no como una garant\u00eda autom\u00e1tica de conformidad.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 hace una consultora de accesibilidad?<\/strong><\/h2>\n\n\n\n<p>Una <a href=\"https:\/\/mtp.global\/es\/servicios\/accesibilidad-digital-y-ux\/consultoria-de-accesibilidad-digital\/\">consultora de accesibilidad<\/a> ayuda a las organizaciones a conocer su situaci\u00f3n, definir prioridades y transformar los requisitos t\u00e9cnicos y normativos en acciones aplicables.<\/p>\n\n\n\n<p>Su trabajo puede incluir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Diagn\u00f3stico inicial.<\/li>\n\n\n\n<li>Auditor\u00edas de webs y aplicaciones.<\/li>\n\n\n\n<li>Evaluaci\u00f3n frente a las WCAG.<\/li>\n\n\n\n<li>Revisi\u00f3n de dise\u00f1os y prototipos.<\/li>\n\n\n\n<li>Pruebas mediante teclado y lectores de pantalla.<\/li>\n\n\n\n<li>Revisi\u00f3n de documentos.<\/li>\n\n\n\n<li>Elaboraci\u00f3n de informes.<\/li>\n\n\n\n<li>Priorizaci\u00f3n de incidencias.<\/li>\n\n\n\n<li>Acompa\u00f1amiento durante la correcci\u00f3n.<\/li>\n\n\n\n<li>Formaci\u00f3n para equipos.<\/li>\n\n\n\n<li>Validaciones posteriores.<\/li>\n<\/ul>\n\n\n\n<p>Conocer las <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/que-hace-consultora-accesibilidad-y-por-que-tu-empresa-necesita-una\/\">funciones de una consultora de accesibilidad<\/a> permite entender por qu\u00e9 el proceso no debe finalizar con la entrega de un informe.<\/p>\n\n\n\n<p>El objetivo es ayudar a corregir los problemas, establecer responsabilidades y evitar que las mismas barreras vuelvan a aparecer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Accesibilidad y consultor\u00eda UX<\/strong><\/h2>\n\n\n\n<p>El cumplimiento t\u00e9cnico no garantiza por s\u00ed solo que un producto sea sencillo, \u00fatil o satisfactorio.<\/p>\n\n\n\n<p>Una interfaz puede cumplir determinados criterios y continuar presentando procesos excesivamente largos, terminolog\u00eda confusa, opciones mal organizadas o acciones dif\u00edciles de localizar.<\/p>\n\n\n\n<p>Una <a href=\"https:\/\/mtp.global\/es\/servicios\/accesibilidad-digital-y-ux\/consultoria-ux\/\">Consultor\u00eda UX<\/a> permite investigar las necesidades de los usuarios, analizar sus recorridos y priorizar mejoras.<\/p>\n\n\n\n<p>Cuando UX y accesibilidad se integran, es posible crear productos que no solo puedan utilizarse, sino que tambi\u00e9n resulten claros, eficientes y satisfactorios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Certificaci\u00f3n de accesibilidad digital<\/strong><\/h2>\n\n\n\n<p>Una auditor\u00eda permite identificar el grado de conformidad y las barreras existentes.<\/p>\n\n\n\n<p>Una certificaci\u00f3n incorpora un proceso formal para evaluar y acreditar el nivel de accesibilidad alcanzado conforme a una metodolog\u00eda determinada.<\/p>\n\n\n\n<p>La <a href=\"https:\/\/mtp.global\/es\/servicios\/accesibilidad-digital-y-ux\/certificacion-de-accesibilidad-digital-dinclusive\/\">certificaci\u00f3n de accesibilidad digital<\/a> puede ayudar a demostrar el compromiso de la organizaci\u00f3n, establecer una referencia verificable y ordenar el proceso de mejora.<\/p>\n\n\n\n<p>DInclusive es el modelo de certificaci\u00f3n de accesibilidad digital de MTP. Su enfoque busca impulsar la inclusi\u00f3n digital desde el dise\u00f1o y evaluar la accesibilidad de webs, aplicaciones y organizaciones.<\/p>\n\n\n\n<p>El <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/que-es-dinclusive-como-impulsa-inclusion-digital-desde-diseno\/\">certificado de accesibilidad DInclusive<\/a> ofrece una referencia para reconocer el trabajo realizado y establecer mecanismos de seguimiento.<\/p>\n\n\n\n<p>Adem\u00e1s de facilitar la comunicaci\u00f3n externa, los <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-digital-y-certificacion-paso-importante-para-inclusion-otros-beneficios\/\">beneficios de certificar la accesibilidad digital<\/a> incluyen la definici\u00f3n de responsabilidades, la identificaci\u00f3n de prioridades y la consolidaci\u00f3n de una metodolog\u00eda interna.<\/p>\n\n\n\n<p>La certificaci\u00f3n no debe interpretarse como el final del proceso. Los productos digitales cambian continuamente y pueden incorporar nuevas barreras.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Plan para mejorar la accesibilidad de una organizaci\u00f3n<\/strong><\/h2>\n\n\n\n<p>Una organizaci\u00f3n puede estructurar su estrategia de accesibilidad en nueve pasos:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Inventariar las webs, aplicaciones, documentos y herramientas digitales.<\/li>\n\n\n\n<li>Identificar los requisitos legales y contractuales aplicables.<\/li>\n\n\n\n<li>Evaluar los productos y procesos prioritarios.<\/li>\n\n\n\n<li>Clasificar las incidencias seg\u00fan su impacto.<\/li>\n\n\n\n<li>Corregir los componentes y plantillas que originan los errores.<\/li>\n\n\n\n<li>Formar a los equipos seg\u00fan sus responsabilidades.<\/li>\n\n\n\n<li>Integrar controles en dise\u00f1o, desarrollo, contenidos y calidad.<\/li>\n\n\n\n<li>Habilitar un canal accesible para recibir incidencias.<\/li>\n\n\n\n<li>Medir peri\u00f3dicamente los avances y las barreras pendientes.<\/li>\n<\/ol>\n\n\n\n<p>La accesibilidad no debe depender exclusivamente de una persona o departamento. Dise\u00f1o, desarrollo, contenidos, calidad, compras, legal, producto y atenci\u00f3n al cliente tienen responsabilidades diferentes dentro del proceso.<\/p>\n\n\n\n<p>El creciente inter\u00e9s por la <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/gran-interes-normativa-y-evaluacion-accesibilidad-digital-accessibility-day-mtp\/\">normativa y la evaluaci\u00f3n de la accesibilidad digital<\/a> demuestra que las organizaciones necesitan avanzar desde acciones puntuales hacia modelos de gesti\u00f3n continuos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Tendencias de accesibilidad digital<\/strong><\/h2>\n\n\n\n<p>La accesibilidad evoluciona junto con la tecnolog\u00eda, la legislaci\u00f3n y las expectativas de los usuarios.<\/p>\n\n\n\n<p>Entre las principales l\u00edneas de evoluci\u00f3n se encuentran:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La integraci\u00f3n de la accesibilidad en los sistemas de dise\u00f1o.<\/li>\n\n\n\n<li>La automatizaci\u00f3n de controles durante el desarrollo.<\/li>\n\n\n\n<li>El uso responsable de inteligencia artificial.<\/li>\n\n\n\n<li>La participaci\u00f3n de usuarios con discapacidad.<\/li>\n\n\n\n<li>La evaluaci\u00f3n de aplicaciones m\u00f3viles.<\/li>\n\n\n\n<li>La accesibilidad de documentos y contenidos audiovisuales.<\/li>\n\n\n\n<li>La revisi\u00f3n de servicios basados en voz.<\/li>\n\n\n\n<li>La incorporaci\u00f3n de requisitos en compras y contrataci\u00f3n.<\/li>\n\n\n\n<li>Una mayor supervisi\u00f3n normativa.<\/li>\n<\/ul>\n\n\n\n<p>Aunque algunas publicaciones se centren en las <a href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/tendencias-accesibilidad-digital-2025-buscan-mejorar-experiencia-mayor-inclusion\/\">tendencias de accesibilidad digital de 2025<\/a>, muchas de sus l\u00edneas contin\u00faan siendo relevantes: automatizaci\u00f3n, inteligencia artificial, dise\u00f1o inclusivo y mayor exigencia normativa.<\/p>\n\n\n\n<p>La tendencia principal es que la accesibilidad deja de tratarse como una revisi\u00f3n aislada para convertirse en una capacidad permanente de las organizaciones.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Preguntas frecuentes sobre accesibilidad web<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfCu\u00e1nto tiempo se necesita para hacer accesible una web?<\/strong><\/h3>\n\n\n\n<p>Depende del tama\u00f1o del sitio, de su tecnolog\u00eda, de la cantidad de plantillas y de la gravedad de las barreras existentes.<\/p>\n\n\n\n<p>Una web peque\u00f1a puede requerir principalmente ajustes en componentes, contenidos y formularios. En plataformas complejas, la correcci\u00f3n puede necesitar varias fases y la coordinaci\u00f3n de diferentes equipos.<\/p>\n\n\n\n<p>Antes de establecer plazos conviene realizar un diagn\u00f3stico que permita dimensionar el trabajo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfCada cu\u00e1nto tiempo debe auditarse una web?<\/strong><\/h3>\n\n\n\n<p>No existe una frecuencia \u00fanica para todos los proyectos.<\/p>\n\n\n\n<p>Las webs que cambian constantemente necesitan controles m\u00e1s frecuentes que los sitios con contenidos estables. Tambi\u00e9n conviene realizar una revisi\u00f3n despu\u00e9s de redise\u00f1os, migraciones, cambios de tecnolog\u00eda o incorporaci\u00f3n de componentes importantes.<\/p>\n\n\n\n<p>Una auditor\u00eda peri\u00f3dica debe complementarse con controles continuos durante el desarrollo y la publicaci\u00f3n de contenidos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfEs posible corregir una web sin redise\u00f1arla por completo?<\/strong><\/h3>\n\n\n\n<p>S\u00ed, en muchos casos.<\/p>\n\n\n\n<p>Algunas barreras pueden resolverse modificando el c\u00f3digo, las etiquetas, el contraste, los mensajes o el comportamiento de los componentes sin cambiar por completo la identidad visual.<\/p>\n\n\n\n<p>Sin embargo, cuando la arquitectura, la navegaci\u00f3n o los procesos presentan problemas estructurales, puede ser necesario redise\u00f1ar determinadas \u00e1reas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfLos contenidos publicados en redes sociales tambi\u00e9n deben ser accesibles?<\/strong><\/h3>\n\n\n\n<p>S\u00ed.<\/p>\n\n\n\n<p>Las im\u00e1genes deber\u00edan incluir descripciones alternativas cuando la plataforma lo permita, los v\u00eddeos necesitan subt\u00edtulos y los textos deben mantener una estructura clara.<\/p>\n\n\n\n<p>Tambi\u00e9n conviene evitar el uso excesivo de emojis, escribir hashtags con may\u00fascula inicial en cada palabra y no comunicar informaci\u00f3n \u00fanicamente mediante una imagen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfC\u00f3mo se puede exigir accesibilidad a un proveedor?<\/strong><\/h3>\n\n\n\n<p>Los requisitos deben incluirse desde el proceso de contrataci\u00f3n.<\/p>\n\n\n\n<p>El contrato o pliego puede especificar el est\u00e1ndar aplicable, el nivel de conformidad esperado, las pruebas necesarias, la documentaci\u00f3n que debe entregarse y el procedimiento para corregir incidencias.<\/p>\n\n\n\n<p>Tambi\u00e9n es recomendable comprobar la accesibilidad del producto antes de aceptar definitivamente el trabajo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vamos a explicar en este post el concepto y las ventajas de la accesibilidad, as\u00ed como la ayuda que puede aportar MTP para conseguirla.<\/p>\n","protected":false},"author":9,"featured_media":33970,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[205],"tags":[],"class_list":["post-33972","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accesibilidad-digital-y-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accesibilidad web: gu\u00eda para crear sitios accesibles<\/title>\n<meta name=\"description\" content=\"Una gu\u00eda completa sobre accesibilidad web, criterios WCAG, experiencia de usuario, evaluaci\u00f3n, normativa y claves para crear productos m\u00e1s inclusivos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accesibilidad web: gu\u00eda para crear sitios accesibles\" \/>\n<meta property=\"og:description\" content=\"Una gu\u00eda completa sobre accesibilidad web, criterios WCAG, experiencia de usuario, evaluaci\u00f3n, normativa y claves para crear productos m\u00e1s inclusivos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/\" \/>\n<meta property=\"og:site_name\" content=\"MTP Espa\u00f1a\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-22T07:40:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T18:37:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"MTP\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"MTP\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accesibilidad web: gu\u00eda para crear sitios accesibles","description":"Una gu\u00eda completa sobre accesibilidad web, criterios WCAG, experiencia de usuario, evaluaci\u00f3n, normativa y claves para crear productos m\u00e1s inclusivos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","og_locale":"es_ES","og_type":"article","og_title":"Accesibilidad web: gu\u00eda para crear sitios accesibles","og_description":"Una gu\u00eda completa sobre accesibilidad web, criterios WCAG, experiencia de usuario, evaluaci\u00f3n, normativa y claves para crear productos m\u00e1s inclusivos.","og_url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","og_site_name":"MTP Espa\u00f1a","article_published_time":"2024-08-22T07:40:31+00:00","article_modified_time":"2026-07-28T18:37:38+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","type":"image\/jpeg"}],"author":"MTP","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"MTP","Tiempo de lectura":"19 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#article","isPartOf":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/"},"author":{"name":"MTP","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813"},"headline":"Accesibilidad web: gu\u00eda completa para crear sitios y productos digitales accesibles","datePublished":"2024-08-22T07:40:31+00:00","dateModified":"2026-07-28T18:37:38+00:00","mainEntityOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/"},"wordCount":4424,"publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","articleSection":["Accesibilidad digital y UX"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","name":"Accesibilidad web: gu\u00eda para crear sitios accesibles","isPartOf":{"@id":"https:\/\/mtp.global\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#primaryimage"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","datePublished":"2024-08-22T07:40:31+00:00","dateModified":"2026-07-28T18:37:38+00:00","description":"Una gu\u00eda completa sobre accesibilidad web, criterios WCAG, experiencia de usuario, evaluaci\u00f3n, normativa y claves para crear productos m\u00e1s inclusivos.","breadcrumb":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#primaryimage","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mtp.global\/es\/home\/"},{"@type":"ListItem","position":2,"name":"Accesibilidad web: gu\u00eda completa para crear sitios y productos digitales accesibles"}]},{"@type":"WebSite","@id":"https:\/\/mtp.global\/es\/#website","url":"https:\/\/mtp.global\/es\/","name":"MTP Global","description":"","publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mtp.global\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/mtp.global\/es\/#organization","name":"MTP Global","url":"https:\/\/mtp.global\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","width":1200,"height":400,"caption":"MTP Global"},"image":{"@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813","name":"MTP","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","caption":"MTP"},"url":"https:\/\/mtp.global\/es\/blog\/author\/marketing\/"}]}},"fimg_url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","_links":{"self":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/33972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/comments?post=33972"}],"version-history":[{"count":0,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/33972\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media\/33970"}],"wp:attachment":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media?parent=33972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/categories?post=33972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/tags?post=33972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}