{"id":15479,"date":"2023-06-14T09:56:00","date_gmt":"2023-06-14T09:56:00","guid":{"rendered":"https:\/\/newblog.siteground.com\/es\/?p=15479"},"modified":"2025-09-19T08:10:24","modified_gmt":"2025-09-19T08:10:24","slug":"accesibilidad-web","status":"publish","type":"post","link":"https:\/\/www.siteground.es\/blog\/accesibilidad-web\/","title":{"rendered":"\u00bfQu\u00e9 es la accesibilidad web y c\u00f3mo implementarla?"},"content":{"rendered":"\n<p>Todo gran poder conlleva una gran responsabilidad. Y por esta raz\u00f3n, si tienes una web (o piensas crearla), eres responsable de ofrecer la mejor de las experiencias a todos tus usuarios sin excepciones y sin limitaciones. Y en este sentido, la<strong> accesibilidad web<\/strong> es el desaf\u00edo que debes superar.&nbsp;<\/p>\n\n\n\n<p>La accesibilidad web persigue el acceso, la inclusi\u00f3n y la participaci\u00f3n de las personas que sufren ciertas discapacidades (permanentes o temporales), mediante la adaptaci\u00f3n del dise\u00f1o y el uso de diferentes tecnolog\u00edas.<\/p>\n\n\n\n<p>Sin embargo, este concepto va mucho m\u00e1s all\u00e1: todos salimos beneficiados.&nbsp;<\/p>\n\n\n\n<p>Como usuarios podemos navegar por un sitio web, amigable, intuitivo y asequible, aunque se presenten o tengamos ciertas dificultades. Como empresa, una mejor experiencia se premia con un mejor posicionamiento org\u00e1nico, un branding potente y mejores tasas de conversi\u00f3n.&nbsp;<\/p>\n\n\n\n<p>Por todo esto y mucho m\u00e1s, hoy quiero lanzarte el \u201cguante de la accesibilidad\u201d.&nbsp;<\/p>\n\n\n\n<p>\u00bfTe atreves a recogerlo?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_la_accesibilidad_web\"><\/span>\u00bfQu\u00e9 es la accesibilidad web?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La accesibilidad web es una <strong>caracter\u00edstica de las p\u00e1ginas web y de los productos digitales<\/strong>, que logra que las personas con alg\u00fan tipo de <strong>discapacidad<\/strong> o con analfabetismo <strong>se muevan por sus interfaces encontrando m\u00ednimas dificultades<\/strong>.<\/p>\n\n\n\n<p>El objetivo es <strong>conseguir el acceso igualitario, la inclusividad e independencia<\/strong> de todos los usuarios a plataformas, p\u00e1ginas web, app o productos digitales.<\/p>\n\n\n\n<p>Entre las discapacidades a tener en cuenta est\u00e1n los diferentes grados de discapacidad visual o auditiva, un deterioro motor que limite la motricidad fina, un deterioro cognitivo que genera problemas de aprendizaje, etc.<\/p>\n\n\n\n<p>Estas discapacidades no tienen por qu\u00e9 ser permanentes, nos pueden afectar a cada uno de nosotros en alg\u00fan momento de nuestra vida. Por ejemplo, tras una operaci\u00f3n de la vista, o un accidente que inmovilice temporalmente una de nuestras manos. O simplemente que tengamos una conexi\u00f3n a internet lenta.&nbsp;<\/p>\n\n\n\n<p>Incluso hay situaciones de la vida cotidiana en las que necesitas de esta caracter\u00edstica, como, por ejemplo, manejar un dispositivo m\u00f3vil mientras sostienes a un beb\u00e9.<\/p>\n\n\n\n<p>Por lo tanto, la <strong>accesibilidad web mejora la interacci\u00f3n de todos los usuarios<\/strong> con un sitio web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tipos_de_accesibilidad_web\"><\/span>Tipos de accesibilidad web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La accesibilidad web ha de sortear tres frentes: el sensorial, el f\u00edsico y el cognitivo. Por suerte, los avances tecnol\u00f3gicos y de desarrollo web facilitan la inclusividad e independencia de usuarios afectados por ciertas limitaciones.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Accesibilidad sensorial<\/h3>\n\n\n\n<p>Este tipo de accesibilidad es capaz de superar la<strong> discapacidad visual y auditiva<\/strong>.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Una persona ciega o con baja visi\u00f3n puede emplear teclados especiales, magnificadores de pantallas, navegaci\u00f3n por voz, lectores de pantallas, apuntadores, conmutadores, etc.&nbsp;<\/li><li>Personas con daltonismo y otras patolog\u00edas visuales, han de tener opci\u00f3n de ajustar el contraste, la saturaci\u00f3n, o hacer que la web sea monocrom\u00e1tica, por ejemplo.&nbsp;&nbsp;<\/li><\/ul>\n\n\n\n<p>Como ves, m\u00e1s all\u00e1 de la tecnolog\u00eda existen otros aspectos de accesibilidad a trabajar: descripci\u00f3n alternativa en las im\u00e1genes, selecci\u00f3n y contraste de colores, posibilidad de cambiar el tama\u00f1o de las fuentes, etc.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Una persona sorda puede apoyarse en un transcriptor de voz a texto, o en los subt\u00edtulos del contenido.&nbsp;<\/li><\/ul>\n\n\n\n<p>La cuesti\u00f3n es que la web se dise\u00f1e tambi\u00e9n teniendo en cuenta estas necesidades tecnol\u00f3gicas.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Accesibilidad f\u00edsica<\/h3>\n\n\n\n<p>En este caso la persona cuenta con una discapacidad f\u00edsica porque le falta alguna parte de su cuerpo, o aun teni\u00e9ndola, no es del todo funcional.&nbsp;<\/p>\n\n\n\n<p>Es el caso de personas con trastornos de habilidades motoras como lesiones medulares, o con problemas de movilidad en las manos\u2026&nbsp;<\/p>\n\n\n\n<p>De nuevo, la tecnolog\u00eda abre las puertas de la accesibilidad con productos como los licornios (para dirigir el puntero con los movimientos de la cabeza), programas de dictados por voz, etc.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Accesibilidad cognitiva<\/h3>\n\n\n\n<p>La accesibilidad cognitiva supone una limitaci\u00f3n en el aprendizaje, un obst\u00e1culo en lo que a capacidad de comprensi\u00f3n y comunicaci\u00f3n se refiere: personas con S\u00edndrome de Down, dislexia, TDAH, o simplemente, por edad avanzada, son algunos ejemplos de usuarios en los que debes pensar.&nbsp;<\/p>\n\n\n\n<p>La soluci\u00f3n pasa por trabajar textos de lectura f\u00e1cil, bien estructurados, gu\u00edas de lectura, resaltar t\u00edtulos o enlaces, o proporcionar tiempo extra en las posibles interacciones con la interfaz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFPor_que_es_importante_la_accesibilidad_web\"><\/span>\u00bfPor qu\u00e9 es importante la accesibilidad web?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La revoluci\u00f3n de la accesibilidad comenz\u00f3 en la arquitectura, al observar las dificultades que ten\u00edan muchas personas para entrar y moverse por los edificios. Desde esta rama se extendi\u00f3 a otras como la educaci\u00f3n y naci\u00f3 el Dise\u00f1o Universal de Aprendizaje, y ahora llega la <strong>accesibilidad web<\/strong>.<\/p>\n\n\n\n<p><strong>Lograr la inclusi\u00f3n<\/strong> ya es un fin de suficiente calado. Conseguir integrar en el mundo digital a todas aquellas personas que encuentran dificultades en internet nos acerca a un mundo m\u00e1s igualitario.<\/p>\n\n\n\n<p>Y eso implica tener en cuenta a mucha gente.<\/p>\n\n\n\n<p>Seg\u00fan los \u00faltimos datos facilitados por la OMS en 2023, aproximadamente <a href=\"https:\/\/www.who.int\/es\/news-room\/fact-sheets\/detail\/disability-and-health\" target=\"_blank\" rel=\"noreferrer noopener\">el 16% de la poblaci\u00f3n mundial sufre alg\u00fan tipo de discapacidad<\/a>. Son 1 de cada 6 personas.<\/p>\n\n\n\n<p>Suma a ello aquellas personas analfabetas o las que est\u00e1n poco habituadas a moverse en el mundo digital, y es una cifra que puede incrementarse hasta el 30%<\/p>\n\n\n\n<p>Eso, sin a\u00f1adir las discapacidades temporales que todos podemos sufrir a lo largo de nuestra vida.<\/p>\n\n\n\n<p>Por tanto, trabajar en este aspecto de tu web tiene muchos <strong>beneficios<\/strong> para ti que deber\u00edas tener en cuenta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Beneficios de la accesibilidad web<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Facilitas el<strong> acceso a personas con discapacidades y limitaciones f\u00edsicas, cognitivas y sensoriales.<\/strong><\/li><li>Llegas a <strong>m\u00e1s p\u00fablico objetivo<\/strong>, que ahora no puede acceder a tu web.<\/li><li>Te <strong>desmarcas de tu competencia<\/strong>, si ellos no est\u00e1n teniendo en cuenta a estos usuarios.<\/li><li>Potencias tu <strong>posicionamiento<\/strong>, porque incluir elementos accesibles supone mejorar atributos que los buscadores premian.<\/li><li>Tu <strong>imagen de marca<\/strong> incluye la preocupaci\u00f3n por usuarios con caracter\u00edsticas diversas.<\/li><li>Creas una <strong>p\u00e1gina web accesible, sencilla e intuitiva<\/strong> para todo tipo de usuarios.<\/li><li><strong>Ganas usuarios<\/strong> con dificultades para manejarse en internet, por falta de conocimientos.<\/li><li>Crece la <strong>lealtad hacia tu marca<\/strong>, y asientas tu credibilidad.<\/li><li>Apoyas el <strong>crecimiento social<\/strong>, lo que refuerzas tu <strong>autoridad<\/strong>.<\/li><li>Y, en algunos pa\u00edses, cumples con la legalidad vigente que suele exigir que las webs tengan un nivel AA.<\/li><\/ul>\n\n\n\n<p>Adem\u00e1s, en Espa\u00f1a contamos con la normativa del <a href=\"http:\/\/accesibilidadweb.dlsi.ua.es\/?menu=rd1112-2018\" target=\"_blank\" rel=\"noreferrer noopener\">Real Decreto 1112\/2018 de accesibilidad web<\/a>, que establece los requisitos de accesibilidad de los sitios web y las aplicaciones para dispositivos m\u00f3viles que han de cumplir todos los organismos del sector p\u00fablico.<\/p>\n\n\n\n<p>Sin embargo, la mayor parte de las webs, productos y experiencias digitales no tienen en cuenta las distintas necesidades de los usuarios.&nbsp;<\/p>\n\n\n\n<p>Todav\u00eda no existe legalidad de ese tipo para las webs privadas, pero el Real Decreto ya deja claro cu\u00e1l debe ser el camino a seguir hacia el futuro. En SiteGround hemos tomado nota e <a href=\"https:\/\/newblog.siteground.com\/es\/accesibilidad-en-nuestro-nuevo-area-de-clientes-y-site-tools\/\" data-type=\"post\" data-id=\"11967\" target=\"_blank\" rel=\"noreferrer noopener\">introducido ajustes en nuestra nueva \u00e1rea de clientes y site tools<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFComo_beneficia_la_accesibilidad_web_a_tu_posicionamiento_SEO_y_viceversa\"><\/span>\u00bfC\u00f3mo beneficia la accesibilidad web a tu posicionamiento SEO (y viceversa)?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Trabajar la accesibilidad web repercute positivamente en tu posicionamiento org\u00e1nico. Al fin y al cabo, cu\u00e1nto m\u00e1s f\u00e1cil se lo pongas a tus usuarios, m\u00e1s le gustas a Google.&nbsp;<\/p>\n\n\n\n<p>Los robots que te rastrean no dejan de ser usuarios \u201cciegos y sordos\u201d. No van a ver las im\u00e1genes o videos, ni escuchar tus audios, ni entender tus enlaces como tales.<\/p>\n\n\n\n<p>As\u00ed que toma buena nota de estas buenas pr\u00e1cticas que favorecen tanto el posicionamiento como la accesibilidad de tu web:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Estructura tu contenido<\/h3>\n\n\n\n<p>Utiliza t\u00edtulos y subt\u00edtulos para dar estructura a tu contenido y facilitar su comprensi\u00f3n. S\u00edrvete de las etiquetas HTML (H1, H2, H3\u2026) para jerarquizar la informaci\u00f3n.&nbsp;<\/p>\n\n\n\n<p>Usuarios que emplean, por ejemplo, lectores de pantalla, sabr\u00e1n con certeza de qu\u00e9 va la p\u00e1gina y moverse por ella (y los robots de Google tambi\u00e9n).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Textos alternativos para el contenido multimedia<\/h3>\n\n\n\n<p>Usa el atributo Alt y escribe un texto alternativo que describa las im\u00e1genes, los v\u00eddeos o audios. Aprovecha para incluir la keyword que te interesa.&nbsp;<\/p>\n\n\n\n<p>Algo tan simple como poner el Alt text en el contenido multimedia facilitar\u00e1 su comprensi\u00f3n a personas con discapacidad visual o cognitiva, ya sea mediante lectura de pantalla, en braille\u2026<\/p>\n\n\n\n<p>En el caso de personas sordas, podr\u00e1n leer este texto alternativo o traducirlo de forma autom\u00e1tica al lenguaje de signos.&nbsp;<\/p>\n\n\n\n<p>Por su parte, los bots, que como hemos dicho s\u00f3lo comprenden el formato texto, tambi\u00e9n tendr\u00e1n claro de qu\u00e9 van tus piezas multimedia.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alternativas de contenido<\/h3>\n\n\n\n<p>Siguiendo la l\u00ednea del punto anterior, en la medida de tus posibilidades, ofrece tu contenido en diferentes formatos.&nbsp;<\/p>\n\n\n\n<p>Estas alternativas de consumo de contenido aumentan el tiempo de permanencia en tu web y mejoran la UX (y Google toma buena nota de ello).&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Anchor texts bien trabajados<\/h3>\n\n\n\n<p>Los enlaces que incluyes en tu contenido enriquecen la experiencia de usuario y, a trav\u00e9s del anchor text, env\u00edas se\u00f1ales de posicionamiento a Google.&nbsp;<\/p>\n\n\n\n<p>No es lo mismo que una persona o un bot encuentren un enlace que dice \u201chaz clic aqu\u00ed\u201d, que uno que contenga la palabra clave del contenido al que se dirige. \u00bfNotas la diferencia?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Facilita la navegabilidad<\/h3>\n\n\n\n<p>Proporciona un mapa web y favorece la navegabilidad de tu sitio utilizando, por ejemplo, breadcrumbs. Estas migas de pan permiten al usuario saber en todo momento en qu\u00e9 sitio est\u00e1n de tu web.&nbsp;<\/p>\n\n\n\n<p>Una buena navegabilidad beneficia a todo el mundo, aumenta el tiempo de permanencia y reduce la tasa de rebote.&nbsp;<\/p>\n\n\n\n<p>Como ves, trabajando la accesibilidad web mejoras tu SEO, y viceversa: matas dos p\u00e1jaros de un tiro.&nbsp;<\/p>\n\n\n\n<p>Ten en cuenta que lo que m\u00e1s le interesa al gran buscador es que ofrezcas la mejor experiencia a tus usuarios (las <a href=\"https:\/\/newblog.siteground.com\/es\/core-web-vitals-guia\/\" data-type=\"post\" data-id=\"12944\" target=\"_blank\" rel=\"noreferrer noopener\">Core Web Vitals<\/a> son buena prueba de ello); y tambi\u00e9n, que el contenido que ofrezcas sea de autoridad y de calidad (aqu\u00ed entra el EEAT en acci\u00f3n).\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/p>\n\n\n\n<p>As\u00ed que si combinas la accesibilidad, el posicionamiento y el <a href=\"https:\/\/newblog.siteground.com\/es\/que-es-marketing-contenidos\/\" data-type=\"post\" data-id=\"13492\" target=\"_blank\" rel=\"noreferrer noopener\">marketing de contenidos<\/a> conquistar\u00e1s a tus usuarios y a Google.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFComo_se_regula_la_accesibilidad_web_%C2%BFQue_son_las_directrices_de_accesibilidad\"><\/span>\u00bfC\u00f3mo se regula la accesibilidad web? \u00bfQu\u00e9 son las directrices de accesibilidad?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>El consorcio internacional WWW \u2014en ingl\u00e9s World Wide Web Consortium (W3C)\u2014 se encarga de generar recomendaciones y est\u00e1ndares para el crecimiento de internet a largo plazo y esto incluye la creaci\u00f3n de webs accesibles a toda la poblaci\u00f3n.<\/p>\n\n\n\n<p>En W3C cuentan con cientos de miembros, varios equipos y centros regionales repartidos por el planeta, como el ubicado en nuestro pa\u00eds en el Parque Cient\u00edfico Tecnol\u00f3gico de Gij\u00f3n (Principado de Asturias).&nbsp;<\/p>\n\n\n\n<p>Uno de los grupos de trabajo internacionales se denomina Iniciativa para la Accesibilidad Web (WAI) y publica peri\u00f3dicamente documentos llamados Directrices de Accesibilidad del Contenido Web (WCAG) que son las <strong>referencias mundiales para crear webs accesibles<\/strong>.&nbsp;<\/p>\n\n\n\n<p>La <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00faltima versi\u00f3n es de 2018<\/a> y es la <strong>WCAG 2.1<\/strong>. Las directrices que incluye se dirigen a los desarrolladores y dise\u00f1adores web, a los desarrolladores de herramientas de autor para el dise\u00f1o y programaci\u00f3n de webs, a los desarrollos de navegadores y a los desarrolladores de herramientas que eval\u00faan la accesibilidad de una web.<\/p>\n\n\n\n<p>Adem\u00e1s, la informaci\u00f3n del WCAG 2.1 es muy \u00fatil si deseas confirmar si tu web es accesible, aunque lo m\u00e1s sencillo es emplear herramientas para ello, que te indicamos al final del post.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Niveles de las directrices WCAG<\/h3>\n\n\n\n<p>La Iniciativa para la Accesibilidad Web (Web Accessibility Initiative &#8211; WAI) establece tres niveles a la hora de integrar las pautas de accesibilidad o directrices WCAG, cada uno de ellos m\u00e1s completo que el anterior:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">NIVEL A<\/h4>\n\n\n\n<p>El primer nivel solo <strong>garantiza un m\u00ednimo de accesibilidad<\/strong>, por lo que la mayor\u00eda de discapacitados tendr\u00e1n dificultades para moverse por una web de esta categor\u00eda. En este nivel est\u00e1n los subt\u00edtulos y las alternativas de texto para v\u00eddeos y audios.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">NIVEL AA<\/h4>\n\n\n\n<p>Corresponde a sitios web que <strong>han eliminado las barreras m\u00e1s comunes<\/strong> a todo tipo de usuarios. Es el nivel que se exige habitualmente a los sitios web, que deben disponer de subt\u00edtulos de audio en directo y descripciones de audio, entre otros.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">NIVEL AAA<\/h4>\n\n\n\n<p>Aunque el nivel AAA es <strong>muy completo<\/strong> no es recomendable para su uso en webs generalistas, porque es complicado que todos los contenidos puedan cumplirla. Incluye el lenguaje de signos y las audiodescripciones ampliadas.<\/p>\n\n\n\n<p>En nuestro pa\u00eds la Asociaci\u00f3n Espa\u00f1ola de Normalizaci\u00f3n y Certificaci\u00f3n <strong>AENOR dispone de la Certificaci\u00f3n de Accesibilidad TIC<\/strong>, con la que puedes acreditar tu compromiso con la inclusi\u00f3n.<\/p>\n\n\n\n<p>Esta certificaci\u00f3n sigue las directrices de la WAI, aunque AENOR solo <strong>acredita los niveles AA y AAA<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">H3 Lista de referencias de las directrices WCAG<\/h3>\n\n\n\n<p>Las directrices WCAG 2.1 te facilitan unas referencias b\u00e1sicas para introducir en tu web en su camino hacia la accesibilidad.<\/p>\n\n\n\n<p>Si quieres ir en esa direcci\u00f3n, deber\u00edas tenerlas en cuenta e introducir todas las que puedas:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Textos alternativos<\/h4>\n\n\n\n<p>Introduce descripciones alternativas en tu web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Contenido opcional al audio o el v\u00eddeo<\/h4>\n\n\n\n<p>Si la informaci\u00f3n es auditiva o visual, aporta m\u00e1s soluciones.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Adaptable<\/h4>\n\n\n\n<p>Busca presentar tu contenido de formas distintas, sin que se pierda la forma y funci\u00f3n en el camino.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Distinguible<\/h4>\n\n\n\n<p>Diferencia el color de las letras y el fondo, y aporta soluciones para ver o escuchar el contenido, como letra clara o colores distinguibles para todos.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Accesible mediante teclado<\/h4>\n\n\n\n<p>No todo el mundo utiliza rat\u00f3n, logra que las funcionalidades de tu web se activen tambi\u00e9n con teclado.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Reducci\u00f3n de ataques<\/h4>\n\n\n\n<p>Elimina elementos que puedan activar ataques en usuarios con discapacidades neurol\u00f3gicas, como destellos de color, o im\u00e1genes r\u00e1pidas y parpadeantes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Navegabilidad<\/h4>\n\n\n\n<p>Incorpora elementos que faciliten la navegaci\u00f3n por tu web, as\u00ed como la localizaci\u00f3n de informaci\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Legibilidad<\/h4>\n\n\n\n<p>Textos cortos y f\u00e1ciles de entender, acompa\u00f1ados de una letra clara consiguen que el lector comprenda lo que lee. Tecnicismos y met\u00e1foras deben eliminarse.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Compatibilidad<\/h4>\n\n\n\n<p>Tu web debe ser compatible con todos los navegadores y con diferentes aplicaciones que el usuario necesite integrar para mejorar la comprensi\u00f3n de la misma.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Tiempo<\/h4>\n\n\n\n<p>No dirijas el tiempo que el usuario necesita para conocer tu web. Diapositivas con un tiempo determinado no son \u00fatiles para personas que integran el contenido muy despacio.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Ayuda en la entrada de datos<\/h4>\n\n\n\n<p>Si es necesario introducir datos en tu web para hacer una compra, por ejemplo, facilita el proceso mediante textos predeterminados.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Introduce un corrector<\/h4>\n\n\n\n<p>Cuando existe alguna dificultad f\u00edsica o sensorial, introducir datos puede llevar tiempo extra y contener errores. Un corrector es un buen colaborador.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">S\u00e9 predecible<\/h4>\n\n\n\n<p>No busques la originalidad de funcionamiento, intenta ser predecible para que al navegar por tu plataforma web el usuario sepa c\u00f3mo se activa cada elemento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Principios_de_la_accesibilidad_web\"><\/span>Principios de la accesibilidad web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Si nos apoyamos en la Iniciativa de Accesibilidad Web del Consorcio WWW, tu web ha de tener estas caracter\u00edsticas para cumplir los principios de accesibilidad web:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Perceptible<\/h3>\n\n\n\n<p>Una web perceptible es aquella en la que <strong>el contenido puede ser percibido por la mayor parte de los consumidores<\/strong>.<\/p>\n\n\n\n<p>Para lograrlo, pueden incluirse etiquetas visuales o auditivas sobre los botones, convertir los textos en audios o rellenar con precisi\u00f3n los textos ALT de las im\u00e1genes, para que puedan ser le\u00eddos por programas de voz. Presenta el contenido de diversas formas y separa el fondo del primer plano.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Operable<\/h3>\n\n\n\n<p>Cuando la web es operable, el usuario puede <strong>personalizar la visualizaci\u00f3n de la informaci\u00f3n<\/strong> seg\u00fan desee.<\/p>\n\n\n\n<p>Se consigue eliminando pases autom\u00e1ticos de informaci\u00f3n, para verla a ritmo de cada uno o integrando un zoom para aumentar detalles interesantes o apps que cubran cada necesidad espec\u00edfica. Debe manejarse por teclado para quien no use rat\u00f3n e introduce ayuda si hay que introducir informaci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Comprensible<\/h3>\n\n\n\n<p><strong>Comprender la informaci\u00f3n <\/strong>que hay en una web es fundamental para cualquier usuario. Como el cerebro percibe la informaci\u00f3n de modo diferente, asign\u00e1ndole significado, hay que presentarla de modo diverso.<\/p>\n\n\n\n<p>La letra debe ser claramente legible, los textos deben ser sencillos de entender e ir acompa\u00f1ados de s\u00edmbolos o esquemas para que se entiendan mejor. Se trata de incluir opciones para la percepci\u00f3n y la comprensi\u00f3n. S\u00e9 predecible, y no innoves.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Robusta<\/h3>\n\n\n\n<p>Es necesario que la web accesible y todos sus complementos <strong>funcionen igual de bien en un ordenador como en un tel\u00e9fono m\u00f3vil<\/strong>, y que no se resistan a ning\u00fan navegador.<\/p>\n\n\n\n<p>Esto requiere ir un poco m\u00e1s all\u00e1 del dise\u00f1o responsive. Crea tu web de modo que sea compatible con el mayor n\u00famero de dispositivos y programas de accesibilidad. Y testea que funciona bien en todos los navegadores y que integra correctamente todas las aplicaciones que mejoran la accesibilidad.&nbsp;<\/p>\n\n\n\n<p>Si quieres profundizar en estos principios, en este webinar con Vicent Sanchis descubrir\u00e1s las claves para crear una web accesible.&nbsp;<\/p>\n\n\n\n<p>Insertar URL https:\/\/www.youtube.com\/watch?v=lV1nyO2J4Tc<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFEn_que_se_diferencian_la_accesibilidad_web_y_la_usabilidad\"><\/span>\u00bfEn qu\u00e9 se diferencian la accesibilidad web y la usabilidad?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Accesibilidad y usabilidad son dos t\u00e9rminos aparentemente similares, pero con diferencias sustanciales entre ellos.<\/p>\n\n\n\n<p>Ambos comparten la idea de que los usuarios han de conseguir una mejor experiencia cuando navegan por un sitio web.<\/p>\n\n\n\n<p>En la b\u00fasqueda de ese objetivo, la <strong>usabilidad se centra en mejorar la experiencia del usuario<\/strong> \u2014conocida como UX\u2014 como puede ser que la web no tarde m\u00e1s de tres segundos en cargar o reducir los pasos para lograr algo.<\/p>\n\n\n\n<p>En cambio, la <strong>accesibilidad busca romper las barreras que se encuentra cada tipo de usuario<\/strong> seg\u00fan su discapacidad, danto lugar a webs manejables y accesibles para todos. Si adem\u00e1s esa web destaca por su usabilidad, navegar por ella es algo atractivo e intuitivo.<\/p>\n\n\n\n<p>De modo que usabilidad son t\u00e9rminos simbi\u00f3ticos: trabajan juntos y uno se beneficia del otro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFPara_que_sirve_la_accesibilidad_web_Usos_y_ejemplos\"><\/span>\u00bfPara qu\u00e9 sirve la accesibilidad web? Usos y ejemplos<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Como hemos ido se\u00f1alando hasta ahora, gracias a la accesibilidad web, los contenidos o funciones de un sitio son aptos para todos los usuarios, especialmente para aquellos con alguna discapacidad.<\/p>\n\n\n\n<p>Si tuviera que elegir una marca que ha entendido a la perfecci\u00f3n lo que es la experiencia de usuario y la accesibilidad web es Zara. El icono de accesibilidad te abre un men\u00fa que recoge las diferentes necesidades de los usuarios: desde personas con ceguera a trastornos motores\u2026 Todo un caso de \u00e9xito a seguir y que te recomiendo estudies en detalle.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/nSk8h-MOoPoEN0Sm9NItbV8WSO_skHo1MxmVUntRouYdhEfAjj0Zl4Dm_jFz9_HBTM_vllSPOsC3kutRUdbjxZ2C3mLD9rcGZLAKjQIgyk5ahKcJEM9Mck91BOHES8F_RCghT1siH6adMmgs_PQCVQ\" alt=\"\"\/><\/figure>\n\n\n\n<p>Veamos ahora otros usos y aplicaciones a tener en cuenta (que Zara ya prev\u00e9).&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Uso para personas con discapacidad auditiva<\/h3>\n\n\n\n<p>La discapacidad auditiva tiene varios grados, que van desde la sordera total a la p\u00e9rdida parcial, temporal o progresiva de o\u00eddo.<\/p>\n\n\n\n<p>Si tu web tiene v\u00eddeos explicativos o dispone de contenido en redes sociales o YouTube, invierte en subt\u00edtulos muy completos. Los generados autom\u00e1ticamente no suelen ser muy claros y pueden generar dudas a estos usuarios.<\/p>\n\n\n\n<p>Cuando dise\u00f1as tu web pensando en personas con discapacidad auditiva, tambi\u00e9n la haces accesible para usuarios que desean ver el m\u00f3vil en silencio o aquellos que est\u00e1n en ambientes ruidosos y no pueden escuchar tu contenido.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Uso para personas con discapacidad visual<\/h3>\n\n\n\n<p>Tambi\u00e9n la discapacidad visual tiene varios grados, adem\u00e1s de patolog\u00edas concretas como el daltonismo y sus diversos tipos (dicromatismo, tricromatismo an\u00f3malo, acromatopsia\u2026).<\/p>\n\n\n\n<p>Incluir la posibilidad de aumentar letras o dibujos, crear textos alternativos para im\u00e1genes o a\u00f1adir transcripciones auditivas consiguen que estos usuarios puedan navegar con m\u00e1s facilidad por tu web.<\/p>\n\n\n\n<p>Al adaptar tu web a usuarios con discapacidad visual, tambi\u00e9n ayudas a personas que usan su dispositivo en espacios con mucha luz o que su dispositivo es peque\u00f1o.<\/p>\n\n\n\n<p>Como ejemplo tienes la <a href=\"https:\/\/www.once.es\/accesibilidad\" target=\"_blank\" rel=\"noreferrer noopener\">web de la ONCE<\/a>, que en sus posts incluyen un icono para \u201cseleccionar paleta de alto contraste\u201d y un icono para pausar las animaciones del slider, que tambi\u00e9n puedes seleccionar de modo personalizado:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/zsU3UoVsxzSiY-vBt7fFlw_Ea84zTJeaLIkaj-CDUH0jY6XkRq8m4aM-WBEgt0geXXtk0XJdt9ysvfnMUd6OP3kQ1YrgKprlW6kMugnmDt9hz3oTd3ABvvYS3DiS_ps4ULTPHZk_-cnOaDWbD2cySw\" alt=\"\"\/><\/figure>\n\n\n\n<p>En SiteGround, como te comentaba antes, tambi\u00e9n hemos hecho lo propio, adaptando nuestras interfaces:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/dGxHkcWEg2k_JOSy7zJiprJjd5g_qI1PqtiSa1kqXVrAg34e3jaxc6lalcE7Q4V2SatbtZjeOOjr8deUeW5heUXSb4VLZNcUN6QBNO6nJkLFYIdOpE0TXLsa4NKDe_KR5aPfoVIx3-ks\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Uso para personas con discapacidad mec\u00e1nica<\/h3>\n\n\n\n<p>No poder utilizar los dedos para teclear es tambi\u00e9n una limitaci\u00f3n que impide navegar correctamente por las webs. Puede deberse a una paraplejia o cuadriplejia, una lesi\u00f3n o a enfermedades reum\u00e1ticas o distr\u00f3ficas.<\/p>\n\n\n\n<p>A\u00f1adir un puntero con m\u00faltiples acciones o la posibilidad de manejar la web con la voz es un gran adelanto para ellos. Tambi\u00e9n les ayuda el disponer de botones m\u00e1s grandes o no estar sometidos a tiempos concretos para ver un contenido.<\/p>\n\n\n\n<p>Una web ajustada para personas con discapacidad mec\u00e1nica tambi\u00e9n ayuda a personas con lesiones puntuales o a quienes viajan en transportes que se mueven mucho.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Uso para personas con discapacidad cognitiva o de aprendizaje<\/h3>\n\n\n\n<p>Entre las capacidades de aprendizaje m\u00e1s extendidas se encuentra la dislexia, una afecci\u00f3n neurol\u00f3gica que dificulta el aprendizaje en la lectura. Tambi\u00e9n hay que tener en cuenta la discalculia, cuando la dificultad est\u00e1 en las matem\u00e1ticas, la disgraf\u00eda que genera dificultad al escribir\u2026<\/p>\n\n\n\n<p>Con el fin de incluir a todos estos usuarios, no utilices met\u00e1foras ni lenguaje t\u00e9cnico en tu plataforma web. Da preferencia al lenguaje sencillo y directo, con frases cortas e im\u00e1genes alusivas. Y ofrece m\u00faltiples alternativas: texto escrito con tipograf\u00eda clara, audio, v\u00eddeos e im\u00e1genes.<\/p>\n\n\n\n<p>Las webs que incluyen soluciones para personas con este tipo de discapacidad son tambi\u00e9n muy \u00fatiles para personas analfabetas, extranjeros que no hablan el idioma de la web o usuarios no habituados a las tecnolog\u00edas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Uso para personas con discapacidades neurol\u00f3gicas<\/h3>\n\n\n\n<p>Las enfermedades neurol\u00f3gicas m\u00e1s extendidas y que generan discapacidad son la epilepsia, el Alzheimer, el Parkinson que afecta a las habilidades motoras, el TDAH, cefaleas, migra\u00f1as\u2026<\/p>\n\n\n\n<p>Aunque son diversas y cada una tiene sus caracter\u00edsticas a las que hacer frente, te recomendamos eliminar destellos luminosos y contenido visual agresivo, ya que pueden desencadenar una crisis.<\/p>\n\n\n\n<p>Cuando una web quita elementos que pueden activar los s\u00edntomas de las discapacidades neurol\u00f3gicas, tambi\u00e9n ayuda a personas enfermas y aquellas otras que buscan sosiego.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Uso para personas con analfabetismo digital<\/h3>\n\n\n\n<p>Una persona no ha crecido en un entorno digitalizado, desconoce c\u00f3mo funciona una web, su uso y m\u00faltiples posibilidades. Un ejemplo son las personas de edad avanzada. Aunque no es una discapacidad en s\u00ed misma, les cuesta entender y moverse en una web.<\/p>\n\n\n\n<p>Los s\u00edmbolos e iconos les van a ayudar a manejarse en tu entorno digital. Emplea lenguaje sencillo, reduce los pasos a un solo clic e incluye gu\u00edas completas de uso con im\u00e1genes adjuntas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"9_Consejos_para_hacer_un_sitio_web_accesible\"><\/span>9 Consejos para hacer un sitio web accesible<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Crear un sitio web accesible no consiste en centrarse en un tipo de discapacidad concreta, sino en tenerlas todas en cuenta.<\/p>\n\n\n\n<p>Eso da lugar a una web accesible para la totalidad de los usuarios y contribuye a expandir el alcance de internet.&nbsp;<\/p>\n\n\n\n<p>Tal como dijo Tim Berners-Lee, inventor de la www: \u201cEl poder de la Web est\u00e1 en su universalidad. Un acceso para todo el mundo, independientemente de su discapacidad, es un aspecto esencial\u201d.<\/p>\n\n\n\n<p>El <strong>futuro de tu web pasa por convertirla en accesible<\/strong>. \u00bfQuieres algunos consejos para lograrlo?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Alt Text en im\u00e1genes y v\u00eddeos&nbsp;<\/h3>\n\n\n\n<p>Incluye texto alternativo con una buena descripci\u00f3n en todos los elementos visuales de tu p\u00e1gina web, ya sean im\u00e1genes o v\u00eddeos. As\u00ed, al pasar el puntero, todos sabr\u00e1n qu\u00e9 hay en ese espacio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Alternativas para el consumo del contenido: subt\u00edtulos, audio\u2026<\/h3>\n\n\n\n<p>Ofrece todo tipo de soluciones para que el usuario pueda acceder al contenido. Si hay texto, ofrece audio mediante lectura de textos. Si hay v\u00eddeo, a\u00f1ade subt\u00edtulos creados por ti en lugar de los generados autom\u00e1ticamente, que no captan los matices.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Contenido f\u00e1cil de consumir<\/h3>\n\n\n\n<p>La sencillez es la m\u00e1xima que debes seguir. Las im\u00e1genes tienen que ser claras, el <a href=\"https:\/\/newblog.siteground.com\/es\/mejores-practicas-diseno-web-pymes\/\" data-type=\"post\" data-id=\"13936\" target=\"_blank\" rel=\"noreferrer noopener\">dise\u00f1o web<\/a> limpio, los textos directos y sencillos, sin tecnicismos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Reconocimiento de voz<\/h3>\n\n\n\n<p>La mayor\u00eda de discapacitados recurre al reconocimiento de voz para las b\u00fasquedas en internet o escribir textos. Es imprescindible que tu web sea compatible con estas aplicaciones para resultar \u00fatil para ellos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Tiempo suficiente<\/h3>\n\n\n\n<p>Los sliders que se mueven con un tiempo predeterminado pueden no ser \u00fatiles para personas que necesitan un tiempo personalizado para la lectura. Incluir botones de pausado es una gran opci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Personalizar el tama\u00f1o de fuente<\/h3>\n\n\n\n<p>Incluir en tu propia web la posibilidad de ampliar o reducir el tama\u00f1o de fuente es un recurso muy \u00fatil para personas con visi\u00f3n reducida o usuarios que en ese momento no pueden acceder a sus gafas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Teclado compatible<\/h3>\n\n\n\n<p>Muchas personas solo se mueven por una web con ayuda de un teclado, obviando el rat\u00f3n. Si tu web no es compatible con los comandos de un teclado, no es accesible para todos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">8. Colores con contraste<\/h3>\n\n\n\n<p>Para las personas con patolog\u00edas visuales como el daltonismo, ofrece la posibilidad de cambiar la pantalla a una con colores de alto contraste. Suele ser una pantalla negra con letras blancas que ayuda a una mejor lectura.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. Feedback para las acciones<\/h3>\n\n\n\n<p>Cuando una web solicita introducir datos o realizar alguna acci\u00f3n, todos solemos tener dudas de si lo hemos realizado bien.&nbsp;<\/p>\n\n\n\n<p>Incluir comentarios que te indiquen que todo est\u00e1 correcto o cu\u00e1l es la casilla incompleta es de gran ayuda.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFComo_comprobar_la_accesibilidad_web_de_tu_sitio\"><\/span>\u00bfC\u00f3mo comprobar la accesibilidad web de tu sitio?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Existen m\u00faltiples herramientas con las que verificar la accesibilidad de tu web. Aqu\u00ed te dejo un par de fuentes de referencia:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">W3.org<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.w3.org\/WAI\/ER\/tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">w3.org<\/a> te ofrece un listado completo de cientos de herramientas para comprobar la accesibilidad de tu web.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wave<\/h3>\n\n\n\n<p><a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wave<\/a> es una de las tools gratuitas m\u00e1s populares para evaluar la accesibilidad web. Existe, adem\u00e1s, una <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/wave-evaluation-tool\/jbbplnpkjmmeebjpijfedlgcdilocofh\/related\" target=\"_blank\" rel=\"noreferrer noopener\">extensi\u00f3n de Wave para Chrome<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusi\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La accesibilidad digital rompe todas las barreras del universo digital. Gracias a ella Internet realmente no tiene fronteras.&nbsp;<\/p>\n\n\n\n<p>Las empresas que tengan en el centro de su estrategia a los usuarios no pueden ignorar estos principios y directrices. Al fin y al cabo, contar con una web accesible no solo supone abrir las puertas de tu sitio a todo el mundo sin excepci\u00f3n, tambi\u00e9n es una fuente de ventaja competitiva, de posicionamiento y branding.Como te dije al principio: todo gran poder conlleva una gran responsabilidad. Y en el universo digital, <strong>la accesibilidad web es un must<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"Todo gran poder conlleva una gran responsabilidad. Y por esta raz\u00f3n, si tienes una web (o piensas crearla), eres responsable de ofrecer la mejor de las experiencias a todos tus usuarios sin excepciones y sin limitaciones. Y en este sentido, la accesibilidad web es el desaf\u00edo que debes superar.&nbsp; La accesibilidad web persigue el acceso,&hellip;","protected":false},"author":88,"featured_media":15481,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2781,2530],"tags":[],"class_list":["post-15479","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entendiendo-el-hosting","category-consejos-para-negocios"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Accesibilidad web \u00bfQu\u00e9 es y por qu\u00e9 aplicarla en tu sitio web?<\/title>\n<meta name=\"description\" content=\"Descubre qu\u00e9 es la accesibilidad web, por qu\u00e9 es importante trabajar este aspecto, y cu\u00e1les son las claves para conseguirla y los beneficios que conlleva.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accesibilidad web \u00bfQu\u00e9 es y por qu\u00e9 aplicarla en tu sitio web?\" \/>\n<meta property=\"og:description\" content=\"Descubre qu\u00e9 es la accesibilidad web, por qu\u00e9 es importante trabajar este aspecto, y cu\u00e1les son las claves para conseguirla y los beneficios que conlleva.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/\" \/>\n<meta property=\"og:site_name\" content=\"SiteGround\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-14T09:56:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-19T08:10:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg\" \/>\n<meta name=\"author\" content=\"Ana Garc\u00eda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Accesibilidad web \u00bfQu\u00e9 es y por qu\u00e9 aplicarla en tu sitio web?\" \/>\n<meta name=\"twitter:description\" content=\"Descubre qu\u00e9 es la accesibilidad web, por qu\u00e9 es importante trabajar este aspecto, y cu\u00e1les son las claves para conseguirla y los beneficios que conlleva.\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ana Garc\u00eda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/\"},\"author\":{\"name\":\"Ana Garc\u00eda\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/a5eb8824ec8d1aa1e3390cbb44ee37de\"},\"headline\":\"\u00bfQu\u00e9 es la accesibilidad web y c\u00f3mo implementarla?\",\"datePublished\":\"2023-06-14T09:56:00+00:00\",\"dateModified\":\"2025-09-19T08:10:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/\"},\"wordCount\":4537,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg\",\"articleSection\":[\"Entendiendo el Hosting\",\"Negocios\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/\",\"url\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/\",\"name\":\"Accesibilidad web \u00bfQu\u00e9 es y por qu\u00e9 aplicarla en tu sitio web?\",\"isPartOf\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg\",\"datePublished\":\"2023-06-14T09:56:00+00:00\",\"dateModified\":\"2025-09-19T08:10:24+00:00\",\"description\":\"Descubre qu\u00e9 es la accesibilidad web, por qu\u00e9 es importante trabajar este aspecto, y cu\u00e1les son las claves para conseguirla y los beneficios que conlleva.\",\"breadcrumb\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#primaryimage\",\"url\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg\",\"width\":1400,\"height\":700,\"caption\":\"accesibilidad_web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/newblog.siteground.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfQu\u00e9 es la accesibilidad web y c\u00f3mo implementarla?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#website\",\"url\":\"https:\/\/newblog.siteground.com\/es\/\",\"name\":\"El blog de SiteGround\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/newblog.siteground.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#organization\",\"name\":\"SiteGround Espa\u00f1a\",\"url\":\"https:\/\/newblog.siteground.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"contentUrl\":\"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2025\/01\/cropped-Siteground-Logo-on-white.jpg\",\"width\":166,\"height\":250,\"caption\":\"SiteGround Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/a5eb8824ec8d1aa1e3390cbb44ee37de\",\"name\":\"Ana Garc\u00eda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/62095cfe5421f0efc291f4ad89d53bf2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/62095cfe5421f0efc291f4ad89d53bf2?s=96&d=mm&r=g\",\"caption\":\"Ana Garc\u00eda\"},\"description\":\"Una mezcla de Geek y Arty. Siempre curiosa por conocer lo \u00faltimo tanto en marketing online como offline, as\u00ed como en nuevas tecnolog\u00edas. Como SiteGrounder me involucro en todas las \u00e1reas de la gesti\u00f3n de la marca, desde la estrategia de marketing, contenido, relaciones p\u00fablicas hasta eventos y mucho m\u00e1s.\",\"url\":\"https:\/\/newblog.siteground.com\/es\/author\/a-lopez\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Accesibilidad web \u00bfQu\u00e9 es y por qu\u00e9 aplicarla en tu sitio web?","description":"Descubre qu\u00e9 es la accesibilidad web, por qu\u00e9 es importante trabajar este aspecto, y cu\u00e1les son las claves para conseguirla y los beneficios que conlleva.","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:\/\/newblog.siteground.com\/es\/accesibilidad-web\/","og_locale":"en_US","og_type":"article","og_title":"Accesibilidad web \u00bfQu\u00e9 es y por qu\u00e9 aplicarla en tu sitio web?","og_description":"Descubre qu\u00e9 es la accesibilidad web, por qu\u00e9 es importante trabajar este aspecto, y cu\u00e1les son las claves para conseguirla y los beneficios que conlleva.","og_url":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/","og_site_name":"SiteGround","article_published_time":"2023-06-14T09:56:00+00:00","article_modified_time":"2025-09-19T08:10:24+00:00","og_image":[{"url":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg","type":"","width":"","height":""}],"author":"Ana Garc\u00eda","twitter_card":"summary_large_image","twitter_title":"Accesibilidad web \u00bfQu\u00e9 es y por qu\u00e9 aplicarla en tu sitio web?","twitter_description":"Descubre qu\u00e9 es la accesibilidad web, por qu\u00e9 es importante trabajar este aspecto, y cu\u00e1les son las claves para conseguirla y los beneficios que conlleva.","twitter_misc":{"Written by":"Ana Garc\u00eda","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#article","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/"},"author":{"name":"Ana Garc\u00eda","@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/a5eb8824ec8d1aa1e3390cbb44ee37de"},"headline":"\u00bfQu\u00e9 es la accesibilidad web y c\u00f3mo implementarla?","datePublished":"2023-06-14T09:56:00+00:00","dateModified":"2025-09-19T08:10:24+00:00","mainEntityOfPage":{"@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/"},"wordCount":4537,"commentCount":0,"publisher":{"@id":"https:\/\/newblog.siteground.com\/es\/#organization"},"image":{"@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg","articleSection":["Entendiendo el Hosting","Negocios"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/","url":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/","name":"Accesibilidad web \u00bfQu\u00e9 es y por qu\u00e9 aplicarla en tu sitio web?","isPartOf":{"@id":"https:\/\/newblog.siteground.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#primaryimage"},"image":{"@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#primaryimage"},"thumbnailUrl":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg","datePublished":"2023-06-14T09:56:00+00:00","dateModified":"2025-09-19T08:10:24+00:00","description":"Descubre qu\u00e9 es la accesibilidad web, por qu\u00e9 es importante trabajar este aspecto, y cu\u00e1les son las claves para conseguirla y los beneficios que conlleva.","breadcrumb":{"@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#primaryimage","url":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg","contentUrl":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2023\/07\/accessibility.jpg","width":1400,"height":700,"caption":"accesibilidad_web"},{"@type":"BreadcrumbList","@id":"https:\/\/newblog.siteground.com\/es\/accesibilidad-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/newblog.siteground.com\/es\/"},{"@type":"ListItem","position":2,"name":"\u00bfQu\u00e9 es la accesibilidad web y c\u00f3mo implementarla?"}]},{"@type":"WebSite","@id":"https:\/\/newblog.siteground.com\/es\/#website","url":"https:\/\/newblog.siteground.com\/es\/","name":"El blog de SiteGround","description":"","publisher":{"@id":"https:\/\/newblog.siteground.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/newblog.siteground.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/newblog.siteground.com\/es\/#organization","name":"SiteGround Espa\u00f1a","url":"https:\/\/newblog.siteground.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","contentUrl":"https:\/\/newblog.siteground.com\/es\/wp-content\/uploads\/sites\/4\/2025\/01\/cropped-Siteground-Logo-on-white.jpg","width":166,"height":250,"caption":"SiteGround Espa\u00f1a"},"image":{"@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/a5eb8824ec8d1aa1e3390cbb44ee37de","name":"Ana Garc\u00eda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/newblog.siteground.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/62095cfe5421f0efc291f4ad89d53bf2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/62095cfe5421f0efc291f4ad89d53bf2?s=96&d=mm&r=g","caption":"Ana Garc\u00eda"},"description":"Una mezcla de Geek y Arty. Siempre curiosa por conocer lo \u00faltimo tanto en marketing online como offline, as\u00ed como en nuevas tecnolog\u00edas. Como SiteGrounder me involucro en todas las \u00e1reas de la gesti\u00f3n de la marca, desde la estrategia de marketing, contenido, relaciones p\u00fablicas hasta eventos y mucho m\u00e1s.","url":"https:\/\/newblog.siteground.com\/es\/author\/a-lopez\/"}]}},"_links":{"self":[{"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/posts\/15479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/users\/88"}],"replies":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/comments?post=15479"}],"version-history":[{"count":5,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/posts\/15479\/revisions"}],"predecessor-version":[{"id":17782,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/posts\/15479\/revisions\/17782"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/media\/15481"}],"wp:attachment":[{"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/media?parent=15479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/categories?post=15479"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/newblog.siteground.com\/es\/wp-json\/wp\/v2\/tags?post=15479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}