{"id":6693,"date":"2026-09-17T07:00:00","date_gmt":"2026-09-17T05:00:00","guid":{"rendered":"https:\/\/volcanicinternet.com\/?p=6693"},"modified":"2026-08-27T17:09:11","modified_gmt":"2026-08-27T15:09:11","slug":"implementar-componentes-de-tarjeta-accesibles","status":"publish","type":"post","link":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/","title":{"rendered":"Implementar componentes de tarjeta accesibles"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">La tarjeta es uno de los componentes m\u00e1s habituales de una UI (interfaz de usuario). Una tarjeta agrupa la informaci\u00f3n de un solo elemento o tema. Se usan tarjetas cuando una p\u00e1gina muestra varios elementos a la vez.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Una lista de art\u00edculos de un blog<\/li>\n\n\n\n<li>Una lista de productos de una tienda online<\/li>\n\n\n\n<li>Una lista de hoteles en una app de viajes<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Una tarjeta suele resumir una p\u00e1gina m\u00e1s larga. La informaci\u00f3n completa vive en su propia p\u00e1gina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Convertir toda la tarjeta en un enlace es habitual, y es una buena pr\u00e1ctica: da a las personas un \u00e1rea mucho m\u00e1s grande para hacer clic o tocar. Pero la forma de construir ese enlace puede crear problemas de accesibilidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n tienes tres implementaciones. Usa la tercera.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Implementaci\u00f3n 1: enlaces repetidos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La primera opci\u00f3n enlaza varios elementos dentro de la tarjeta en lugar de uno. Hace a\u00f1os era habitual. Hoy se ve menos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El problema: varios textos distintos enlazan al mismo destino.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una tarjeta de producto construida as\u00ed contiene:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un enlace con el nombre del producto como texto. Por ejemplo, \u00abAuriculares inal\u00e1mbricos Aurora 2\u00bb.<\/li>\n\n\n\n<li>Una imagen con texto alternativo. Por ejemplo, \u00abAuriculares inal\u00e1mbricos Aurora 2, Pizarra\u00bb.<\/li>\n\n\n\n<li>Un bot\u00f3n con una llamada a la acci\u00f3n. Por ejemplo, \u00abA\u00f1adir al carrito\u00bb, o \u00abA\u00f1adir los auriculares inal\u00e1mbricos Aurora 2 al carrito\u00bb como texto solo para lectores de pantalla.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A mucha gente esto le parece correcto:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hay varios elementos enlazados, as\u00ed que el \u00e1rea de clic es grande<\/li>\n\n\n\n<li>La imagen tiene texto alternativo<\/li>\n\n\n\n<li>El bot\u00f3n tiene un nombre accesible completo<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Con un lector de pantalla la experiencia es distinta. Oyes casi el mismo nombre de enlace tres veces en cada tarjeta de la lista.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Implementaci\u00f3n 2: un solo enlace alrededor de toda la tarjeta<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un enlace en lugar de tres parece una mejora clara. Pero trae sus propios problemas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Los elementos sem\u00e1nticos dentro del enlace, como un encabezado, hacen confusa la navegaci\u00f3n con lector de pantalla.<\/li>\n\n\n\n<li>Puede incumplir criterios de conformidad de las WCAG (Pautas de Accesibilidad para el Contenido Web) sobre informaci\u00f3n y relaciones, y sobre etiquetado.<\/li>\n\n\n\n<li>No puede contener elementos interactivos como botones. Poner un texto con aspecto de bot\u00f3n no lo soluciona: empeora la accesibilidad.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Una variante de este enfoque coloca el enlace fuera de la tarjeta y usa CSS (Hojas de Estilo en Cascada) para estirarlo por encima. Ev\u00edtala tambi\u00e9n. La posici\u00f3n del enlace en el DOM (Modelo de Objetos del Documento) no coincide con el lugar donde aparece en pantalla, as\u00ed que el orden de lectura y el orden visual no concuerdan. Adem\u00e1s, casi siempre el enlace se implementa sin nombre accesible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Implementaci\u00f3n 3: el patr\u00f3n stretched link<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El patr\u00f3n stretched link (enlace estirado) es el est\u00e1ndar actual del sector. Mantienes la sem\u00e1ntica de la tarjeta y usas CSS para ampliar el \u00e1rea de clic:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Construye la tarjeta con HTML sem\u00e1ntico y enlaza un solo elemento, como el t\u00edtulo.<\/li>\n\n\n\n<li>Usa CSS para estirar ese enlace sobre toda la tarjeta. Nada se mueve y nada se duplica.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Se consigue con cuatro reglas:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Aplica <code>position: relative<\/code> al contenedor de la tarjeta.<\/li>\n\n\n\n<li>A\u00f1ade un pseudoelemento (<code>::before<\/code> o <code>::after<\/code>) al enlace.<\/li>\n\n\n\n<li>Aplica <code>position: absolute<\/code> al pseudoelemento.<\/li>\n\n\n\n<li>Aplica <code>inset: 0<\/code> para que ocupe toda la tarjeta.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes seguir a\u00f1adiendo un bot\u00f3n a la tarjeta, porque el bot\u00f3n queda fuera del enlace. Ten cuidado con una cosa: un bot\u00f3n en cada tarjeta recupera la repetici\u00f3n de la implementaci\u00f3n 1. Dale a cada bot\u00f3n un nombre accesible corto y espec\u00edfico, y despu\u00e9s prueba la lista con un lector de pantalla.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Muchas herramientas siguen publicando los patrones antiguos en lugar del stretched link. El problema t\u00e9cnico ya est\u00e1 resuelto. Quedan dos cosas por hacer:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Saber que el patr\u00f3n existe.<\/li>\n\n\n\n<li>Comprobar qu\u00e9 patr\u00f3n generan las herramientas que usas.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>La tarjeta es uno de los componentes m\u00e1s&#8230;<\/p>\n","protected":false},"author":1,"featured_media":6694,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"categories":[29],"tags":[],"class_list":["post-6693","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accesibilidad"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Implementar componentes de tarjeta accesibles - Volcanic Internet<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Implementar componentes de tarjeta accesibles - Volcanic Internet\" \/>\n<meta property=\"og:description\" content=\"La tarjeta es uno de los componentes m\u00e1s...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/\" \/>\n<meta property=\"og:site_name\" content=\"Volcanic Internet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/volcanicinternet\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-17T05:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/volcanicinternet.com\/app\/uploads\/2026\/08\/Implementing-accessible-card-components.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"volcanic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@volcanictech\" \/>\n<meta name=\"twitter:site\" content=\"@volcanictech\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"volcanic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/\"},\"author\":{\"name\":\"volcanic\",\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/#\\\/schema\\\/person\\\/3dba9896ee40f4e8ea0c432924efb669\"},\"headline\":\"Implementar componentes de tarjeta accesibles\",\"datePublished\":\"2026-09-17T05:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/\"},\"wordCount\":664,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/volcanicinternet.com\\\/app\\\/uploads\\\/2026\\\/08\\\/Implementing-accessible-card-components.png\",\"articleSection\":[\"Accesibilidad\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/\",\"url\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/\",\"name\":\"Implementar componentes de tarjeta accesibles - Volcanic Internet\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/volcanicinternet.com\\\/app\\\/uploads\\\/2026\\\/08\\\/Implementing-accessible-card-components.png\",\"datePublished\":\"2026-09-17T05:00:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/volcanicinternet.com\\\/app\\\/uploads\\\/2026\\\/08\\\/Implementing-accessible-card-components.png\",\"contentUrl\":\"https:\\\/\\\/volcanicinternet.com\\\/app\\\/uploads\\\/2026\\\/08\\\/Implementing-accessible-card-components.png\",\"width\":1000,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/implementar-componentes-de-tarjeta-accesibles\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Implementar componentes de tarjeta accesibles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/\",\"name\":\"Volcanic Internet\",\"description\":\"P\u00e0gines web, aplicacions m\u00f2bils, desenvolupament a mida, Implantaci\u00f3 Claude\",\"publisher\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/#organization\",\"name\":\"Volcanic Internet\",\"url\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/volcanicinternet.com\\\/app\\\/uploads\\\/2026\\\/08\\\/volcanic_logo.png\",\"contentUrl\":\"https:\\\/\\\/volcanicinternet.com\\\/app\\\/uploads\\\/2026\\\/08\\\/volcanic_logo.png\",\"width\":642,\"height\":80,\"caption\":\"Volcanic Internet\"},\"image\":{\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/volcanicinternet\",\"https:\\\/\\\/x.com\\\/volcanictech\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/volcanic-internet\"],\"description\":\"Implantaci\u00f3n de IA con Claude, desarrollo web y accesibilidad digital\",\"areaServed\":[\"ES\",\"EU\",\"LATAM\"],\"knowsAbout\":[\"Claude IA\",\"Desarrollo Web\",\"Accesibilidad Web\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/#\\\/schema\\\/person\\\/3dba9896ee40f4e8ea0c432924efb669\",\"name\":\"volcanic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/71350110898e95b4c564818782992100e5d8ffec84a5d15e412fd49e5d226ffa?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/71350110898e95b4c564818782992100e5d8ffec84a5d15e412fd49e5d226ffa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/71350110898e95b4c564818782992100e5d8ffec84a5d15e412fd49e5d226ffa?s=96&d=mm&r=g\",\"caption\":\"volcanic\"},\"sameAs\":[\"https:\\\/\\\/volcanicinternet.com\"],\"url\":\"https:\\\/\\\/volcanicinternet.com\\\/es\\\/author\\\/volcanic\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Implementar componentes de tarjeta accesibles - Volcanic Internet","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:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/","og_locale":"es_ES","og_type":"article","og_title":"Implementar componentes de tarjeta accesibles - Volcanic Internet","og_description":"La tarjeta es uno de los componentes m\u00e1s...","og_url":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/","og_site_name":"Volcanic Internet","article_publisher":"https:\/\/www.facebook.com\/volcanicinternet","article_published_time":"2026-09-17T05:00:00+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/volcanicinternet.com\/app\/uploads\/2026\/08\/Implementing-accessible-card-components.png","type":"image\/png"}],"author":"volcanic","twitter_card":"summary_large_image","twitter_creator":"@volcanictech","twitter_site":"@volcanictech","twitter_misc":{"Escrito por":"volcanic","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/#article","isPartOf":{"@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/"},"author":{"name":"volcanic","@id":"https:\/\/volcanicinternet.com\/es\/#\/schema\/person\/3dba9896ee40f4e8ea0c432924efb669"},"headline":"Implementar componentes de tarjeta accesibles","datePublished":"2026-09-17T05:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/"},"wordCount":664,"commentCount":0,"publisher":{"@id":"https:\/\/volcanicinternet.com\/es\/#organization"},"image":{"@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/#primaryimage"},"thumbnailUrl":"https:\/\/volcanicinternet.com\/app\/uploads\/2026\/08\/Implementing-accessible-card-components.png","articleSection":["Accesibilidad"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/","url":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/","name":"Implementar componentes de tarjeta accesibles - Volcanic Internet","isPartOf":{"@id":"https:\/\/volcanicinternet.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/#primaryimage"},"image":{"@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/#primaryimage"},"thumbnailUrl":"https:\/\/volcanicinternet.com\/app\/uploads\/2026\/08\/Implementing-accessible-card-components.png","datePublished":"2026-09-17T05:00:00+00:00","breadcrumb":{"@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/#primaryimage","url":"https:\/\/volcanicinternet.com\/app\/uploads\/2026\/08\/Implementing-accessible-card-components.png","contentUrl":"https:\/\/volcanicinternet.com\/app\/uploads\/2026\/08\/Implementing-accessible-card-components.png","width":1000,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/volcanicinternet.com\/es\/implementar-componentes-de-tarjeta-accesibles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/volcanicinternet.com\/es\/"},{"@type":"ListItem","position":2,"name":"Implementar componentes de tarjeta accesibles"}]},{"@type":"WebSite","@id":"https:\/\/volcanicinternet.com\/es\/#website","url":"https:\/\/volcanicinternet.com\/es\/","name":"Volcanic Internet","description":"P\u00e0gines web, aplicacions m\u00f2bils, desenvolupament a mida, Implantaci\u00f3 Claude","publisher":{"@id":"https:\/\/volcanicinternet.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/volcanicinternet.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/volcanicinternet.com\/es\/#organization","name":"Volcanic Internet","url":"https:\/\/volcanicinternet.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/volcanicinternet.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/volcanicinternet.com\/app\/uploads\/2026\/08\/volcanic_logo.png","contentUrl":"https:\/\/volcanicinternet.com\/app\/uploads\/2026\/08\/volcanic_logo.png","width":642,"height":80,"caption":"Volcanic Internet"},"image":{"@id":"https:\/\/volcanicinternet.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/volcanicinternet","https:\/\/x.com\/volcanictech","https:\/\/es.linkedin.com\/company\/volcanic-internet"],"description":"Implantaci\u00f3n de IA con Claude, desarrollo web y accesibilidad digital","areaServed":["ES","EU","LATAM"],"knowsAbout":["Claude IA","Desarrollo Web","Accesibilidad Web"]},{"@type":"Person","@id":"https:\/\/volcanicinternet.com\/es\/#\/schema\/person\/3dba9896ee40f4e8ea0c432924efb669","name":"volcanic","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/71350110898e95b4c564818782992100e5d8ffec84a5d15e412fd49e5d226ffa?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/71350110898e95b4c564818782992100e5d8ffec84a5d15e412fd49e5d226ffa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/71350110898e95b4c564818782992100e5d8ffec84a5d15e412fd49e5d226ffa?s=96&d=mm&r=g","caption":"volcanic"},"sameAs":["https:\/\/volcanicinternet.com"],"url":"https:\/\/volcanicinternet.com\/es\/author\/volcanic\/"}]}},"taxonomy_info":{"category":[{"value":29,"label":"Accesibilidad"}]},"featured_image_src_large":["https:\/\/volcanicinternet.com\/app\/uploads\/2026\/08\/Implementing-accessible-card-components.png",1000,500,false],"author_info":{"display_name":"volcanic","author_link":"https:\/\/volcanicinternet.com\/es\/author\/volcanic\/"},"comment_info":0,"category_info":[{"term_id":29,"name":"Accesibilidad","slug":"accesibilidad","term_group":0,"term_taxonomy_id":29,"taxonomy":"category","description":"","parent":0,"count":20,"filter":"raw","cat_ID":29,"category_count":20,"category_description":"","cat_name":"Accesibilidad","category_nicename":"accesibilidad","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/posts\/6693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/comments?post=6693"}],"version-history":[{"count":2,"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/posts\/6693\/revisions"}],"predecessor-version":[{"id":6702,"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/posts\/6693\/revisions\/6702"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/media\/6694"}],"wp:attachment":[{"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/media?parent=6693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/categories?post=6693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/volcanicinternet.com\/es\/wp-json\/wp\/v2\/tags?post=6693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}