{"id":10948,"date":"2024-11-12T12:00:00","date_gmt":"2024-11-12T12:00:00","guid":{"rendered":"https:\/\/wcanvas.com\/?post_type=blogs&#038;p=10948"},"modified":"2024-12-23T18:48:42","modified_gmt":"2024-12-23T18:48:42","slug":"mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress","status":"publish","type":"blogs","link":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/","title":{"rendered":"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress"},"content":{"rendered":"\n<p>La accesibilidad web es clave en cualquier proyecto de desarrollo en WordPress. La accesibilidad de la barra de navegaci\u00f3n, en particular, puede ser un factor decisivo para ayudar a personas con diferentes capacidades a navegar efectivamente solo con sus teclados.<\/p>\n\n\n\n<p>Por eso, es tan importante para analistas de aseguramiento de calidad como yo realizar auditor\u00edas de accesibilidad exhaustivas y dise\u00f1ar soluciones cuando surgen problemas.<\/p>\n\n\n\n<p>En este art\u00edculo, detallaremos c\u00f3mo abordamos un problema de accesibilidad en la barra de navegaci\u00f3n de uno de nuestros clientes, las soluciones que implementamos y las lecciones que aprendimos en el proceso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo Identificamos Problemas de Accesibilidad en la Barra de Navegaci\u00f3n<\/h2>\n\n\n\n<p>El resto del equipo de aseguramiento de calidad y yo est\u00e1bamos realizando una auditor\u00eda interna para uno de nuestros clientes, Glasswing.<\/p>\n\n\n\n<p>Durante una de las evaluaciones, descubrimos que el men\u00fa de navegaci\u00f3n no permit\u00eda una navegaci\u00f3n adecuada con el teclado, lo que significaba que los usuarios no pod\u00edan moverse entre los elementos del men\u00fa usando las teclas Tab y Enter.<\/p>\n\n\n\n<p>Esta barrera afecta significativamente a los usuarios que dependen exclusivamente del teclado para interactuar con los sitios web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Investigaci\u00f3n y Herramientas de Accesibilidad<\/h2>\n\n\n\n<p>Para abordar este problema, comenc\u00e9 investigando las mejores pr\u00e1cticas de accesibilidad web para implementar una soluci\u00f3n efectiva.<\/p>\n\n\n\n<p>Como punto de partida, record\u00e9 una implementaci\u00f3n similar que realizamos en un proyecto anterior para <a target=\"_blank\" href=\"https:\/\/latapult.com\/\" rel=\"noreferrer noopener\">Latapult<\/a>. En ese proyecto, el equipo de QA y desarrollo trabaj\u00f3 junto para abordar exitosamente la navegaci\u00f3n por teclado y proporcionar confirmaci\u00f3n visual de cu\u00e1l elemento de la barra de navegaci\u00f3n est\u00e1 resaltado.<\/p>\n\n\n\n<p>Esto sirvi\u00f3 como referencia inicial para guiar al desarrollador en la implementaci\u00f3n.<\/p>\n\n\n\n<p>Adem\u00e1s, complement\u00e9 mi investigaci\u00f3n con recursos educativos y est\u00e1ndares internacionales, como las <a target=\"_blank\" href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" rel=\"noreferrer noopener\">Pautas de Accesibilidad al Contenido Web<\/a> (WCAG).<\/p>\n\n\n\n<p>Encontr\u00e9 especialmente \u00fatil la lista de verificaci\u00f3n del proyecto <a target=\"_blank\" href=\"https:\/\/www.a11yproject.com\/checklist\/\" rel=\"noreferrer noopener\">A11Y<\/a>. Proporciona un conjunto claro de pautas para asegurar la accesibilidad en todos los aspectos de un sitio web.<\/p>\n\n\n\n<p>Tambi\u00e9n utilizamos <a target=\"_blank\" href=\"https:\/\/www.deque.com\/axe\/devtools\/\" rel=\"noreferrer noopener\">Axe DevTools<\/a> como la herramienta principal para detectar y corregir problemas de accesibilidad. Esta herramienta nos ayud\u00f3 a identificar errores t\u00e9cnicos en la barra de navegaci\u00f3n, validar los cambios y asegurar que las mejoras cumplieran con las pautas.<\/p>\n\n\n\n<p>Sin embargo, no nos basamos \u00fanicamente en Axe. Tambi\u00e9n realizamos pruebas manuales, verificando que la navegaci\u00f3n por teclado funcionara sin problemas y que el efecto de enfoque de cada elemento fuera claro y consistente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo Mejoramos la Accesibilidad para Nuestro Cliente<\/h2>\n\n\n\n<p>Despu\u00e9s de realizar auditor\u00edas y estudiar sobre accesibilidad, planificamos las caracter\u00edsticas que el equipo de desarrollo a\u00f1adir\u00eda a la barra de navegaci\u00f3n para hacerla m\u00e1s accesible.<\/p>\n\n\n\n<p>Las mejoras se enfocaron en asegurar que el sitio fuera totalmente navegable utilizando solo el teclado. Para ello, nos centramos en dos aspectos clave:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Navegaci\u00f3n por teclado.<\/strong> Ajustamos los eventos de teclado con l\u00f3gica en JavaScript. Esta caracter\u00edstica permiti\u00f3 a los usuarios moverse entre los elementos del men\u00fa utilizando las teclas <strong>Tab<\/strong> y <strong>Enter<\/strong>.<\/li>\n\n\n\n<li><strong>Mejor enfoque visual.<\/strong> Otro problema significativo era que algunos elementos no se resaltaban visualmente cuando estaban enfocados, lo que dificultaba la identificaci\u00f3n por parte de los usuarios. Para mejorar esta limitaci\u00f3n, ajustamos el CSS para que los elementos en foco destacaran claramente, ayudando a los usuarios a identificar su posici\u00f3n actual dentro del men\u00fa.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 Aprendimos de Mejorar la Accesibilidad de la Barra de Navegaci\u00f3n?<\/h2>\n\n\n\n<p>Una de las grandes ense\u00f1anzas de este proyecto fue que la accesibilidad no es opcional.<\/p>\n\n\n\n<p>Mejoras que aparentemente son peque\u00f1as, como hacer que un sitio sea totalmente accesible por teclado, pueden tener un gran impacto en la experiencia del usuario y su accesibilidad.<\/p>\n\n\n\n<p>Tambi\u00e9n aprendimos que trabajar en la accesibilidad desde el inicio del proyecto es mucho m\u00e1s eficiente que intentar corregir problemas cuando el desarrollo ya est\u00e1 avanzado.<\/p>\n\n\n\n<p>Recomendar\u00edamos a otros desarrolladores y empresas que busquen mejorar la accesibilidad de sus men\u00fas de navegaci\u00f3n que:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Realicen auditor\u00edas de accesibilidad desde los primeros momentos del proyecto.<\/li>\n\n\n\n<li>Realicen tanto pruebas manuales como autom\u00e1ticas.<\/li>\n\n\n\n<li>Sigan las normas WCAG como gu\u00eda en todo momento.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Enfocarse en la Accesibilidad al Desarrollar una Barra de Navegaci\u00f3n en WordPress<\/h2>\n\n\n\n<p>Hacer las barras de navegaci\u00f3n m\u00e1s accesibles hace que todo el sitio sea m\u00e1s accesible, ya que permite que m\u00e1s personas interact\u00faen sin limitaciones, especialmente aquellas que dependen de la navegaci\u00f3n por teclado.<\/p>\n\n\n\n<p>Adem\u00e1s, estas mejoras alinear\u00e1n tu producto final con los est\u00e1ndares de accesibilidad web, lo cual es crucial para cualquier empresa que busque ofrecer una experiencia inclusiva.<\/p>\n\n\n\n<p>Asimismo, despu\u00e9s de implementar estas caracter\u00edsticas, es fundamental enfocarse en los comentarios de usuarios y clientes, ya que ser\u00e1n esenciales para evaluar el \u00e9xito y continuar ajustando y mejorando la accesibilidad en el futuro.<\/p>\n\n\n\n<p>Si te result\u00f3 \u00fatil este post, <a href=\"https:\/\/wcanvas.com\/es\/blogs\/\" target=\"_blank\" rel=\"noreferrer noopener\">le\u00e9 nuestro blog<\/a> y revis\u00e1 nuestros <a href=\"https:\/\/wcanvas.com\/es\/resources\/\" target=\"_blank\" rel=\"noreferrer noopener\">recursos para desarrolladores<\/a> para m\u00e1s informaci\u00f3n y gu\u00edas.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La accesibilidad web es clave en cualquier proyecto de desarrollo en WordPress. La accesibilidad de la barra de navegaci\u00f3n, en particular, puede ser un factor decisivo para ayudar a personas con diferentes capacidades a navegar efectivamente solo con sus teclados. Por eso, es tan importante para analistas de aseguramiento de calidad como yo realizar auditor\u00edas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10600,"template":"","blog-categories":[73,78],"class_list":["post-10948","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-detras-del-lienzo","blog-categories-plugins-y-herramientas"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress - White Canvas<\/title>\n<meta name=\"description\" content=\"Esta es mi experiencia como analista de QA detectando problemas de accesibilidad en la barra de navegaci\u00f3n de WordPress y dise\u00f1ando mejoras.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Esta es mi experiencia como analista de QA detectando problemas de accesibilidad en la barra de navegaci\u00f3n de WordPress y dise\u00f1ando mejoras.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T18:48:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"528\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": [\n\t                \"Article\",\n\t                \"BlogPosting\"\n\t            ],\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/\"\n\t            },\n\t            \"author\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"url\": \"https:\/\/wcanvas.com\/\"\n\t            },\n\t            \"headline\": \"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress\",\n\t            \"datePublished\": \"2024-11-12T12:00:00+00:00\",\n\t            \"dateModified\": \"2024-12-23T18:48:42+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@type\": \"WebPage\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/\"\n\t            },\n\t            \"wordCount\": 865,\n\t            \"publisher\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"logo\": {\n\t                    \"@type\": \"ImageObject\",\n\t                    \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t                }\n\t            },\n\t            \"image\": [],\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg\",\n\t            \"inLanguage\": \"es\",\n\t            \"description\": null\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/\",\n\t            \"name\": \"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress - White Canvas\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg\",\n\t            \"datePublished\": \"2024-11-12T12:00:00+00:00\",\n\t            \"dateModified\": \"2024-12-23T18:48:42+00:00\",\n\t            \"description\": \"Esta es mi experiencia como analista de QA detectando problemas de accesibilidad en la barra de navegaci\u00f3n de WordPress y dise\u00f1ando mejoras.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"es\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"es\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#primaryimage\",\n\t            \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg\",\n\t            \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg\",\n\t            \"width\": 1200,\n\t            \"height\": 528,\n\t            \"caption\": \"a web developer inspecting a website in his laptop\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Blogs\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"name\": \"White Canvas\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"es\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t            \"name\": \"White Canvas\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"width\": 115,\n\t                \"height\": 32,\n\t                \"caption\": \"White Canvas\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"alternateName\": \"Wcanvas\",\n\t            \"contactPoint\": [\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+1 (347) 688 2902\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"US\",\n\t                    \"availableLanguage\": \"en\"\n\t                },\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+54 (11) 5236 4717\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"AR\",\n\t                    \"availableLanguage\": \"es\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t            \"name\": \"Nicolas Pisani\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"caption\": \"Nicolas Pisani\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/wcanvas.com\",\n\t                \"#\",\n\t                \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t                \"https:\/\/x.com\/wcanvas\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress - White Canvas","description":"Esta es mi experiencia como analista de QA detectando problemas de accesibilidad en la barra de navegaci\u00f3n de WordPress y dise\u00f1ando mejoras.","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:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress - White Canvas","og_description":"Esta es mi experiencia como analista de QA detectando problemas de accesibilidad en la barra de navegaci\u00f3n de WordPress y dise\u00f1ando mejoras.","og_url":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/","og_site_name":"White Canvas","article_modified_time":"2024-12-23T18:48:42+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress","datePublished":"2024-11-12T12:00:00+00:00","dateModified":"2024-12-23T18:48:42+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/"},"wordCount":865,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/","url":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/","name":"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg","datePublished":"2024-11-12T12:00:00+00:00","dateModified":"2024-12-23T18:48:42+00:00","description":"Esta es mi experiencia como analista de QA detectando problemas de accesibilidad en la barra de navegaci\u00f3n de WordPress y dise\u00f1ando mejoras.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/11\/navbar-accessibility-HERO.jpg","width":1200,"height":528,"caption":"a web developer inspecting a website in his laptop"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/mi-experiencia-mejorando-la-accesibilidad-de-la-barra-de-navegacion-en-un-proyecto-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"Mi experiencia mejorando la accesibilidad de la barra de navegaci\u00f3n en un proyecto de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/10948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/10600"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=10948"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=10948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}