{"id":5603,"date":"2023-07-17T07:27:54","date_gmt":"2023-07-17T07:27:54","guid":{"rendered":"https:\/\/saobranding.com\/proyectos\/?p=5603"},"modified":"2023-07-18T06:24:19","modified_gmt":"2023-07-18T06:24:19","slug":"diseno-web-invidentes","status":"publish","type":"post","link":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/","title":{"rendered":"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u00bfSabes <strong>c\u00f3mo dise\u00f1ar una web para invidentes <\/strong>para que puedan acceder y navegar por ella con comodidad y disfruten de una <strong>buena experiencia de usuario<\/strong>? Desde hace a\u00f1os es posible y cada vez hay m\u00e1s opciones para un <strong>dise\u00f1o web accesible para invidentes y atractivo para todos<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><h2 class=\"simpletoc-title\">Tabla de contenidos<\/h2>\n<ul class=\"simpletoc-list\">\n<li><a href=\"#como-disenar-una-web-para-invidentesnbsp\">\u00bfC\u00f3mo dise\u00f1ar una web para invidentes?&nbsp;<\/a>\n\n<ul>\n<li><a href=\"#ten-en-cuenta-las-directrices-wcag-21-aa-de-accesibilidad-web-para-invidentes\">Ten en cuenta las directrices WCAG 2.1 AA de accesibilidad web para invidentes.<\/a>\n<\/li>\n<li><a href=\"#diseno-de-izquierda-a-derecha-y-sin-columnas-en-una-web-para-invidentes\">Dise\u00f1o de izquierda a derecha y sin columnas en una web para invidentes.<\/a>\n<\/li>\n<li><a href=\"#ten-en-cuenta-como-usar-las-imagenes-para-el-usuario-invidente\">Ten en cuenta c\u00f3mo usar las im\u00e1genes para el usuario invidente.<\/a>\n<\/li>\n<li><a href=\"#estructura-el-texto-de-tu-web-y-usa-correctamente-el-codigo-html-para-hacerlo-accesible-a-invidentes\">Estructura el texto de tu web y usa correctamente el c\u00f3digo HTML para hacerlo accesible a invidentes.<\/a>\n<\/li>\n<li><a href=\"#haz-una-buena-descripcion-de-enlaces\">Haz una buena descripci\u00f3n de enlaces.<\/a>\n<\/li>\n<li><a href=\"#optimizacion-de-formularios-para-un-diseno-web-accesible-para-invidentes\">Optimizaci\u00f3n de formularios para un dise\u00f1o web accesible para invidentes.<\/a>\n<\/li>\n<li><a href=\"#la-estructura-debe-ser-sencilla\">La estructura debe ser sencilla.<\/a>\n<\/li>\n<\/ul>\n<\/li><\/ul>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfTe has planteado la importancia de que tu <strong>web corporativa<\/strong>, <strong>tienda online <\/strong>o el site de la instituci\u00f3n que diriges sea <strong>accesible para invidentes<\/strong>? Si has llegado hasta aqu\u00ed es muy probable que seas consciente de <strong>la necesidad de que tu p\u00e1gina web pueda ser visitada por personas diversas<\/strong>. Por desgracia a\u00fan hay much\u00edsimos negocios y estamentos que no se dan cuenta de ello.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En <strong>SAO Branding<\/strong> abogamos por <strong><a href=\"https:\/\/saobranding.com\/proyectos\/diseno-web-madrid-accesible\/\" target=\"_blank\" rel=\"noreferrer noopener\">dise\u00f1ar sitios web accesibles para todos<\/a><\/strong>. Vamos a mostrarte las claves y algunos consejos para <strong>dise\u00f1ar una web para invidentes de calidad<\/strong>, que te ayude a lograr tus objetivos.<\/p>\n\n\n\n<h2 id=\"como-disenar-una-web-para-invidentesnbsp\" class=\"wp-block-heading\"><strong>\u00bfC\u00f3mo dise\u00f1ar una web para invidentes? <\/strong><\/h2>\n\n\n\n<h3 id=\"ten-en-cuenta-las-directrices-wcag-21-aa-de-accesibilidad-web-para-invidentes\" class=\"wp-block-heading\"><strong>Ten en cuenta las directrices WCAG 2.1 AA de accesibilidad web para invidentes.<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Las <strong><a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"directrices WCAG 2.11 AA\">directrices WCAG 2.1 AA <\/a><\/strong>son unos <strong>est\u00e1ndares internacionales relativos a la accesibilidad web <\/strong>que orientan al dise\u00f1ador web sobre las herramientas y posibilidades que tiene disponibles para crear sites accesibles para invidentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En palabras coloquiales, podemos decir que muestra unos <strong>m\u00ednimos necesarios para que una web pueda ser considerada accesible<\/strong>. Es una buena gu\u00eda para comenzar porque te ayuda a <strong>conocer mejor las necesidades de la web y los usuarios invidentes as\u00ed como las soluciones m\u00e1s sencillas para cubrirlas<\/strong>.<\/p>\n\n\n\n<h3 id=\"diseno-de-izquierda-a-derecha-y-sin-columnas-en-una-web-para-invidentes\" class=\"wp-block-heading\"><strong>Dise\u00f1o de izquierda a derecha y sin columnas en una web para invidentes.<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La mayor parte de <strong>transcriptores de texto <\/strong>leen la web de izquierda a derecha. <strong>No pueden transcribir las p\u00e1ginas web dise\u00f1adas en columnas<\/strong>. As\u00ed que este es un punto clave para el dise\u00f1o web.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu idea era realizar <strong>una optimizaci\u00f3n de tu web para hacerla accesible para invidentes <\/strong>y te encuentras de inicio con este problema, valora rehacerla por completo. Porque si la mayor parte del <strong>software de lectura para invidentes <\/strong>no es capaz de leerla, tienes un problema.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si se trata de <strong>un nuevo dise\u00f1o<\/strong>, ten en cuenta que es esencial, porque <strong>la transcripci\u00f3n de textos de la web es con toda evidencia la herramienta m\u00e1s valiosa para el usuario invidente<\/strong>.<\/p>\n\n\n\n<h3 id=\"ten-en-cuenta-como-usar-las-imagenes-para-el-usuario-invidente\" class=\"wp-block-heading\"><strong>Ten en cuenta c\u00f3mo usar las im\u00e1genes para el usuario invidente.<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Este es otro punto importante para que el <strong>usuario privado del sentido de la vista <\/strong>no se pierda nada de la p\u00e1gina web. Y hay varias cuestiones que puedes hacer con las <strong>im\u00e1genes<\/strong> para <strong>lograr su comprensi\u00f3n<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Utiliza texto alternativo (ALT text) para describir las im\u00e1genes<\/strong>. Procura ser conciso y claro, sin dejar de lado nada importante pero sin caer en una descripci\u00f3n larga o compleja que podr\u00eda dificultar el entendimiento de la informaci\u00f3n visual. Si son im\u00e1genes de una ficha de eCommerce, planifica bien el texto, tambi\u00e9n te ayudar\u00e1 a generar m\u00e1s ventas y al SEO.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>No uses texto en las im\u00e1genes porque no podr\u00eda ser \u00able\u00eddo\u00bb por invidentes<\/strong>. Tienes otras opciones de dise\u00f1o para ello, es innecesario que el texto est\u00e9 insertado y forme parte de la propia imagen.<\/p>\n\n\n\n<h3 id=\"estructura-el-texto-de-tu-web-y-usa-correctamente-el-codigo-html-para-hacerlo-accesible-a-invidentes\" class=\"wp-block-heading\"><strong>Estructura el texto de tu web y usa correctamente el c\u00f3digo HTML para hacerlo accesible a invidentes.<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando se trata de un <strong>dise\u00f1o web para personas con visi\u00f3n reducida<\/strong>, el <strong>alto contraste de los textos y de los titulares<\/strong> es importante. Al <strong>dise\u00f1ar una web para invidentes totales <\/strong>no es suficiente con ello;&nbsp; <strong>es esencial que etiquetes los encabezados como tales en el c\u00f3digo HTML.<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero no es suficiente con esta medida. El uso de una <strong>HTML sem\u00e1ntica <\/strong>es esencial para una web para invidentes. Y otro punto relevante y que a menudo se olvida es utilizar <strong>encabezados claros y l\u00f3gicos.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ten en cuenta que <strong>navegar de forma intuitiva <\/strong>se complica para el invidente si los <strong>encabezados<\/strong> no son f\u00e1ciles de escanear.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s, otro punto a tener en cuenta es la <strong>creaci\u00f3n de un men\u00fa de navegaci\u00f3n sencillo <\/strong>que facilite poder moverse por ella con soltura y comodidad.<\/p>\n\n\n\n<h3 id=\"haz-una-buena-descripcion-de-enlaces\" class=\"wp-block-heading\"><strong>Haz una buena descripci\u00f3n de enlaces.<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Los <strong>software de lectura o transcripci\u00f3n para invidentes leen en voz alta las descripciones de los enlaces<\/strong> para que el usuario sepa que est\u00e1n ah\u00ed, conozca hacia qu\u00e9 tipo de contenido apuntan y pueda decidir si clicar sobre ellos o no hacerlo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Para facilitar su comprensi\u00f3n la descripci\u00f3n debe ser muy clara y concisa<\/strong>. Pon el foco en que sea informaci\u00f3n descriptiva.&nbsp;<\/p>\n\n\n\n<h3 id=\"optimizacion-de-formularios-para-un-diseno-web-accesible-para-invidentes\" class=\"wp-block-heading\"><strong>Optimizaci\u00f3n de formularios para un dise\u00f1o web accesible para invidentes.<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para toda p\u00e1gina web <strong>los formularios <\/strong>son muy importantes para captar clientes o para fidelizar visitantes.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si ya conoces<strong><a href=\"https:\/\/saobranding.com\/proyectos\/emails-clientes-ventas\/\" target=\"_blank\" rel=\"noreferrer noopener\"> el valor del email marketing<\/a><\/strong>, sabes bien la importancia de dar la opci\u00f3n de <strong>suscribirse<br>al bolet\u00edn de noticias o newsletter<\/strong>. Tambi\u00e9n los <strong>formularios de contacto<\/strong> son importantes para captar<br>clientes, aclarar dudas o dar informaci\u00f3n de inter\u00e9s para el usuario y la compa\u00f1\u00eda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ello, al <strong>dise\u00f1ar una web <\/strong>para <strong>invidentes<\/strong> debes optimizar los usuarios para facilitar su comprensi\u00f3n y uso.<\/p>\n\n\n\n<h3 id=\"la-estructura-debe-ser-sencilla\" class=\"wp-block-heading\"><strong>La estructura debe ser sencilla<\/strong>.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Usa <strong>etiquetas con instrucciones vinculadas a los campos de entrada <\/strong>para que el software de transcripci\u00f3n los entienda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si un dato introducido no es v\u00e1lido o es incorrecto se\u00f1ala el motivo por el que es as\u00ed, para <strong>facilitar su correcci\u00f3n <\/strong>y que sea introducido de la forma adecuada.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Haz que los formularios puedan ser navegables tanto usando el rat\u00f3n como desde el teclado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SAO Branding somos <strong><a href=\"https:\/\/saobranding.com\/branding\/diseno-web-madrid\/\" target=\"_blank\" rel=\"noreferrer noopener\">especialistas en dise\u00f1o web en Madrid<\/a> <\/strong>y te ayudamos a disponer de <strong>una web para invidentes para tu negocio o instituci\u00f3n<\/strong>. Ll\u00e1manos y hablamos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fuentes:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.fundaciononce.es\/es\/accesibilidad\" rel=\"nofollow noopener\" target=\"_blank\" title=\"USAMOS COOKIES EN ESTE SITIO PARA MEJORAR SU EXPERIENCIA DE USUARIO.\">https:\/\/www.fundaciononce.es\/es\/accesibilidad<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a title=\"Accesibilidad web\" href=\"https:\/\/es.wikipedia.org\/wiki\/Accesibilidad_web\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/es.wikipedia.org\/wiki\/Accesibilidad_web<\/a><\/p>\n\n\n\n\n        <div class='d-flex flex-row mb-3 align-items-center' style='max-width:410px; background-color: #E76B9E;'>\n            <div >\n            <img style='width:100px' src='https:\/\/saobranding.com\/img\/plantilla\/alex-color.jpg'>\n            <\/div>\n            <div class='p-4'>\n            <a class='link_banner' href='https:\/\/www.linkedin.com\/in\/alexander-e-g-gabbitas\/' title='Firma de Alex Gabbitas | SAO Branding' target='_blank'>\n                <h5 class='card-title m-0' style='font-size:1.8em!important; color:#fff;'>Alexander E. G. Gabbitas<\/h5>\n                <p class='card-text' style='font-size:1.4rem; color:#fff;'>Full-stack developer<\/p>\n            <\/a>\n            <\/div>\n        <\/div>\n\n    \n","protected":false},"excerpt":{"rendered":"<p>\u00bfSabes c\u00f3mo dise\u00f1ar una web para invidentes para que puedan acceder y navegar por ella con comodidad y disfruten de una buena experiencia de usuario? Desde hace a\u00f1os es posible y cada vez hay m\u00e1s opciones para un dise\u00f1o web accesible para invidentes y atractivo para todos. \u00bfTe has planteado la importancia de que tu [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":5605,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[77,5,16],"tags":[],"class_list":["post-5603","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accesibilidad","category-curiosidades","category-diseno-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfC\u00f3mo dise\u00f1ar una web para invidentes? | SAO Branding Agencia de Branding y Marketing<\/title>\n<meta name=\"description\" content=\"Desde hace a\u00f1os es posible dise\u00f1ar webs accesibles para invidentes para que disfruten de una buena navegaci\u00f3n y experiencia de usuario.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes? | SAO Branding Agencia de Branding y Marketing\" \/>\n<meta property=\"og:description\" content=\"Desde hace a\u00f1os es posible dise\u00f1ar webs accesibles para invidentes para que disfruten de una buena navegaci\u00f3n y experiencia de usuario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/\" \/>\n<meta property=\"og:site_name\" content=\"SAO Branding Agencia de Branding y Marketing\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/saocreativefactory\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-17T07:27:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-18T06:24:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/saobranding.com\/proyectos\/wp-content\/uploads\/2023\/07\/como-disenar-web-para-invidentes.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Daniel Soto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/\"},\"author\":{\"name\":\"Daniel Soto\",\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/#\\\/schema\\\/person\\\/4d54c638722532f8c862ae3ddb3bb653\"},\"headline\":\"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes?\",\"datePublished\":\"2023-07-17T07:27:54+00:00\",\"dateModified\":\"2023-07-18T06:24:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/\"},\"wordCount\":1021,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/como-disenar-web-para-invidentes.jpg\",\"articleSection\":[\"Accesibilidad\",\"Curiosidades\",\"Dise\u00f1o Web\"],\"inLanguage\":\"es\"},{\"@type\":[\"WebPage\",\"ItemPage\"],\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/\",\"url\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/\",\"name\":\"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes? | SAO Branding Agencia de Branding y Marketing\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/como-disenar-web-para-invidentes.jpg\",\"datePublished\":\"2023-07-17T07:27:54+00:00\",\"dateModified\":\"2023-07-18T06:24:19+00:00\",\"description\":\"Desde hace a\u00f1os es posible dise\u00f1ar webs accesibles para invidentes para que disfruten de una buena navegaci\u00f3n y experiencia de usuario.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/como-disenar-web-para-invidentes.jpg\",\"contentUrl\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/como-disenar-web-para-invidentes.jpg\",\"width\":600,\"height\":500,\"caption\":\"como dise\u00f1ar web para invidentes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/diseno-web-invidentes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/#website\",\"url\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/\",\"name\":\"SAO Branding\",\"description\":\"Agencia de branding Madrid. Auditor\u00eda y estrategia de marca. Marketing digital, dise\u00f1o web - SEO, SEM y SMO, creatividad, redes sociales.\",\"publisher\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/#organization\"},\"alternateName\":\"SAO Branding Agencia de Branding y Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/#organization\",\"name\":\"SAO Branding S.L.\",\"alternateName\":\"SAO\",\"url\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo-header-sao-branding.png\",\"contentUrl\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo-header-sao-branding.png\",\"width\":200,\"height\":119,\"caption\":\"SAO Branding S.L.\"},\"image\":{\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/saocreativefactory\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/sao-branding-s-l\\\/\",\"https:\\\/\\\/www.instagram.com\\\/sao.branding\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/saobranding.com\\\/proyectos\\\/#\\\/schema\\\/person\\\/4d54c638722532f8c862ae3ddb3bb653\",\"name\":\"Daniel Soto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/05f217330ea9bcdbb98d857959a85ddd47202085a67870318fdbd55a5901fb53?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/05f217330ea9bcdbb98d857959a85ddd47202085a67870318fdbd55a5901fb53?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/05f217330ea9bcdbb98d857959a85ddd47202085a67870318fdbd55a5901fb53?s=96&d=mm&r=g\",\"caption\":\"Daniel Soto\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes? | SAO Branding Agencia de Branding y Marketing","description":"Desde hace a\u00f1os es posible dise\u00f1ar webs accesibles para invidentes para que disfruten de una buena navegaci\u00f3n y experiencia de usuario.","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:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes? | SAO Branding Agencia de Branding y Marketing","og_description":"Desde hace a\u00f1os es posible dise\u00f1ar webs accesibles para invidentes para que disfruten de una buena navegaci\u00f3n y experiencia de usuario.","og_url":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/","og_site_name":"SAO Branding Agencia de Branding y Marketing","article_publisher":"https:\/\/www.facebook.com\/saocreativefactory\/","article_published_time":"2023-07-17T07:27:54+00:00","article_modified_time":"2023-07-18T06:24:19+00:00","og_image":[{"width":600,"height":500,"url":"https:\/\/saobranding.com\/proyectos\/wp-content\/uploads\/2023\/07\/como-disenar-web-para-invidentes.jpg","type":"image\/jpeg"}],"author":"Daniel Soto","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/#article","isPartOf":{"@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/"},"author":{"name":"Daniel Soto","@id":"https:\/\/saobranding.com\/proyectos\/#\/schema\/person\/4d54c638722532f8c862ae3ddb3bb653"},"headline":"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes?","datePublished":"2023-07-17T07:27:54+00:00","dateModified":"2023-07-18T06:24:19+00:00","mainEntityOfPage":{"@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/"},"wordCount":1021,"commentCount":0,"publisher":{"@id":"https:\/\/saobranding.com\/proyectos\/#organization"},"image":{"@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/#primaryimage"},"thumbnailUrl":"https:\/\/saobranding.com\/proyectos\/wp-content\/uploads\/2023\/07\/como-disenar-web-para-invidentes.jpg","articleSection":["Accesibilidad","Curiosidades","Dise\u00f1o Web"],"inLanguage":"es"},{"@type":["WebPage","ItemPage"],"@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/","url":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/","name":"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes? | SAO Branding Agencia de Branding y Marketing","isPartOf":{"@id":"https:\/\/saobranding.com\/proyectos\/#website"},"primaryImageOfPage":{"@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/#primaryimage"},"image":{"@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/#primaryimage"},"thumbnailUrl":"https:\/\/saobranding.com\/proyectos\/wp-content\/uploads\/2023\/07\/como-disenar-web-para-invidentes.jpg","datePublished":"2023-07-17T07:27:54+00:00","dateModified":"2023-07-18T06:24:19+00:00","description":"Desde hace a\u00f1os es posible dise\u00f1ar webs accesibles para invidentes para que disfruten de una buena navegaci\u00f3n y experiencia de usuario.","breadcrumb":{"@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/#primaryimage","url":"https:\/\/saobranding.com\/proyectos\/wp-content\/uploads\/2023\/07\/como-disenar-web-para-invidentes.jpg","contentUrl":"https:\/\/saobranding.com\/proyectos\/wp-content\/uploads\/2023\/07\/como-disenar-web-para-invidentes.jpg","width":600,"height":500,"caption":"como dise\u00f1ar web para invidentes"},{"@type":"BreadcrumbList","@id":"https:\/\/saobranding.com\/proyectos\/diseno-web-invidentes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/saobranding.com\/proyectos\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo dise\u00f1ar una web para invidentes?"}]},{"@type":"WebSite","@id":"https:\/\/saobranding.com\/proyectos\/#website","url":"https:\/\/saobranding.com\/proyectos\/","name":"SAO Branding","description":"Agencia de branding Madrid. Auditor\u00eda y estrategia de marca. Marketing digital, dise\u00f1o web - SEO, SEM y SMO, creatividad, redes sociales.","publisher":{"@id":"https:\/\/saobranding.com\/proyectos\/#organization"},"alternateName":"SAO Branding Agencia de Branding y Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/saobranding.com\/proyectos\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/saobranding.com\/proyectos\/#organization","name":"SAO Branding S.L.","alternateName":"SAO","url":"https:\/\/saobranding.com\/proyectos\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/saobranding.com\/proyectos\/#\/schema\/logo\/image\/","url":"https:\/\/saobranding.com\/proyectos\/wp-content\/uploads\/2021\/11\/logo-header-sao-branding.png","contentUrl":"https:\/\/saobranding.com\/proyectos\/wp-content\/uploads\/2021\/11\/logo-header-sao-branding.png","width":200,"height":119,"caption":"SAO Branding S.L."},"image":{"@id":"https:\/\/saobranding.com\/proyectos\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/saocreativefactory\/","https:\/\/www.linkedin.com\/company\/sao-branding-s-l\/","https:\/\/www.instagram.com\/sao.branding\/"]},{"@type":"Person","@id":"https:\/\/saobranding.com\/proyectos\/#\/schema\/person\/4d54c638722532f8c862ae3ddb3bb653","name":"Daniel Soto","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/05f217330ea9bcdbb98d857959a85ddd47202085a67870318fdbd55a5901fb53?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/05f217330ea9bcdbb98d857959a85ddd47202085a67870318fdbd55a5901fb53?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/05f217330ea9bcdbb98d857959a85ddd47202085a67870318fdbd55a5901fb53?s=96&d=mm&r=g","caption":"Daniel Soto"}}]}},"_links":{"self":[{"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/posts\/5603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/comments?post=5603"}],"version-history":[{"count":6,"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/posts\/5603\/revisions"}],"predecessor-version":[{"id":5612,"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/posts\/5603\/revisions\/5612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/media\/5605"}],"wp:attachment":[{"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/media?parent=5603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/categories?post=5603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/saobranding.com\/proyectos\/wp-json\/wp\/v2\/tags?post=5603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}