Los encabezados son la columna vertebral del contenido de una página. Un visitante debe ser capaz de escanear la página web usando los encabezados para tener una buena impresión de su contenido.

Los niveles de los encabezados tienen significado, especialmente para los usuarios de lectores de pantalla y buscadores de imágenes. Esto quiere decir que haya un único encabezado de primer nivel por página, con los demás encabezados que representan el contenido de la página, de forma similar al índice de un libro: fácilmente escaneable y semántico.

Escribe encabezados bien estructurados, porque lo que es bueno para tus lectores, es bueno también para tu SEO.

Los encabezados son elementos HTML. El encabezado principal, h1, es nivel 1. Los otros niveles son h2 hasta h6.

El Estándar de Vida HTML se establece en los encabezados. Se puede usar un encabezado cuando se espera un contenido de encabezado. El contenido del encabezado define la cabecera de una sección.

El Estándar de Vida HTML, Los elementos h1, h2, h3, h4, h5, y h6.

En resumen: usa un encabezado cuando el contenido o la estructura de la página lo requiera.

Resumen de las mejores prácticas

Usa unicamente un h1 por página que describa sobre que va la práctica. Ese h1 empieza preferiblemente encima del contenido principal. Usa encabezados para describir el contenido de debajo. No uses un encabezado HTML simplemente para hacer parecer más grande al texto o destacarlo.

Usa los niveles de los encabezados como el índice de un libro: jerárquico. No elija un título por su tamaño, sino por su nivel en el contexto del contenido. No salte un nivel de encabezamiento de arriba hacia abajo.

Jerárquico significa organizado desde el más importante al menos importante. El h1 es el encabezado más importante, mientras que el h6 es el menos importante.

En la práctica, para contenido web, usarás el h1 para el título de la página, dar a las secciones importantes un h2, y, si fuera necesario, añade un h3 o incluso hasta un h4 para dividir el contenido en la sección h2.

Sólo tiene que empezar con el h1 si eso tiene sentido para su estructura de contenido y diseño. Por ejemplo:

h2= menú principal
h1= título de una noticia
h2= subtítulo en el contenido de la noticia
h3= subtítulo del h2
h4= subtítulo del h3
h2= subtítulo en el contenido de la noticia
h2= Noticias relacionadas (la sección aparte)
h2= Contacta con nosotros (en el pie de página)
h3= Dirección (la información sobre la dirección)
h3= Síguenos (links de redes sociales)

¿Qué dicen las Directrices de Accesibilidad al Contenido en la Web (WCAG) sobre los encabezamientos? En realidad, no son muy específicos sobre este tema.

Algunos de los criterios de éxito de las WCAG 2 AA se refieren directamente a los títulos o a la estructura de los mismos, por ejemplo:

Criterio de éxito: 2.4.6 Títulos y etiquetas. Proporciona maneras para ayudar a la navegación de los usuarios , encuentra contenido y determina donde están. Los títulos y las etiquetas describen el tema o el propósito.

Criterio de éxito: 3.2.3 Nivel de Navegación Consistente. Los mecanismos de navegación que están repetidos en múltiples páginas webs dentro de un conjunto de páginas web se producen en el mismo orden relativo cada vez que se repiten, a menos que el usuario inicie un cambio.

Criterio de éxito: 1.3.1 Información y Relaciones. Información, estructura y relaciones que se transmiten a través de la presentación pueden determinarse de forma programada o estar disponibles en el texto. En otras palabras: si parece un encabezado, debería ser un encabezado en el HTML (y no por ejemplo texto en negrita).

En resumen: usa encabezados para describir contenido y úsalos de forma coherente y semántica. Esto ayudará a todos los usuarios a encontrar mejor el contenido que están buscando.

Únicamente el nivel AAA de las WCAG 2 exige que los títulos estén estructurados. El criterio de éxito 2.4.10 dice: Los títulos de las secciones se utilizan para organizar el contenido.

El estándar mundial de la web es doble A (AA), pero eso no significa que no pueda utilizar criterios de éxito que sean triple A (AAA) si es útil para sus usuarios.

Una estructura de títulos bien organizada ayuda a todos, especialmente a los usuarios de lectores de pantalla, a entender y navegar por una página web.

Ah, sí, esa vieja y acalorada discusión. ¿Puedo utilizar varios h1 en una página web? Respuesta corta: No. El h1 es sólo para el título de la página.

El uso de múltiples h1 se propuso con la introducción del esquema del documento HTML en HTML5. Cada sección del esquema podía contener un H1. Pero aquí está el problema: el esquema del documento nunca fue adaptado por los navegadores o la tecnología de asistencia. Por lo tanto, el soporte para múltiples h1s fue eliminado en HTML5.1

Si quieres conocer la historia completa, lee “Computer says NO to HTML5 document outline y A decade of heading backwards” de Steven Falkner y “There Is No Document Outline Algorithm” de Adrian Roselli.

Desafortunadamente, un ejemplo de múltiples h1s y el esquema de HTML es todavía una parte de las normas WHATWG HTML Living, aunque hay una discusión abierta en GitHub.

Concluyendo: Múltiples h1 en secciones para crear un esquema del documento no lo soportan los navegadores y por lo tanto es obsoleto.

Utilizar un h1 que describa el contenido de la página web. Estructurar el resto del contenido con subtítulos significativos. Esto sirve mejor a la accesibilidad y al SEO.

En teoría, los encabezados de diferentes niveles pueden ser combinados usando el elemento HTML hgroup. El elemento HTML hgroup representa un título de varios niveles para una sección de un documento. Agrupa un conjunto de elementos < h1 >-< h6 >. Pero, la documentación MDN sobre hgroup contiene dos advertencias claras:

< hgroup > no se debe usar porque ninguna tecnología de asistencia lo soporta, y como resultado tiene un efecto perjudicial en la asistencia para los encabezados colocados dentro de él.

[…] dado que un propósito clave del elemento < hgroup > es afectar a la forma en que se muestran los títulos mediante el algoritmo de contorno definido en la especificación HTML -pero el algoritmo de contorno de HTML no está implementado en ningún navegador- entonces la semántica de < hgroup > es en la práctica sólo teórica.

Entonces mejor no usar < hgroup >, dificulta la tecnología de asistencia, y no es compatible con los navegadores.

Todos navegamos por los títulos (y los enlaces) porque destacan. Las personas inicialmente no leen una página web, ojean y escanean el contenido en busca de lo que quieren leer. Sólo si encuentran lo que buscan, empiezan a leer.

Haz que ese viaje de exploración sea lo más fácil posible. Para ello, cree una estructura de menús clara y coherente para el sitio web y una estructura de títulos clara en la propia página web.

Navegación con lector de pantalla.

Las personas ciegas o con problemas de visión utilizan un lector de pantalla para leer y navegar por un sitio web

Con el lector de pantalla puedes saltar de un título a otro, utilizando un atajo de teclado, y así explorar la página web por títulos. Y puedes llamar a una lista de encabezados y desplazarte por ella, para elegir el contenido que quieres leer. Esta es una forma súper rápida de llegar a donde quieres leer cuando no puedes ver el contenido.

La navegación por los encabezados es muy común. En la Encuesta de Usuarios de Lectores de Pantalla de 2021 realizada por WebAIM se muestra que el 67,7% utiliza los títulos para encontrar información. El 85,7% de los encuestados considera que los niveles de encabezamiento son muy o algo útiles.

Escribe tus encabezados y su estructura con la información en la mente. Proporciona información sobre el contenido en la página con tus encabezados, también para los que no pueden ver el contenido de la página.

Un buen texto de encabezamiento representa el contenido que hay debajo. 

Haga que el texto de los encabezamientos sea descriptivo y que se entiendan por sí solos, aparte del contexto. Para la gente que lee la lista de encabezados. Deje que el texto del encabezamiento cuente una historia sobre el contenido de su página.

Foto de cabecera creado por lcd2020 –freepik.es

Debido al importante presupuesto que significa solventar los problemas técnicos de accesibilidad que genera una página web o una aplicación web que no se ha desarrollado siguiendo las pautas recomendadas de accesibilidad desde su diseño, AccedeMe recomienda el uso de plugins o widgets de accesibilidad que aportan a las página web una accesibilidad inicial.

Incluso si se considera viable la inversión en el re-diseño del sitio web siguiendo las pautas de accesibilidad consideramos que este tipo de productos son un paso adelante en los esfuerzos de una accesibilidad digital global. Aportan herramientas y ajustes extra que cubren un abanico mayor de ayuda a personas con discapacidad, incluyendo a nuestros mayores que sufren la brecha digital. Los plugins de accesibilidad son un tema controvertido. Aclaremos qué son y cómo afectan a la accesibilidad.

Un plugin de accesibilidad es un código JavaScript que está escrito con el objetivo de ayudar a quienes acceden a un sitio web o aplicación web. El código del plugin se aplica después de que el navegador procese el sitio web o la aplicación web para transformarlo y añadirle unas herramientas que suelen ser ajustes bajo demanda.

En términos generales, existen dos tipos de plugins de accesibilidad:

1. Soluciones invasivas. 2. Complementos a la accesibilidad subyacente.

Los widget de accesibilidad existen desde hace tiempo. Históricamente, las empresas desarrolladoras de estos complementos han pretendido ser la solución definitiva a la accesibilidad web. Prometen que con su producto no hay nada más que hacer pues convierten una página web en accesible por arte de magia.

Para conseguir este propósito manipulan el código de la página web para alcanzar la pretendida accesibilidad. Esta es una práctica invasiva por que el navegador no presenta la página diseñada si no que presenta una página modificada a voluntad del desarrollador de dicho widget.

Para conseguir este propósito manipulan el código de la página web para alcanzar la pretendida accesibilidad. Esta es una práctica invasiva por que el navegador no presenta la página diseñada si no que presenta una página modificada a voluntad del desarrollador de dicho widget.

Para AccedeMe, a igual que la mayoría de profesionales de la accesibilidad web, las pautas a seguir son las WCAG 2.1 en su nivel AA. De dichas pautas solo el 20% aproximadamente se pueden detectar su cumplimiento automáticamente. De dicho 20% aproximadamente la mitad se pueden solucionar de forma automática. Ningún widget del mundo puede pretender y mucho menos asegurar que aporta la accesibilidad a una web, imposible.

Consideramos que las empresas que comunican que con su widget se consigue que una página web sea accesible es marketing fraudulento que pretende aprovecharse del poco conocimiento real sobre la accesibilidad web.

AccedeMe ha desarrollado un widget con el objetivo de complementar a cualquier accesibilidad subyacente en la página web en donde esté integrado.

Las pautas WCAG establecen unas medidas a tener en cuenta en el desarrollo de una página web y tienen en cuenta un gran diversidad de situaciones de discapacidad. Sin embargo no cubren todos los casos. Es ahí donde el widget de AccedeMe cobra sentido.

Al hablar de discapacidad todo el mundo recuerda los casos más limitantes, por ejemplo ceguera, sordera…, sin embargo existen multitud de circunstancias que se ven afectadas por las barreras a la accesibilidad web. Con los ajustes personalizables del widget de AccedeMe pretendemos dar herramientas que les ayuden.

Al hablar de discapacidad todo el mundo recuerda los casos más limitantes, por ejemplo ceguera, sordera…, sin embargo existen multitud de circunstancias que se ven afectadas por las barreras a la accesibilidad web. Con los ajustes personalizables del widget de AccedeMe pretendemos dar herramientas que les ayuden.

Existe numerosa controversia sobre los plugins o overlays. Es innegable que si el código que produce una web o una aplicación web se ha diseñado siguiendo las pautas de accesibilidad reconocidas tiene mucho ganado. Sin embargo la realidad es muy diferente: La grandísima mayoría de páginas web del mundo no se han construido considerando ni siquiera la más mínima noción sobre este tema y ni siquiera se lo plantearían. Es en estos casos en dónde un plugin como el de AccedeMe tiene todo el sentido. Creemos que es mejor tener un widget que no hacer nada.

Las personas no son un problema a resolver.

La discapacidad es un fenómeno que la sociedad suele obviar. Debido a esto, hay muchos malentendidos sobre la discapacidad y más cuando afecta a las experiencias digitales.

La gran mayoría de plugins se venden a gerentes y empleados públicos de alto nivel que toman decisiones como una «solución instantánea» a los problemas de accesibilidad. Incluso algunos usan la amenaza de una demanda como el principal factor convincente. Esto hace dos cosas: 1.  Deja fuera de la conversación a los expertos en accesibilidad digital, y 2. Enmarca toda la experiencia como una forma de evitar riesgos, en lugar de una forma de garantizar el acceso.

Desde AccedeMe desaconsejamos estos enfoques. Nuestra herramienta se ha diseñado por un equipo de expertos en accesibilidad web para ser útil a quién lo necesita. No podemos re-diseñar la página que ya ha sido construida, si embargo podemos realizar un trabajo de acondicionar lo existente lo más posible a las pautas de accesibilidad web reconocidas internacionalmente.

En términos generales, existen dos tipos de problemas de accesibilidad: 1. Problemas que se pueden detectarse mediante un conjunto de reglas de programación. 2. Problemas que requieren una evaluación humana.

Un ejemplo de esto es la descripción alternativa de una imagen. Las reglas de programación pueden verificar si una imagen tiene un atributo alt (texto alternativo a la imagen cuando esta no se puede mostrar). Sin embargo, las reglas de programación no pueden determinar si el texto alternativo o la descripción es precisa y es correcta contextualmente, especialmente si la imagen se usa con un propósito temático o decorativo.

En AccedeMe tenemos dos enfoques para proporcionar la mejor descripción alternativa a una imagen: En primer lugar nuestros algoritmos de Inteligencia Artificial evalúan cada imagen y junto con su contenido y la temática de la web en dónde se encuentra y le dan un primer texto que posteriormente será evaluado por un responsable del cliente que validará esa propuesta. A partir de ese momento esa descripción será la que se muestre a todos los visitantes de esa web.

Hay algunas voces que sostienen que los complementos y overlays que pretenden «solucionar» automáticamente este tipo de problemas no puede cumplir sus promesas. Incluso hay muchas demandas presentadas contra empresas de complementos que reflejan esto. Es innegable que el trabajo de los auditores es importante, pero a la vez muy costo. Un complemento que realmente se tome su trabajo en serio deberá ofrecer soluciones que incluyan a un auditor y al responsable del sitio web.

Un auditor, sin la ayuda del propietario del sitio web, puede mal interpretar la razón por la que una determinada imagen está en un lugar determinado de una página web y ofrecer al visitante una experiencia equívoca. Nadie está libre de cometer errores.

Los responsables de las páginas web que escogen nuestro plugin tienen herramientas que ayudan a los equipos de diseño y desarrollo de sitios web o aplicaciones web a aprender cómo no repetir las mismas decisiones que crearon la experiencia inaccesible.

La gran mayoría de los plugins existentes en el mercado no proporcionan la información necesaria para evitarlo. Esto significa que los diseñadores y desarrolladores no desarrollarán sus habilidades y los mismos errores se repetirán una y otra vez. Si la accesibilidad se considera como algo superficial, existe una alta probabilidad de que el alcance de los problemas de accesibilidad aumente exponencialmente.

Con AccedeMe ofrecemos la posibilidad de «configurar y olvidar». Desde el panel de control el propietario de un sitio web o alguien de su equipo puede, en todo momento, modificar y/o actualizar la respuesta de nuestro plugin. Una vez que se ha configurado sólo se deberá revisarlos cuando se modifique la página.

Muchos complementos están diseñados para lo que venden, evitar las demandas, y no lo que realmente deberían ser: una herramienta de ayuda.

Es verdad que la gran mayoría de plugins ofrecen recordar las preferencias del usuario, sin embargo el usuario no tiene forma de identificarse. Por ello sólo recuerdan esas preferencias en determinados casos.

En AccedeMe pensamos que es importante que un usuario pueda identificarse, eso le asegura disponer de sus preferencias en cualquier circunstancia. En nuestro caso dicha identificación no implica una pérdida de privacidad ya que solo vinculamos un correo electrónico a unas preferencias de ajustes.

La privacidad y la discapacidad están estrechamente relacionadas. Existen muchas preocupaciones sobre ser identificado como un usuario de tecnología de asistencia sin consentimiento. Sin embargo es imprescindible conocer las necesidades de cada persona individualmente para poder ofrecerle al experiencia que necesita.

Otro discurso es la responsabilidad de quién obtiene esos datos. En AccedeMe estamos comprometidos con el usuario y para nosotros la privacidad y la intimidad son una prioridad. No guardamos datos personales más allá de un correo electrónico y un conjunto de selecciones. Nada que identifique a la persona en concreto.

Algunos productos de complementos no revelan lo que hacen con la información que recopilan, incluida la venta de la información a terceros. En AccedeMe, el no disponer de dicha información nos permite asegurar la imposibilidad de realizar dichas prácticas ilegales.

Debido a que aún hoy en día la discapacidad crea discriminación, desafortunadamente existe una fuerte correlación entre discapacidad, desempleo y/o subempleo. Debido a esto, se puede afirmar que las tecnologías de accesibilidad se suelen usar en dispositivos más económicos y por lo tanto de menor potencia.

Los complementos ejecutan una «capa» adicional de JavaScript sobre la página web. Más código a ejecutar significa más necesidad de recursos. Esto ralentiza un sitio web o una aplicación web y, en casos extremos, puede hacer que todo se bloquee. La posibilidad de que se bloquee o se ralentice hasta el punto de quedar inutilizable aumenta en los dispositivos de menor potencia.

En Accedeme somos conscientes de esta posibilidad. Debido a nuestra orientación totalmente dirigida hacia el usuario usamos técnicas de programación y de carga de complementos selectivos para evitar estas situaciones.

El malware es un software diseñado para subvertir y dañar el sistema en el que se ejecuta.

Ciertos complementos incluyen código que intenta detectar y confundir a las herramientas automatizadas de verificación de accesibilidad como Axe o WAVE. Esto evita que alguien audite con precisión el estado real de su sitio web o aplicación web.

Como llaman al código que está controlado por otra persona, también existe la posibilidad de que el control sobre este código sea secuestrado. Por ejemplo, un conocido complemento de lectura de los textos de páginas web fue pirateado y le incluyeron un código que servía para minar criptomonedas.

Antes de utilizar un complemento cualquiera, le animamos a que conozca como desd AccedeMe ayudamos a los usuarios que lo requieren a que obtengan unas experiencias digitales satisfactorias.

Desde el principio de Internet, su creador Tim Berners-Lee insistía que ”La aparición de la World Wide Web presenta nuevos desafíos y nuevas esperanzas para las personas con discapacidad.”, cualquier persona debería ser capaz de acceder a su contenido independientemente de sus conocimientos, capacidades e incluso del dispositivo utilizado.

El World Wide Web Consortium (W3C), es decir, la entidad internacional que crea las normas del código que hace posible que veas una página web en el navegador ( HTML y CSS), creó a finales de los ’90 la WAI (Web Accessibility Initiative).

La WAI ha ido creando una serie de guías que establecen las pautas para conseguir que una página web sea lo más accesible posible. Son las conocidas WCAG (Web Content Accessibility Guidelines). Desde su creación se han publicado varias versiones. La más conocida y exigida es la versión 2.0, aunque ya está en el horno la versión 3.0.

Las Pautas de Accesibilidad al Contenido Web (WCAG) 2.1 cubren una amplia gama de recomendaciones para hacer que el contenido Web sea más accesible. Seguir estas pautas hará que el contenido de una web sea más accesible para la gama más amplia de personas con discapacidades en general. Estas pautas abordan la accesibilidad del contenido web en cualquier dispositivo. Seguir estas pautas también hará que el contenido web sea más útil para los usuarios en general.

Estas pautas están organizadas en 4 principios claves: Perceptible, Operable, Comprensible y Robusto. Y a su vez establecen tres niveles de adecuación: A (nivel simple), AA (nivel intermedio) y AAA (máximo nivel).

Estas pautas deben implementarse una a una a medida que se diseña o se crea contenido. Es difícil, aunque no imposible, conseguir los niveles más altos de adecuación si no se implementan estas pautas desde el mismo momento de la creación del contenido a publicar en Internet.

Aún queda mucho para todos los contenidos sean accesibles, pero los gobiernos con iniciativas y subvenciones, van poniendo facilidades para conseguir ese ambicioso objetivo. En concreto el Gobierno de España a través del Kit Digital se propone, al incluir la accesibilidad como requisito para acceder a las subvención, avanzar en ese sentido.

El Kit Digital, en sus tipologías “Sitio web y presencia en Internet” y “Comercio Electrónico”, exige que el contenido que se cree cumpla con la WCAG 2.1 en su nivel AA según reza en la disposición del BOE que lo regula.

La mayoría de CMS’s, ese software que te permite gestionar los contenidos de tu página web, no tienen en cuenta la accesibilidad y mucho menos el cumplir con un nivel tan exigente como el que el Kit Digital requiere.

Con la solución AccedeMe  y tu colaboración te acercarás  a lo exigido. Nuestra herramienta se puede instalar en cualquier software, en cualquier plataforma. Si lo entiende el navegador nuestra herramienta está como pez en el agua.

Fácil, sencillo y realmente eficaz. AccedeMe no sólo te añade un buen número de ajustes para hacerle la vida más fácil a quién los necesita, también escanea cada página web y nuestra IA (Inteligencia Artificial) hará los cambios que tú no notarás pero que son imprescindibles para quién los necesita.

Cumplir con el requisito de accesibilidad

El nivel AA de la WCAG 2.1 tiene un nivel de exigencia, en realidad, bastante alto. No sirve tener un botón para incrementar la fuente, ni otro para cambiar colores. Va mucho más allá, incluso hemos visto plugins que parece pero que en realidad no sirven. Hay que andar con mucho cuidado, sino te harán devolver la subvención.

Nuestra herramienta es la idónea para este tipo de situaciones. Puedes verlo en nuestra página Kit Digital Accesibilidad. La ley te obliga, pero no sería mejor que ya puestos, lo hagas por las múltiples razones (que explicamos en otros artículos) que lleva implícito tener una web accesible.

Su importancia radica en la palabra inclusión

En la era digital actual, donde Internet se ha convertido en una herramienta esencial para la comunicación, el aprendizaje y el comercio, la accesibilidad web se presenta como un aspecto fundamental que no puede ser ignorado.

La accesibilidad web se refiere a la práctica de diseñar y desarrollar sitios web que sean utilizables por todas las personas, incluidas aquellas con discapacidades. Esto incluye a personas con discapacidades visuales, auditivas, motoras y cognitivas, así como a aquellos que pueden tener limitaciones temporales o situacionales.

A continuación, exploraremos la importancia de la accesibilidad web desde diversas perspectivas.

La accesibilidad web es un componente clave para promover la inclusión social. En un mundo donde cada vez más servicios y oportunidades están disponibles en línea, es vital que todas las personas tengan acceso a esta información y a estos recursos.

Cuando los sitios web son inaccesibles, se excluye a una parte significativa de la población, lo que perpetúa desigualdades y limita las oportunidades para aquellos que ya enfrentan barreras en otros aspectos de sus vidas.

Por ejemplo, una persona ciega que utiliza un lector de pantalla debe poder navegar por un sitio web de manera efectiva. Si el diseño del sitio no tiene en cuenta estas necesidades, esa persona podría perderse información crucial o no poder realizar transacciones importantes.

Al garantizar que todos puedan acceder a los mismos recursos en línea, se fomenta una sociedad más equitativa.

La accesibilidad web no solo beneficia a las personas con discapacidades; también mejora la experiencia general del usuario para todos. Muchos principios de diseño accesible coinciden con buenas prácticas de usabilidad.

Por ejemplo:

Al crear un sitio web accesible, se está creando un entorno más amigable y fácil de usar para todos los visitantes.

Desde una perspectiva comercial, hacer un sitio web accesible puede abrir nuevas oportunidades de mercado. Según estimaciones recientes, alrededor del 20% de la población mundial vive con algún tipo de discapacidad. Esto representa un segmento significativo del mercado que puede ser ignorado si los sitios no son accesibles.

Además, al mejorar la accesibilidad del sitio web, las empresas pueden atraer a familiares y amigos de personas con discapacidades que buscan productos o servicios inclusivos. En este sentido, invertir en accesibilidad puede traducirse directamente en mayores ingresos y lealtad del cliente.

Las empresas modernas están cada vez más comprometidas con prácticas responsables desde el punto de vista social y ético. La accesibilidad web es una parte integral de esta responsabilidad social corporativa (RSC). Al adoptar políticas inclusivas y garantizar que sus plataformas digitales sean accesibles para todos, las organizaciones demuestran su compromiso con el bienestar social.

Este enfoque no solo mejora la imagen pública de una empresa sino que también puede influir positivamente en su cultura interna al fomentar un ambiente inclusivo donde todos los empleados se sientan valorados.

La búsqueda constante por mejorar la accesibilidad impulsa la innovación tecnológica. Las herramientas y tecnologías desarrolladas para facilitar el acceso pueden beneficiar a toda la comunidad digital.

Por ejemplo:

Esta innovación beneficia no solo a las personas con discapacidades sino también a todos los usuarios al ofrecerles mejores experiencias digitales.

En muchos países, existen leyes y regulaciones que exigen que los sitios web sean accesibles. Por ejemplo, en Europa, la Directiva Europea sobre Accesibilidad Web exige que los sitios web del sector público sean accesibles.

El incumplimiento de estas normativas puede resultar en sanciones legales y daños a la reputación de una organización. Por lo tanto, invertir en accesibilidad no solo es ético sino también una necesidad legal para muchas empresas e instituciones.

La importancia de la accesibilidad web va más allá del cumplimiento legal; es un imperativo moral y comercial en nuestra sociedad interconectada.

Al garantizar que nuestros sitios sean utilizables por todas las personas, estamos promoviendo una sociedad más inclusiva y equitativa mientras mejoramos nuestras propias oportunidades comerciales y reputación pública.

Invertir en accesibilidad es invertir en el futuro; es reconocer que cada individuo merece tener acceso igualitario a información y servicios esenciales en línea. A medida que avanzamos hacia un mundo digital cada vez más complejo e interdependiente, hacer del acceso universal una prioridad debe ser el objetivo común tanto para desarrolladores como para organizaciones e instituciones públicas y privadas.

Con AccdeMe te aseguras que todas las personas accedan a los contenidos web.

Muchas de las prácticas que usamos para hacer accesible la experiencia digital también abren las puertas a los motores de búsqueda.

La intersección entre las personas y los motores de búsqueda.

La optimización para los motores de búsqueda normalmente tiene una mala reputación. En los primeros años, los profesionales del marketing añadían bloques de palabras clave en las páginas a montones. Llegar a la cima de los resultados por cualquier medio era lo normal. Las empresas se centraban en publicar contenidos que daban prioridad a las máquinas, no a las personas.

La industria de la optimización para los motores de búsqueda (SEO, por sus siglas en inglés) ha evolucionado desde entonces. Los editores que eligen construir para la gente por encima de los beneficios, son aquellos que ganan un incremento de la visibilidad en Internet. Por el contrario, atender a los bots y a los cambios de algoritmos es a menudo un juego de “golpear al topo” y las ganancias de tráfico duran poco.

A continuación, examinaremos algunas de las maneras en las que la accesibilidad y los equipos SEO pueden trabajar conjuntamente hacia un futuro donde ganamos todos.

Los motores de búsqueda rastrean a través de un mar infinito de páginas web todos los días. Reunir la información en resultados de búsqueda sería imposible sin ninguna estructura.

Aquí es donde entran en juego los encabezados de las secciones. Cuando se implementan para proporcionar significado en lugar de estilo, los encabezados crean una forma fácil de escanear y navegar por un documento para todas las personas.

Aquí es donde entran en juego los encabezados de las secciones. Cuando se implementan para proporcionar significado en lugar de estilo, los encabezados crean una forma fácil de escanear y navegar por un documento para todas las personas.

Los motores de búsqueda rastrean a través de un mar infinito de páginas web todos los días. Reunir la información en resultados de búsqueda sería imposible sin ninguna estructura.

Aquí es donde entran en juego los encabezados de las secciones. Cuando se implementan para proporcionar significado en lugar de estilo, los encabezados crean una forma fácil de escanear y navegar por un documento para todas las personas.

*********** Comienza el código *************
< !– Meh –>
< fuertes >Animales< /fuertes >
< p >Monos, Leones, Osos< /p >

< !– Mejor – >
< h1 >Animales< /h1 >
< p>Mono, leones, y osos son todos ejemplos de animales.< /p>
< h2>Monos< /h2>
< p>Los monos se encuentran primariamente en bosques lluviosos tropicales.< /p>
< h2>Leones< /h2>
< p>Todos los leones salvajes viven en el continente Africano, a excepción de una pequeña población en el oeste de India.< /p>
< h2>Osos< /h2>
< p>Existen especies de osos en casi todo el mundo.< /p>
*********** Termina el código *************

Las secciones de encabezados HTML bien implementadas ayudan a los motores de búsqueda también. Para determinar si una página es relevante para la búsqueda de una persona, Google tiene que saber el contenido de la página. Si el título de una página no se presenta en el código, los motores de búsqueda puede usar otros elementos del documento en su lugar. El encabezado a nivel uno es, generalmente, un buen substituto.

Los encabezados pueden también ayudar a que las páginas se clasifiquen para una gama más amplia de términos. Por ejemplo, en una página de producto para un “par de zapatos”, incluyendo:

«Reseñas» como una sección de encabezado que puede ayudar a que esa página aparezca en búsquedas como «Nombre del producto + Reseñas», donde puede que sólo se haya clasificado por el nombre del producto.

*********** Comienza el código*************
< !– Meh – >
< h1>Un par de zapatos chulos< /h1>
< p>Lea la última reseñas para este producto.< /p>
< !– Mejor – >
< h1>Un par de zapatos chulos< /h1>
< h2>Reseñas< /h2>
< h2>Preguntas< /h2>
< h2>Tabla de tallas< /h2>
*********** Termina el código*************

Dedicar tiempo a afinar el esquema de la página permitirá obtener mejores resultados para las personas y los robots.

Las etiquetas de enlace/anclaje son la columna vertebral de todo Internet. También son los elementos HTML que alimentan los resultados de los motores de búsqueda. De hecho, de las tres formas que Google y otras compañías descubren páginas en internet (XTML Sitemaps, Links Internos, Backlinks), dos implican etiquetas de anclaje.

Sin embargo, los anclajes hacen algo más que enviar a la gente a un nuevo destino. Escribir un buen texto de anclaje pinta una imagen clara de lo que va a suceder a continuación.

La mayoría de nosotros nos hemos encontrado con una buena cantidad de enlaces con el texto «aprenda más» o «lea más». Este tipo de etiquetas causan confusión y sospecha sobre lo que hará la interacción con el enlace. Los motores de búsqueda tampoco tienen una buena idea de dónde acabarán.

Para el SEO, los enlaces son un voto de confianza para otras fuentes en torno a Internet. Los enlaces con el texto, «calzado», «moda» y «plantillas de goma» son algunos en los que es más probable que la gente haga click. Los motores de búsqueda también encuentran que esos sitios tienen más autoridad en el tema que aquellos cuyo texto de enlace entrante está repleto de «aprender más».

Concéntrese en crear enlaces descriptivos y coherentes entre las páginas. Construir caminos entre sitios y páginas que ayuden a las personas en primer lugar, pagará grandes dividendos para su SEO

*********** Comienza el código *************
< !– Meh – >
< a href=»/p/zapatos-1234″>Más información< /a>
< !– Mejor – >
< a href=»/p/zapatos-1234″>Un par de zapatos chulos< /a>
*********** Termina el código*************

Las palabras y frases que necesitan a un universitario para ser comprendidas son raramente encontradas en la caja de búsqueda. De hecho, los mayores beneficios de la inversión se obtienen a menudo cuando escribimos en un lenguaje sencillo.

Por ejemplo, las personas que necesitan nuevos tacones para sus zapatos no buscan «zapateros cerca de mí». Buscan: «Reparación de zapatos».

Evitando frases largas, jerga, y palabras poco comunes también ayudas a las personas con discapacidades cognitivas.

En caso de duda, divide tus ideas en trozos más manejables. Todo el mundo apreciará su brevedad.

*********** Comienza el código *************
< !– Meh – >
Cómo los motores de búsqueda rastrean, fabrican índices y clasifican las páginas.
< !– Mejor – >
Cómo los motores de búsqueda descubren, organizan y muestran los resultados.
*********** Termina el código *************

A medida que Internet ha evolucionado, también lo ha hecho la presentación de la información. Lo que antes era texto plano en la página se enriquece ahora con imágenes, audio y vídeo. Con la riqueza, viene la complejidad.

Para los motores de búsqueda, estos nuevos medios significan nuevas oportunidades de participación. Sólo en Google hay cuatro lugares en los que puede aparecer un vídeo publicado.

La incorrecta implementación de los contenidos de vídeo puede llevar a la confusión a personas y robots. Los pies de foto, las alternativas de texto y el nombramiento sin ambigüedad pueden proporcionar un contexto vital para los algoritmos de los motores de búsqueda. De forma similar, las alternativas de texto defectuosas pueden frustrar a alguien que utilice una tecnología de asistencia, al añadir demasiado contenido redundante a la página.

El texto digital sigue siendo la forma de información más compatible. Si quiere captar la atención de todos los miembros de su audiencia, incluidos los motores de búsqueda, tómese el tiempo necesario para hacerlo bien.

*********** Comienza el código *************
< !– Meh – >
< img src=»dsc-1234.jpg» / >
< !– Mejor – >
< img src=»zapatos-chulos-1234.jpg» alt=»Unas zapatillas muy chulas con la parte superior roja y los cordones azul cielo.»/ >
*********** Termina el código *************

La optimización de los motores de búsqueda y los profesionales de la accesibilidad no tienen por qué estar reñidos. En muchos aspectos, los objetivos de las dos disciplinas son similares, pero con usuarios-agentes diferentes. Trabajar juntos para producir códigos, contenido y comprensión para las personas en primer lugar, conducirá a mejores resultados para todos.

Foto de contenido web creado por creativeart www.freepik.es

Andrés González, tiene una visión de la vida con esta enfermedad porque la sufre. También dirige un grupo de personas con Parkinson y les ayuda a usar la tecnología a través de su voluntariado.

«El problema fundamental es mi temblor», asegura Andrés. Añade: «Escribir en un teclado se fue volviendo cada vez más complicado.  A menudo, mi barra espaciadora movía, de repente, el cursor hasta la mitad de la página.»

Andrés ha adoptado el software de conversión de voz a texto como forma de utilizar su ordenador. 

«El software para convertir de voz a texto en el Mac es brillante y también está disponible para Windows. Encuentro más fácil hablar al ordenador ahora. De lo contrario, sólo podía utilizar mi única mano estable para teclear con un solo dedo», dice Andrés.

Ha supuesto aprender una nueva forma de interactuar con su ordenador. «Probablemente puedas hablar más rápido de lo que crees. Me resulta muy fácil llegar a la mitad de una frase y darme cuenta de que me he adelantado y he perdido el hilo. Tengo que volver atrás y ordenar un poco las frases al final», dijo Andrés.

Andrés piensa que otros se pueden beneficiar de la utilidad de «voz a texto», está incluido en muchos dispositivos, así como en paquetes de software independientes.

«Me he encontrado con bastantes personas que necesitan ayuda con la conversión de voz a texto. Puede ser alguien que tenga limitaciones de visión», dice Andrés, cuya función es poner en contacto a los voluntarios con las personas que necesitan ayuda. 

«Hubo una persona que me contactó unas semanas atrás. No podían comunicarse más que a través de su ordenador, y su capacidad de leer y oír era pobre, muy pobre y su capacidad de hablar aún más pobre».

Añadió, «Existe gente así, que realmente, sin el apoyo de los voluntarios estarían completamente aislados y completamente atascados. Con un trabajo muy cuidadoso, eres capaz de mostrarles cómo pueden utilizarlo para comunicarse. Es muy satisfactorio cuando obtienes resultados.»

El grupo de Parkinson que dirige Andrés ha incorporado la tecnología como medio para relacionarse durante las cuarentenas de esta pandemia.

«Unos años atrás se trataba de un grupo local básicamente, nos reunimos sin falta a través de zoom cada semana. Ahora es mucho más amplio.», dijo.

Añadió; «Las tecnologías de la información han sido el único medio para muchas de las personas que estaban en el grupo de estar conectadas socialmente, obtener atención médica, realizar sus compras, hacer las operaciones bancarias, ya sabes, para el, durante el último par de años».

La pandemia nos ha hecho ver que la tecnología pude hacernos la vida más fácil, ha hecho sentirnos más cerca de nuestros seres queridos cuando no podiamos ni salir de casa.

Desde AccedeMe trabajamos a diario para que ellos también puedan disfrutarla. Queremos ayudar a la gente que sufre de Parkinson a que tenga las mismas oportunides que los demás y que pueda acceder a los beneficios que nos aporta la tecnología en esta época que nos ha tocado vivir.

La dislexia es una discapacidad del aprendizaje que ante todo afecta a los procesos implicados en la lectura y en la escritura. Se estima que la dislexia afecta aproximadamente a 1 de cada 10 personas, donde 1 de cada 25 son clasificados como dislexia severa.

Esto es lo que ahora reconocemos como una condición neurodivergente. La neurodivergencia reconoce que  no todos los seres humanos somos iguales. Una diferencia neurológica, como la dislexia, es una variación normal de la experiencia humana con muchos rasgos de carácter positivos y deseables y una parte fundamental de la identidad de la persona.

Esta ficha técnica nos da una visión general de cómo las personas con dislexia pueden usar la tecnología para hacer las cosas más fáciles para ellos.

El contenido incluye:

La palabra dislexia proviene del griego «dys» que significa «dificultad» y «lexis» que significa «palabra», por lo tanto describe la dificultad con las palabras. La dislexia afecta el proceso de aprendizaje relacionado con la lectura, la ortografía o la escritura (o una combinación de estos).

Otras actividades se pueden ver afectadas, como por ejemplo el lenguaje hablado, las matemáticas, la memoria y la organización. También pueden tener dificultades con la percepción auditiva y/o visual. Las personas con dislexia normalmente tienen ventajas en la capacidad de solucionar problemas, una excelente conciencia espacial y altos niveles de creatividad.

Una encuesta de la BBC subrayó algunos fuertes vínculos con el éxito empresarial, donde un 40% de los 300 millonarios hechos a si mismos que fueron entrevistados se declararon disléxicos.

La dislexia se describe como un continuo o espectro, lo que significa que puede afectar a las personas de forma diferente.

La dislexia conlleva una serie de desafíos para la educación y el trabajo que pueden incluir

La dislexia no puede ser «tratada» o «curada». Aun así, muchos de los afectados desarrollan estrategias eficaces para gestionar con éxito su impacto y reconocer y aprovechar los numerosos aspectos positivos que les proporciona un cerebro disléxico.

La tecnología común para ayudar a la lectura, ortografía y escritura incluye programas de reconocimiento por voz, software de text-to-speech y corrector ortográfico.

Las aplicaciones de mapas mentales y de tomar notas, así como los calendarios electrónicos, pueden ayudar con la organización.

Los ajustes en la apariencia de documentos y páginas web pueden hacer también la lectura más cómoda.

Cambiar la apariencia física de un texto puede puede hacer que la lectura para alguien con dislexia ser más sencilla.  Debajo tenemos algunas opciones para cambiar la apariencia física de los textos:

Cambiar la apariencia física de los textos:

1. Selecciona los colores que se consideren más útiles, tanto para el texto como para el fondo.
2. Ajusta el tamaño de la fuente o usa el «zoom» para incrementar el tamaño de la letra.
3. Aumenta el tamaño entre filas a 1.5 o 2 veces.
4. Escoge la fuente con la que te sientas más cómodo.

Muchas personas disléxicas son sensibles al deslumbramiento del blanco del fondo en una página, escritorio o pantalla de ordenador. Esto puede hacer que la lectura del texto sea mucho más complicada. El uso de fondos coloridos o filtros de color puede hacer que la lectura sea más cómoda.

Convertir texto en voz

Los programas Text-to-speech que leen el texto de la pantalla de un ordenador es una manera eficiente de obtener la información de un texto sin leerlo. Los software text-to-speech son también una buena manera de revisar el texto, ya que las palabras incorrectas o errores ortográficos normalmente son más evidentes cuando les escuchas.

Escáner con Reconocimiento Óptico de Caracteres

Puedes usar un software de Reconocimiento Óptico de Caracteres (OCR por sus siglas en inglés) para escanear documentos mecanografiados o impresos de texto para que tu dispositivo los pueda leer. Existen también muchas aplicaciones para móviles que pueden tomar una foto de una página y realizar un Reconocimiento Óptico de Caracteres para crear una versión de texto de la página que pueda ser leída en voz alta y/o guardada.

Los bolígrafos de lectura tienen el tamaño de un rotulador y pueden escanear un documento impreso y leerlo en voz alta a través de un altavoz o unos auriculares incorporados. La mayoría de los bolígrafos de lectura también tienen un diccionario incorporado para que puedas escuchar las definiciones de las palabras.

Aquí encontrarás algunos consejos que te ayudarán a escribir si tienes dislexia:

Comprueba y corrige la ortografía.

gramática y resaltan los errores mientras escribes o corregirán automáticamente las faltas de ortografía.

También puedes usar asistentes de voz como Siri, Cortana, el asistente de voz de Google o el de Amazon «Alexa» para preguntar cómo se deletrean palabras con las que tienes problemas. Simplemente pregunta: «¿Cómo se deletrea…?

Texto predictivo

El texto predictivo intenta predecir o «adivinar» que es lo que vas a escribir y completar la palabra por tí. Esto puede ser utilizado para reducir la pulsación de teclas, ahorrando tiempo de escritura y mejorando la ortografía. Los smartphones usan predicciones de palabras de forma estandarizada, pero es una función que está disponible en muchos otros dispositivos y en muchos otros programas.

Reconocimiento de voz

Los software de reconocimiento de voz te permiten dictar textos a tu ordenador y, algunos programas, controlar cómo funciona. Normalmente es un método muy efectivo y productivo para escribir, corregir, editar y formatear textos en un ordenador y es una buena manera de evitar dificultades con deletrear, ya que el software suele hacerlo por sí mismo.

Organizar la información en documentos bien estructurados e informes puede suponer un desafío.

Los mapas mentales permiten que las ideas se anoten rápidamente y visualmente sin preocuparse inicialmente por la estructura o el orden. A continuación, puedes añadir enlaces entre las ideas para dar una estructura visual a las conexiones entre temas e ideas, lo que también puede ayudar a la memoria.

Los mapas mentales pueden ser dibujados a mano o usando un software especializado.

Los software de mapas mentasles ofrecen la opción de exportarlos a varios programas como Word, PowerPoint, página web (HTML) o pdf

Hay versiones gratis y/o de pago y son ampliamente disponibles online y en las App Stores de iOS, Android y Windows.

Muchas personas pueden acceder a lo que necesitan con el software sin necesidad de formación, esto puede significar que algunas herramientas y conocimientos sobre flujos de trabajo más eficientes queden sin descubrir.

El entrenamiento tiende a ser más efectivo cuando se reparte en el tiempo orientado a las necesidades específicas de la persona, centrándose en sus tareas, capacidades y retos particulares. Un entrenamiento periódico ayuda a los que lo realizan a praticar y consolidar nuevas habilidades entre las sesiones de entrenamiento.

En virtud de la Ley de Igualdad*, los empresarios y los educadores tienen la obligación de garantizar que los empleados y estudiantes discapacitados puedan rendir con eficacia.

Se le considera una persona discapacitada a ojos de la ley si tienes un impedimento sustancial y con efectos a largo plazo en tu habilidad para realizar actividades del día a día.

Para cumplir los requisitos de la Ley de Igualdad*, los empresarios y los educadores deben hacer los «ajustes razonables» para garantizar que las personas con discapacidades disfruten de la igualdad de acceso para desempeñarse con éxito en la carrera o el curso elegido.

Los ajustes requeridos no necesariamente cuestan una alta cifra de dinero. Lo que pueda ser razonable depende, entre otros factores, de la naturaleza y tamaño de la organización. Esto pueden incluir:

1. Introducir algunos cambios en la organización del trabajo/plazos
2. Proporcionar formación y apoyo personal
3. Utilizar las tecnologías de apoyo pertinentes

Dada la prevalencia de la dislexia, llevando a cabo la realización de estos ajustes razonables en su plantilla podría contribuir a aumentar la productividad mediante la mejora de la motivación, la lealtad y la eficiencia del personal, junto con la reducción del estrés, las bajas por enfermedad y la rotación de personal. Desde el punto de vista de los educadores, la realización de ajustes razonables podría mejorar el compromiso, disminuir el abandono e incrementar los resultados de los estudiantes.

Sin la ayuda y el apoyo apropiado, la dislexia puede evitar que los que la sufren obtengan cualificaciones, acceder a la formación o solicitar promociones. Además, los empresarios o educadores que no realicen ajustes razonables para las personas discapacitadas se enfrentan a las posibles demandas por discriminación en virtud de la Ley de Igualdad*.

*Texto Refundido de la Ley General de derechos de las personas con discapacidad

El uso inconsistente de los «alt text» es uno de los problemas más comunes encontrados en la accesibilidad web. Estas reglas de oro harán que tus «alt text» sean mas útiles para los usuarios que visiten tu página web y harán que tu página sea más fácil de comprender. Estas reglas están dirigidas para editores de contenido pero también pueden ser útiles para cualquiera que produzca contenido en la web.

Regla nº 1: Cada debe tener un atributo alt.

Regla nº 2: Describe la información, no la imagen.

Regla nº 3: Las imágenes activas requieren «alt texts» descriptivos.

Regla nº 4: Las imágenes que contengan información requieren «alt text» descriptivos.

Regla nº 5: Las imágenes decorativas deben tener «alt text» vacío.

«Alt text» es un texto alternativo definido en elemento HTML imagen. Las imágenes se codifican en HTML de la siguiente manera: < img alt=”texto alternativo” >

Puede que tú nunca veas realmente el código de la página donde estás editando tu página web o cuando estás añadiendo contenido nuevo, en lugar de esto, probablemente uses un CMS (Sistema de Gestión de Contenidos) o algo como del estilo de WordPress. Sea lo que sea lo que estés usando para añadir contenido a página web, cuando añadas una imagen deberías solicitar «alt text» o un texto alternativo (puede que se llame ligeramente diferente, pero deberías solicitar algún tipo de nombre para la imagen lo más probable es que sea el «alt text» )

No todos los usuarios pueden ver imágenes. Los visitantes discapacitados de tu página web tal vez estén utilizando una asistencia tecnológica como lectores de pantalla o otros software de lectura de textos que leen la página en voz alta, y ese software leerá el «alt text» en lugar de la imagen. Existen otras situaciones en las que los «alt text» también son utilizados, como por ejemplo cuando un usuario tiene las imágenes desactivadas (ejemplo: está usando una conexión a Internet muy lenta, ¡algo que aún sucede constantemente!) en esos casos, los usuarios verán el texto alternativo en lugar de la imagen.

Existen otras maneras para implementar imágenes, por ejemplo, es posible usar estilos CSS para añadir imágenes de fondo, pero eso lo hacen normalmente los desarrolladores front-end y no los editores de contenido, y por lo tanto no será cubierto como parte de este artículo. Nosotros nos concentraremos aquí en los «alt text» de imágenes tradicionales.

Cada imagen debe tener el atributo alt incluido:

Regla número 1: Cada < img > debe tener un attribute alt.

No hay excepciones para esto. El elemento < img > siempre debe contener el atributo alt. No importa para qué será usada la imagen, o que muestre, o incluso lo pequeña que sea.

Que tipo de texto debes usar para el atributo alt depende de la imagen y se explica a continuación, pero tú debes incluir siempre o alt=”” (alt text vacío) o alt «texto descriptivo» (alt texto descriptivo).

Regla número 2: Describe la información, no la imagen.

En otras palabras, nunca debes describir cómo es la imagen, en su lugar, explica la información que contenga la imagen.

Ejemplo:

Imagina el logo de Twitter

El «alt text» para esta imagen debería ser alt=””Twitter» o algo por el estilo (dependiendo del contexto y cómo es usada la imagen), pero no debería ser «pájaro azul» o algo similar. ¿Suena obvio? Hemos visto muchos sitios que incluyen descripciones de qué aparece en la imagen en los «alt text», normalmente en páginas que han hecho un esfuerzo para mejorar la accesibilidad pero no han comprendiendo los requisitos.

Entonces, ¿Qué es exactamente un «alt text»? Bueno, esto depende de la imagen.

Afortunadamente, solo existen 3 tipos fundamentales de imágenes que necesitas considerar:

Tipo1: «Imágenes «activas«, i.e. Imágenes que llevan a cabo una acción (links, botones, etc.)
Tipo 2: Imágenes que contienen información.
Tipo 3: Imágenes que son simplemente decorativas.

Cuando decidimos cómo hacer una imagen accesible, primero necesitamos escoger de la lista de arriba que tipo de imágenes son.

Tipo 1: Imágenes activas

¿Qué es una imagen activa?

Es facilmente comprobable si una imagen es activa o no: Una imagen «activa» es una que lleva a cabo una acción o tiene alguna funcionalidad. El ejemplo más común es una imagen enlace, i. e. donde una imagen es el único contenido de un link.

Nota: Cuando un solo link contiene un imagen como también contiene un texto no cuenta como una imagen activa.

¿Cómo implementarla?

Regla nº 3: Imágenes activas requieren de un «alt text» descriptivo.

El «alt text» para una imagen activa debe describir la acción que la imagen lleva a cabo. Por lo tanto si tienes una imagen enlace entonces el «alt text» debe decir al usuario qué hace el enlace. Si es un enlace a otra página entonces podría ser el nombre de esa página, si el enlace realiza una acción en esa página entonces nombra la acción (ejemplo: «expandir» si esta expande una sección, «Enviar esta página por correo electrónico» si es un enlace al email, etc.)

Tipo 2: Imágenes que contienen información.

Si la imagen no es una imagen activa (tipo 1 como arriba), entonces necesitas comprobar si contiene información o no.

Algunas veces esto es sencillo, un gráfico contendrá alguna información, o una imagen con texto contiene información. Por desgracia, no siempre es así de sencillo, en algunos casos necesitas usar tu criterio para decidir si una imagen tiene información o no. La pregunta principal es, ¿se perdería algo el usuario si quito la imagen? Si el usuario se perdería alguna información si quitamos la imagen, entonces es una imagen de tipo 2. Si la imagen es simplemente para decorar, o si la misma información está en alguna parte del texto, entonces es una imagen decorativa (tipo 3).

¿Cómo implementarla?

Regla nº 4: Las imágenes que contengan información requieren «alt text» descriptivos.

Si una imagen contiene información, entonces necesitas dar esa información al usuario en un formato alternativo. Si el usuario no puede ver la imagen, necesita tener la información de otra manera. El «alt text» debe ser una breve descripción de la información.

Existen casos especiales para imágenes que contienen información que merece la pena señalar:

Imagenes de texto

Intenta evitar el uso de imágenes de texto. En la gran mayoría de casos cuándo vemos imágenes de texto no hace falta usar imágenes, en su lugar la página puede usar textos normales con algún formato aplicado. ¿La razón? Algunos usuarios aumentan el tamaño del texto, las imágenes no cambian el tamaño de la misma manera que el texto. Si hago zoom en una página, las imágenes de texto se verán borrosas, mientras que al texto no le pasar lo mismo. Hay otras muchas razones…

Si necesitas usar imágenes de texto, entonces en casi todos los casos el «alt text» será el texto mostrado en la imagen. !Es lógico!, ¿verdad? Esa suele ser la información que la imagen contiene!

Gráficos, tablas, etc.

Los gráficos y tablas normalmente contienen mucha información, demasiada para ser incluida como  parte del «alt text», ya que el «alt text» debe mantenerse muy claro. Habrá un artículo separado aquí que analiza imágenes complejas.

Tipo 3: Imágenes que son decorativas

Si la imagen no es una imagen activa (tipo 1), y si no contiene información (tipo 2), entonces es una  imágen decorativa. Las imágenes que son solo decorativas no deben tener ningún «alt text» (decriptivo), en lugar deberías usar la cadena vacía como «alt text».

¿Cómo implementarlo?

Regla nº 5: Imágenes decorativas deben tener un «alt text» vacío.

El alt text debe ser la cadena vacía (nula), i. e. alt=””. El código para tu imagen debería parecerse a esto:< img alt=”” >

Aunque la imagen sea decorativa, debe seguir teniendo el alt attribute (recuerda la regla número 1), pero no contiene ningún texto. Si tú lees en algún lugar que estas ciertas imágenes no deberían llevar alt text, lo que significa es que el alt text debe estar vacío. Repetir:!Nunca definir ninguna < img > sin el alt=’TEXTO ALTERNATIVO’!

¿Por qué?

Porque si el alt attribute no contiene texto (alt=””) el lector de pantallas ignora la imagen. Los usuarios de lectores de pantalla no necesitan saber sobre las imágenes decorativas, simplemente agregaría «desorden de audio» en la página, por lo que al asignar un alt text vacío a una imagen el lector de pantalla lo ignorará.

Sea lo que sea lo que estés desarrollando o entregando recuerda estas cinco reglas de oro al hacer el trabajo alt text para tus visitantes:

Regla nº 1: Cada < img > debe tener un atributo alt.

Regla nº 2: Describe la información, no la imagen.

Regla nº 3: Las imágenes activas requieren «alt text» descriptivos.

Regla nº 4: Las imágenes que contengan información requieren «alt text» descriptivos.

Regla nº 5: Las imágenes decorativas deben tener «alt text» vacío.

El Diseño Inclusivo hace referencia al diseño que es accesible. En términos de accesibilidad digital, una página web, un prodcuto o servicio es aquel que funciona para todo el mundo independientemente de sus capacidades.

Es un principio que esta presente en todos los servicios de AccedeMe y fue un tema candente en TechShare PRO 2021, el congreso europeo más grande sobre accesibilidad e inclusión.

El diseño inclusivo anima a crear un producto que lo pueda usar tanta gente como sea posible. Al expandir la diversidad de los usuarios, los diseñadores necesitan incluir tanta gente como sea posible en términos de:

El Diseño inclusivo es clave para subir de nivel.

Durante el Covid-19, todo el mundo se ha vuelto más dependiente de los servicios digitales de la noche a la mañana. Estar impedido en el mundo digital es tan significativo como estar excluido del mundo físico.

Durante en primer día del TechShare Pro 2021, Chloe Smith MP, Ministra británica de Gente Discapacitada y Trabajo, habló sobre la relevancia del Diseño Inclusivo en la industria tecnológica y de cómo es el momento de ser inclusivo.

«Ahora tenemos la oportunidad de reconstruir de manera más justa y mejor. Nunca ha habido un tiempo mejor para ser inclusivo por el diseño.»  Chloe Smith MP, Ministra británica de Gente Discapacitada y Trabajo.

Ser inclusivo por el diseño ahorra tiempo y dinero.

En los resultados de una encuesta (compartida en el TechShare Pro) se mostraba que muchos percibian la accesibilidad como un coste. En realidad, construir inclusivamente desde el comienzo ahorra tiempo y dinero y crea una mejor experiencia de usuario para todos.

«La accesibilidad necesita ser construida desde el principio en lugar de ser un idea tardía.»

Christina Ghetti, Jefa de Workforce 360, Nestlé.

El Diseño inclusivo crea una ventaja empresarial.

Creamos mejores soluciones para todos diseñando productos y diseños inclusivos.

Sobre todo, la inversión de los negocios en Diseño inclusivo puede ayudar a crear ventajas empresariales, como señaló Pilar López, Vicepresindenta GSMO de Microsoft en Europa occidental.

«Ahora es el momento para pensar en ventajas empresariales. Será una prioridad para cada compañía, haciendo tu producto más accesible para gente con discapacidad y por lo tanto para todos.» Pilar López, Vicepresindenta GSMO de Microsoft en Europa occidental.

El Diseño Inclusivo inspira la creatividad.

El Diseño Inclusivo ayuda a la innovación; cuando diseñas para necesidades extremas, creas una mejor experiencia para el usuario.

En un almuerzo se lanzó una reflexión al TechShare Pro, Kevin White Jefe de Accesibilidad Digital en el Gobierno Escocés, subrayó un buen punto sobre cómo el Diseño Inclusivo es el nuevo y creativo desafío para los diseñadores de hoy en día.

«Es un gran desafío para los diseñadores creativos pensar ¿Cómo puedo hacerlo accesible?» Kevin White Jefe de Accesibilidad Digital en el Gobierno Escocés.

El Diseño Inclusivo te puede ayudar a construir un unicornio

Durante el discurso de apertura, Johan compartió una historia conmovedora sobre la importancia del proyecto de Diseño Inclusivo y la prueba concreta de que Kahoot! iba a tener éxito en sus primeros días.

En los primeros días del producto y al introducirlo en las aulas, una madre mandó un correo electrónico al equipo de Kahoot y dijo: «Mi hija, que es autista y no ha ganado nunca nada en su vida en el entorno escolar, ha ganado un Kahoot!».

«Esto fue importante porque fue la primera vez que los otros estudiantes la veían como una parte activa de la clase y que ella sabía lo que hacía, lo cuál era mucho más valioso que el hecho de que ella fuera la «mejor». Y el resto de la clase la miró y pensó !Wow! !Ella sabe lo que hace! Entonces esto se convirtió en uma interacción donde ella fue parte de la clase.»

«Y esto fue una victoria significativa para la clase, y para nosotros, fue mágico. Porque eso fue lo que nos propusimos con Kahoot!, asegurarse de que todos forman parte de la experiencia de aprender.»

A pesar de todo esto, todavía existen empresas o páginas web que no se deciden a convertir su sitio en uno que sea completamente accesible para todos.

Uno de los principales inconvenientes que suele comentar es que una página web es un sitio que sufre constantes modificaciones y rediseños, por lo que en muchas ocasiones esto supone un coste extra a las empresas que en estos tiempos es difícil de asumir.

La ventaja que tiene AccedeMe es que ofrece una accesibilidad total sin rediseños, por lo que supone una clara ventaja y un ahorro de esos costes adicionales, ya que con AccedeMe son inexistentes.

Es cierto que se está avanzando a pasos agigantados en accesibilidad en internet, pero aún faltan muchas cosas por hacer para poder decir que las páginas son 100% accesibles.

Con la legislación actual y la exigencia del cumplimiento del nivel AA de las WACG 2.1, se puede decir que tu página es más accesible, pero no estamos seguros de que sea totalmente accesible en el sentido de que ofrece un acceso igualitario verdadero.

Hoy en día que tu página sea totalmente accesible significa que cumples con la legalidad vigente, no nos parece que realmente signifique que sea accesible por todos.

En AccedeMe, vamos más allá de de dar los servicios para cumplir ese requerimiento legal. Aportamos soluciones para que nadie se quede excluido en la navegación web, pensando en las personas, no en un cumplimiento legal.