{"id":12205,"date":"2025-07-03T09:01:19","date_gmt":"2025-07-03T07:01:19","guid":{"rendered":"https:\/\/wwwarcelona.com\/?p=12205"},"modified":"2026-09-07T16:10:01","modified_gmt":"2026-09-07T14:10:01","slug":"diseno-inclusivo-accesibilidad-web-para-2025","status":"publish","type":"post","link":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/","title":{"rendered":"Accesibilidad web: Dise\u00f1o inclusivo para 2025"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12205\" class=\"elementor elementor-12205 elementor-12079\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0279230 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0279230\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-60a3348\" data-id=\"60a3348\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5cef3dd elementor-widget elementor-widget-image\" data-id=\"5cef3dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Diverse_creative_team_designing_an_accessible_web_8e89d653-3d7e-4f8e-b3c8-5973dd484dd5_1.png\" class=\"attachment-large size-large wp-image-12092\" alt=\"Accesibilidad web\" srcset=\"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Diverse_creative_team_designing_an_accessible_web_8e89d653-3d7e-4f8e-b3c8-5973dd484dd5_1.png 1024w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Diverse_creative_team_designing_an_accessible_web_8e89d653-3d7e-4f8e-b3c8-5973dd484dd5_1-300x300.png 300w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Diverse_creative_team_designing_an_accessible_web_8e89d653-3d7e-4f8e-b3c8-5973dd484dd5_1-150x150.png 150w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Diverse_creative_team_designing_an_accessible_web_8e89d653-3d7e-4f8e-b3c8-5973dd484dd5_1-768x768.png 768w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Diverse_creative_team_designing_an_accessible_web_8e89d653-3d7e-4f8e-b3c8-5973dd484dd5_1-180x180.png 180w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Diverse_creative_team_designing_an_accessible_web_8e89d653-3d7e-4f8e-b3c8-5973dd484dd5_1-360x360.png 360w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Diverse_creative_team_designing_an_accessible_web_8e89d653-3d7e-4f8e-b3c8-5973dd484dd5_1-640x640.png 640w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-701d5bb\" data-id=\"701d5bb\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8013e68 elementor-widget elementor-widget-text-editor\" data-id=\"8013e68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><\/span> La <i><span style=\"font-weight: 400;\">accesibilidad web<\/span><\/i><span style=\"font-weight: 400;\"> ya no es una opci\u00f3n para dise\u00f1adores, desarrolladores y marcas digitales. De cara a 2025, garantizar que cualquiera pueda navegar por un sitio web, independientemente de sus capacidades, es un requisito \u00e9tico, legal y estrat\u00e9gico. <\/span> <\/p><p><span style=\"font-weight: 400;\">A<a href=\"https:\/\/es.linkedin.com\/company\/wwwarcelona\" target=\"_blank\" rel=\"noopener\"> trav\u00e9s de mi experiencia<\/a> mejorando sitios web para clientes de todo tipo, he aprendido que aplicar el est\u00e1ndar WCAG 2.2 no solo es viable, sino que puede marcar la diferencia entre un sitio web invisible y uno impactante.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2cbb1b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2cbb1b4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-890a704\" data-id=\"890a704\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-37acb00 elementor-widget elementor-widget-heading\" data-id=\"37acb00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfPor qu\u00e9 es clave la accesibilidad web hoy en d\u00eda?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73a4555 elementor-widget elementor-widget-text-editor\" data-id=\"73a4555\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Para empezar, hay que recordar que el 15% de la poblaci\u00f3n mundial vive con alg\u00fan tipo de discapacidad. En consecuencia, millones de personas pueden tener dificultades visuales, auditivas, motoras o cognitivas que afectan su navegaci\u00f3n por internet. Por eso, cuando un sitio no tiene <\/span><i><span style=\"font-weight: 400;\">acceso a la web<\/span><\/i><span style=\"font-weight: 400;\">, deja fuera una parte significativa de su audiencia potencial. Por otro lado, es fundamental tener en cuenta que muchos gobiernos ya exigen por ley que los lugares p\u00fablicos y privados cumplan con ciertas directrices de accesibilidad.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4df30ed elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4df30ed\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ed05024\" data-id=\"ed05024\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24416aa elementor-widget elementor-widget-heading\" data-id=\"24416aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Novedades en WCAG 2.2\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8f987 elementor-widget elementor-widget-text-editor\" data-id=\"1d8f987\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Las <\/span><i><span style=\"font-weight: 400;\">Directrices de Accesibilidad de Contenidos Web<\/span><\/i><span style=\"font-weight: 400;\"> (WCAG) son el est\u00e1ndar internacional para lograr <\/span> <i><span style=\"font-weight: 400;\">una accesibilidad web<\/span><\/i> eficiente<span style=\"font-weight: 400;\">. Desde su lanzamiento, la versi\u00f3n 2.2 \u2014publicada oficialmente en octubre de 2023\u2014 introduce nuevos criterios para satisfacer mejor las necesidades de los usuarios con discapacidades cognitivas y dificultades de interacci\u00f3n. En este sentido, es esencial comprender estas actualizaciones para aplicarlas correctamente.<\/span><\/p><p><span style=\"font-weight: 400;\">Entre las novedades m\u00e1s relevantes se encuentran:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enfoque no oculto (m\u00ednimo y mejorado): Garantiza que el enfoque del teclado sea siempre visible, incluso en dise\u00f1os muy visuales.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Arrastrar movimientos: Ofrece alternativas para quienes no saben arrastrar con precisi\u00f3n, lo que mejora la navegaci\u00f3n con el teclado.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tama\u00f1o objetivo (m\u00ednimo): Se establece un tama\u00f1o m\u00ednimo para los elementos interactivos, facilitando su uso para personas con movilidad reducida.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ayuda constante: Garantiza que la ayuda (como chats, preguntas frecuentes o correos electr\u00f3nicos) sea coherente y accesible en todas las p\u00e1ginas, sean p\u00fablicas o privadas.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">Aunque estas directrices son t\u00e9cnicas, tienen un impacto directo en la experiencia del usuario y, por supuesto, en el cumplimiento legal y reputacional de cualquier marca.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9e8e79d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9e8e79d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ac2ed8\" data-id=\"2ac2ed8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c51d7f8 elementor-widget elementor-widget-image\" data-id=\"c51d7f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_A_visually_impaired_person_using_a_laptop_with_a__aad1b6b1-b9f4-4afc-af47-f839158083e5_2.png\" class=\"attachment-large size-large wp-image-12086\" alt=\"\" srcset=\"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_A_visually_impaired_person_using_a_laptop_with_a__aad1b6b1-b9f4-4afc-af47-f839158083e5_2.png 1024w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_A_visually_impaired_person_using_a_laptop_with_a__aad1b6b1-b9f4-4afc-af47-f839158083e5_2-300x300.png 300w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_A_visually_impaired_person_using_a_laptop_with_a__aad1b6b1-b9f4-4afc-af47-f839158083e5_2-150x150.png 150w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_A_visually_impaired_person_using_a_laptop_with_a__aad1b6b1-b9f4-4afc-af47-f839158083e5_2-768x768.png 768w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_A_visually_impaired_person_using_a_laptop_with_a__aad1b6b1-b9f4-4afc-af47-f839158083e5_2-180x180.png 180w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_A_visually_impaired_person_using_a_laptop_with_a__aad1b6b1-b9f4-4afc-af47-f839158083e5_2-360x360.png 360w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_A_visually_impaired_person_using_a_laptop_with_a__aad1b6b1-b9f4-4afc-af47-f839158083e5_2-640x640.png 640w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7884beb elementor-widget elementor-widget-heading\" data-id=\"7884beb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfC\u00f3mo aplicar la accesibilidad web sin perder estilo?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94af923 elementor-widget elementor-widget-text-editor\" data-id=\"94af923\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Uno de los grandes temores que suelen tener los dise\u00f1adores es que la accesibilidad rompe con la est\u00e9tica. Aun as\u00ed, es totalmente posible combinar dise\u00f1o e inclusi\u00f3n, y lo he visto en varios proyectos con clientes exigentes. <\/span><\/p><p><span style=\"font-weight: 400;\">Para empezar con buen pie, necesitas trabajar sobre una base s\u00f3lida:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Contraste de color adecuado:<\/strong> Existen herramientas como <\/span><i><span style=\"font-weight: 400;\">Colores Accesibles<\/span><\/i><span style=\"font-weight: 400;\"> que te permiten elegir paletas atractivas que cumplan con el m\u00ednimo de contraste. Adem\u00e1s, estas herramientas ayudan a mantener la consistencia visual.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Tipograf\u00eda clara y legible:<\/strong> evita fuentes demasiado decorativas y opta por alineaciones a la izquierda, facilitando la lectura para todos.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Orden sem\u00e1ntico del c\u00f3digo HTML:<\/strong> es necesario usar correctamente encabezados jer\u00e1rquicos (<\/span><span style=\"font-weight: 400;\">h1<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">h2<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">h3<\/span><span style=\"font-weight: 400;\">&#8230;), <\/span><span style=\"font-weight: 400;\">etiquetas<\/span> <span style=\"font-weight: 400;\">principales, <\/span><span style=\"font-weight: 400;\">de<\/span> <span style=\"font-weight: 400;\">navegaci\u00f3n, <\/span><span style=\"font-weight: 400;\">de secci\u00f3n<\/span><span style=\"font-weight: 400;\">, etc. De este modo, los lectores de pantalla pueden interpretar mejor el contenido.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Elementos interactivos visibles y accesibles:<\/strong> botones grandes, campos de formulario con etiquetas claras y estados de enfoque evidentes. En resumen, todo lo que necesitas para garantizar una acci\u00f3n sin barreras. <\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">Con todas estas bases cubiertas, se puede construir una identidad visual s\u00f3lida, que tambi\u00e9n sea utilizable, inclusiva y moderna.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a83e1a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a83e1a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef86334\" data-id=\"ef86334\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67fc161 elementor-widget elementor-widget-heading\" data-id=\"67fc161\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">T\u00e9cnicas ARIA: Potenciar la navegaci\u00f3n con tecnolog\u00eda de asistencia\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c85b02a elementor-widget elementor-widget-text-editor\" data-id=\"c85b02a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"> <\/span><i><span style=\"font-weight: 400;\">Las Aplicaciones Enriquecidas de Internet Accesibles<\/span><\/i><span style=\"font-weight: 400;\"> (ARIAs) son etiquetas especiales que permiten a los lectores de pantalla interpretar correctamente elementos que no son nativos de HTML, como deslizadores, pesta\u00f1as o ventanas emergentes. A trav\u00e9s de mi pr\u00e1ctica, he comprobado que su uso puede marcar la diferencia.<\/span><\/p><p><span style=\"font-weight: 400;\">Entre las m\u00e1s \u00fatiles que he aplicado en proyectos complejos, destacan las siguientes:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Aria-label<\/span><span style=\"font-weight: 400;\"> y <\/span><span style=\"font-weight: 400;\">aria-labelledby<\/span><span style=\"font-weight: 400;\">, que permiten describir botones, men\u00fas o formularios con detalle. Tambi\u00e9n mejoran la comprensi\u00f3n del usuario.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">aria-live<\/span><span style=\"font-weight: 400;\"> para notificar cambios din\u00e1micos en el contenido (como errores en un formulario sin actualizar la p\u00e1gina), lo que facilita una interacci\u00f3n m\u00e1s fluida.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">role=\u00bbdi\u00e1logo\u00bb,<\/span><span style=\"font-weight: 400;\"> <\/span><span style=\"font-weight: 400;\">role=\u00bbalerta\u00bb<\/span><span style=\"font-weight: 400;\"> y otros roles para estructurar contenido para usuarios con tecnolog\u00eda de asistencia.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">Aunque las t\u00e9cnicas ARIA puedan parecer avanzadas, una vez comprendidas, ofrecen una enorme flexibilidad para adaptar cualquier dise\u00f1o moderno a la<\/span><span style=\"font-weight: 400;\"> accesibilidad web m\u00e1s exigente<\/span><i><span style=\"font-weight: 400;\"><\/span>.<\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b7ce381 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b7ce381\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9cbbf34\" data-id=\"9cbbf34\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-444848d elementor-widget elementor-widget-heading\" data-id=\"444848d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pruebas de accesibilidad web que realmente funcionan\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19c5978 elementor-widget elementor-widget-text-editor\" data-id=\"19c5978\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">No basta con aplicar buenas pr\u00e1cticas; hay que comprobar que todo funcione realmente. Por eso, siempre combino herramientas autom\u00e1ticas y pruebas manuales en cada proyecto. <\/span><\/p><p><span style=\"font-weight: 400;\">Aqu\u00ed tienes algunos que me han resultado especialmente bien:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">WAVE (Web Accessibility Evaluation Tool) \u2013 realiza un an\u00e1lisis visual de errores en tiempo real, lo que te permite actuar r\u00e1pidamente.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Lighthouse (integrado en Chrome DevTools) \u2013 comprueba la accesibilidad, el SEO y la puntuaci\u00f3n de rendimiento, todo en una sola herramienta.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">axe DevTools \u2013 es una poderosa extensi\u00f3n para detectar problemas de accesibilidad de forma profunda y muy precisa.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Los lectores de pantalla reales (como NVDA o VoiceOver) permiten comprobar c\u00f3mo percibe el contenido un usuario con discapacidad visual. En este sentido, es una herramienta insustituible. <\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">En esos proyectos con plazos ajustados, uso <\/span><i><span style=\"font-weight: 400;\">Lighthouse<\/span><\/i><span style=\"font-weight: 400;\"> y <\/span><i><span style=\"font-weight: 400;\">Axe<\/span><\/i><span style=\"font-weight: 400;\"> como listas r\u00e1pidas de comprobaci\u00f3n. Sin embargo, siempre acabo revisando con usuarios reales o, al menos, simulando escenarios con lectores de pantalla.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-67cb550 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"67cb550\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8005f2d\" data-id=\"8005f2d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c45684c elementor-widget elementor-widget-image\" data-id=\"c45684c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2.png\" class=\"attachment-large size-large wp-image-12089\" alt=\"Accesibilidad web\" srcset=\"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2.png 1024w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2-300x300.png 300w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2-150x150.png 150w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2-768x768.png 768w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2-180x180.png 180w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2-360x360.png 360w, https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2-640x640.png 640w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91eb32c elementor-widget elementor-widget-heading\" data-id=\"91eb32c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">La accesibilidad web como ventaja competitiva\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8318e77 elementor-widget elementor-widget-text-editor\" data-id=\"8318e77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Muchos ven<\/span> la <i><span style=\"font-weight: 400;\">accesibilidad web<\/span><\/i><span style=\"font-weight: 400;\"> como una obligaci\u00f3n. Sin embargo, la realidad es que representa una gran oportunidad. De hecho, los sitios web accesibles tienen m\u00faltiples ventajas competitivas:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Mejor posicionamiento SEO:<\/strong> Google recompensa el orden sem\u00e1ntico, la velocidad y la claridad; por lo tanto, la accesibilidad tambi\u00e9n beneficia a la visibilidad org\u00e1nica.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Mayor conversi\u00f3n:<\/strong> Si todo el mundo puede navegar sin barreras, est\u00e1 claro que m\u00e1s personas podr\u00e1n convertirse.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><strong>Mejor reputaci\u00f3n de marca:<\/strong> Las marcas inclusivas transmiten confianza y valores, lo que conduce a una lealtad a largo plazo.<\/span><span style=\"font-weight: 400;\"><br><br><\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">En consecuencia, he visto c\u00f3mo los sitios web con solo peque\u00f1as mejoras en accesibilidad han mejorado claramente su tiempo de espera y su tasa de conversi\u00f3n. Y lo m\u00e1s interesante es que todo esto se ha logrado sin cambiar dr\u00e1sticamente el dise\u00f1o ni la fortuna de la inversi\u00f3n. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10b678a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"10b678a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c0fb280\" data-id=\"c0fb280\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bfc39ed elementor-widget elementor-widget-heading\" data-id=\"bfc39ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusiones y pr\u00f3ximos pasos\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9b984 elementor-widget elementor-widget-text-editor\" data-id=\"5d9b984\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Para 2025, tener una web visualmente atractiva ya no es suficiente. Debe ser funcional, clara y para todos. Aplicar el est\u00e1ndar WCAG 2.2, dominar las t\u00e9cnicas ARIA y probar adecuadamente tu sitio son las claves para lograrlo. Por eso la accesibilidad <\/span><i><span style=\"font-weight: 400;\">web<\/span><\/i><span style=\"font-weight: 400;\"> debe formar parte de tu proceso creativo desde el primer borrador hasta la publicaci\u00f3n final.<\/span><\/p><p><span style=\"font-weight: 400;\">En wwwarcelona, <a href=\"https:\/\/wwwarcelona.com\/disseny-web\/\" target=\"_blank\" rel=\"noopener\">te ayudamos a revisar, optimizar o dise\u00f1ar tu sitio web<\/a> para cumplir con los est\u00e1ndares de accesibilidad, sin perder ni un \u00e1pice de estilo o rendimiento. La inclusi\u00f3n digital comienza aqu\u00ed. Escr\u00edbenos y lo haremos realidad.  <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pero es totalmente posible combinar dise\u00f1o e inclusi\u00f3n, y lo he visto en varios proyectos con clientes exigentes.<\/p>\n","protected":false},"author":6,"featured_media":12087,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[74],"tags":[],"class_list":["post-12205","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accesibilidad web: Dise\u00f1o inclusivo para 2025<\/title>\n<meta name=\"description\" content=\"Aprende a aplicar el est\u00e1ndar WCAG 2.2, las t\u00e9cnicas ARIA y pruebas \u00fatiles para lograr una accesibilidad web completa y est\u00e9tica.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accesibilidad web: Dise\u00f1o inclusivo para 2025\" \/>\n<meta property=\"og:description\" content=\"Aprende a aplicar el est\u00e1ndar WCAG 2.2, las t\u00e9cnicas ARIA y pruebas \u00fatiles para lograr una accesibilidad web completa y est\u00e9tica.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/\" \/>\n<meta property=\"og:site_name\" content=\"wwwarcelona\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-03T07:01:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-07T14:10:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"wwwarcelona\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"wwwarcelona\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accesibilidad web: Dise\u00f1o inclusivo para 2025","description":"Aprende a aplicar el est\u00e1ndar WCAG 2.2, las t\u00e9cnicas ARIA y pruebas \u00fatiles para lograr una accesibilidad web completa y est\u00e9tica.","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:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/","og_locale":"es_ES","og_type":"article","og_title":"Accesibilidad web: Dise\u00f1o inclusivo para 2025","og_description":"Aprende a aplicar el est\u00e1ndar WCAG 2.2, las t\u00e9cnicas ARIA y pruebas \u00fatiles para lograr una accesibilidad web completa y est\u00e9tica.","og_url":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/","og_site_name":"wwwarcelona","article_published_time":"2025-07-03T07:01:19+00:00","article_modified_time":"2026-09-07T14:10:01+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2.png","type":"image\/png"}],"author":"wwwarcelona","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"wwwarcelona","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/#article","isPartOf":{"@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/"},"author":{"name":"wwwarcelona","@id":"https:\/\/wwwarcelona.com\/es\/#\/schema\/person\/cd3c580541eee0d543ce6739c9871564"},"headline":"Accesibilidad web: Dise\u00f1o inclusivo para 2025","datePublished":"2025-07-03T07:01:19+00:00","dateModified":"2026-09-07T14:10:01+00:00","mainEntityOfPage":{"@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/"},"wordCount":1183,"publisher":{"@id":"https:\/\/wwwarcelona.com\/es\/#organization"},"image":{"@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/#primaryimage"},"thumbnailUrl":"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2.png","articleSection":["Dise\u00f1o web"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/","url":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/","name":"Accesibilidad web: Dise\u00f1o inclusivo para 2025","isPartOf":{"@id":"https:\/\/wwwarcelona.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/#primaryimage"},"image":{"@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/#primaryimage"},"thumbnailUrl":"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2.png","datePublished":"2025-07-03T07:01:19+00:00","dateModified":"2026-09-07T14:10:01+00:00","description":"Aprende a aplicar el est\u00e1ndar WCAG 2.2, las t\u00e9cnicas ARIA y pruebas \u00fatiles para lograr una accesibilidad web completa y est\u00e9tica.","breadcrumb":{"@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/#primaryimage","url":"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2.png","contentUrl":"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2025\/06\/u8315455948_Flat_design_illustration_comparing_an_inaccessibl_ebceccc2-bc91-4423-997a-558d346e91c8_2.png","width":1024,"height":1024,"caption":"accessibilitat web"},{"@type":"BreadcrumbList","@id":"https:\/\/wwwarcelona.com\/es\/diseno-web\/diseno-inclusivo-accesibilidad-web-para-2025\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/wwwarcelona.com\/es\/paginas-web-por-empresas\/"},{"@type":"ListItem","position":2,"name":"Accesibilidad web: Dise\u00f1o inclusivo para 2025"}]},{"@type":"WebSite","@id":"https:\/\/wwwarcelona.com\/es\/#website","url":"https:\/\/wwwarcelona.com\/es\/","name":"wwwarcelona","description":"Apps, Software, CRM, Webs, Ecommece, Disseny i Hosting","publisher":{"@id":"https:\/\/wwwarcelona.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wwwarcelona.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wwwarcelona.com\/es\/#organization","name":"wwwarcelona","url":"https:\/\/wwwarcelona.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wwwarcelona.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2022\/04\/wwwarcelona-logo-2.png","contentUrl":"https:\/\/wwwarcelona.com\/wp-content\/uploads\/2022\/04\/wwwarcelona-logo-2.png","width":934,"height":362,"caption":"wwwarcelona"},"image":{"@id":"https:\/\/wwwarcelona.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/wwwarcelona.com\/es\/#\/schema\/person\/cd3c580541eee0d543ce6739c9871564","name":"wwwarcelona","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6e64efb7f2550b17bc9683c96c4d396e16fd5ecfeccce9563f858b39c4a248ca?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6e64efb7f2550b17bc9683c96c4d396e16fd5ecfeccce9563f858b39c4a248ca?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6e64efb7f2550b17bc9683c96c4d396e16fd5ecfeccce9563f858b39c4a248ca?s=96&d=mm&r=g","caption":"wwwarcelona"}}]}},"_links":{"self":[{"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/posts\/12205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/comments?post=12205"}],"version-history":[{"count":5,"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/posts\/12205\/revisions"}],"predecessor-version":[{"id":20320,"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/posts\/12205\/revisions\/20320"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/media\/12087"}],"wp:attachment":[{"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/media?parent=12205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/categories?post=12205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wwwarcelona.com\/es\/wp-json\/wp\/v2\/tags?post=12205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}