# data[].attributes.body
Visual:

- Lectores de pantalla.

- Contraste de colores y tamaños de fuente ajustables.

- Descripciones textuales para imágenes.

Auditiva:

- Subtítulos y transcripciones para contenido multimedia.

- Controles de volumen y subtítulos ajustables.

- Intérpretes de lenguaje de señas virtuales.

Cognitiva:

- Diseño simple y consistente.

- Texto claro y comprensible.

- Opciones para ajustar la velocidad de lectura.

Motriz y Física:

- Navegación fácil con teclado.

- Botones y enlaces de tamaño adecuado.

- Alternativas para el uso de ratón, como atajos de teclado.

Vulnerables por su contexto:

- Traducciones y localizaciones del contenido.

- Contenido multilingüe.

- Interfaces intuitivas y universales.

Características:

- Controles de tamaño ajustable para facilitar la lectura.

- Instrucciones claras y concisas.

- Diseño adaptable para diferentes dispositivos y resoluciones.

Estas alternativas buscan abordar diversas necesidades de accesibilidad, asegurando que la web sea accesible para todas las personas, independientemente de sus capacidades y contextos.

# data[].attributes.attachment_link.readable_text
En años recientes, el diseño urbano ha implementado más estrategias que procuran accesibilidad a las personas que tienen algún tipo de discapacidad, pero ¿qué hay del mundo virtual?

La accesibilidad web contempla acciones para la adaptación de los sistemas informáticos, con el propósito de volverlos más inclusivos. Aquí examinaremos este concepto del diseño web a detalle para que puedas inspirarte y adoptarlo en los espacios digitales de tu organización.

Qué es la accesibilidad web

La accesibilidad web es la característica de los productos digitales que permite a los usuarios con alguna discapacidad navegar por sus interfaces con la menor dificultad posible. Esta función se dirige a personas con debilidad visual, fotosensibilidad y otras condiciones, de salud o sociales, como es el caso del analfabetismo.

Su objetivo es reducir el capacitismo, un fenómeno en el que se obvian a las poblaciones con necesidades especiales y se les excluye por no tener las habilidades requeridas para hacer una actividad tal como la haría una persona sin discapacidad.

Para qué sirve la accesibilidad web

Cerca del 15 % de la población mundial presenta algún tipo de discapacidad. Esto deja en evidencia la importancia de crear sitios adecuados para sus requerimientos físicos y cognitivos. De forma adicional, puede traer los siguientes beneficios:

Facilita la vida de las personas: gracias a los sitios accesibles, las personas pueden consultar información relevante, usar aplicaciones cotidianas y herramientas complejas en la red en un menor tiempo y con poco esfuerzo.

Promueve la inclusividad digital: en los últimos años, se ha observado un descenso del uso del internet por este grupo, así que las webs accesibles ayudan a empoderar a las personas con discapacidad e invitarlas a participar en el entorno digital.

Amplía el alcance de una marca: debido a que, en el pasado, la mayoría de las experiencias digitales se pensaron para personas sin discapacidades, promover la accesibilidad es una nueva oportunidad de que las marcas lleguen a nuevos públicos que fueron descuidados por sus competidores.

Crea espacios de oportunidad comercial: estos nuevos grupos de usuarios pueden corresponder perfectamente con el público objetivo de tu organización.

Mejora el posicionamiento en buscadores: esto como producto de la aspiración por hacer del internet un lugar de acceso universal. Si tu sitio es accesible para todos, notarás una ventaja en tu SERP.

Cuidar este aspecto formal es esencial para lograr la inclusividad digital. Por ello, es tan relevante impulsar estas estrategias con la seguridad, pues se está en favor de una causa social importante.

Características de la accesibilidad web

Esta estrategia busca que cualquier página web y su contenido sean más fáciles de usar y entender para los visitantes. Sin embargo, sus optimizaciones van más allá de lo acostumbrado para una experiencia de usuario general. Aquí destacamos las características que las distinguen:

1. Incluye a personas con ceguera, debilidad visual, sordera y otras discapacidades como del habla, movilidad o bien en el aprendizaje.

2. Muestra a los visitantes de tu sitio web que valoras y te preocupas por su experiencia particular de compra. Esto aumenta la lealtad y la credibilidad de la marca.

3. Tiene la capacidad de adaptarse para que todos lo puedan consultar sin complicaciones a través de los diferentes dispositivos.

4. Dispone su contenido de forma clara y sencilla para su compresión por todo aquel que lo revise.

Diferencias entre usabilidad y accesibilidad web

Si bien ambos conceptos buscan que los usuarios tengan una mejor experiencia al navegar por un sitio web, hay un par de distinciones claras entre ambos.

Mientras que la usabilidad busca mejorar la experiencia del visitante, la accesibilidad web incorpora acciones para romper las barreras que enfrentan ciertos grupos de usuarios para que puedan acceder a la información que necesitan.

Por un lado, la accesibilidad se encarga de que un sitio web cuente con todo lo necesario para ser flexible y manejable para todos. Por otro lado, la usabilidad permite que esas cualidades sean atractivas, rápidas y fáciles de alcanzar.

Es importante resaltar que hay una correlación entre estos términos, puesto que una no puede existir sin la otra, un diseño web accesible para personas con discapacidad tiene que ser usable. De lo contrario, no cumpliría su función.

Los 4 principios de la accesibilidad web

Según la Iniciativa de Accesibilidad Web del Consorcio WWW, estos son los principios a deben de regir a los sitios accesibles:

1. Perceptibilidad

Este término enfatiza la necesidad de que el contenido web sea perceptible para la mayoría de los usuarios. Por ello, presenta alternativas auditivas al contenido en imágenes (como es el caso del texto alternativo, que es comprensible para programas de voz que ayudan a personas con alguna discapacidad visual), así como etiquetas para botones y otros componentes visuales.

También engloba la implementación de versiones en audio de los contenidos en texto y el uso de iconos para entender las funciones de un sitio web o aplicación.

2. Operabilidad

La operabilidad indica que los usuarios pueden operar o manejar la experiencia digital a su gusto. Por esto, son cada vez son menos usuales l os avances automáticos en un blog o el pase automático de diapositivas en una presentación, porque la idea es que el usuario decida cuánto tiempo invertirá en cada contenido.

Por ejemplo, una persona con dislexia o debilidad visual podrá pasar tanto tiempo como necesite para comprender un texto. Aquí, también entra la función de zoom con plataformas enfocadas en sus necesidades.

Además, en estos casos, la usabilidad también controla que el contenido no cuente con destellos u otro tipo de animaciones que resulten agresivas para personas con lesiones cerebrales, enfermedad de Alzheimer, epilepsia u otras condiciones neurológicas.

3. Comprensión

Este elemento es importante para todos los usuarios, pues transmite la necesidad de que un texto sea legible y claro. En general, los contenidos deben tener una disposición y estructura que resulten intuitivas para todas las personas que comparten un idioma y cultura.

En el caso de los grupos de usuarios con alguna discapacidad intelectual o de aprendizaje, es útil evitar tecnicismos, añadir diccionarios y brindar esquemas o guías visuales que condensen la información.

4. Robustez

Este precepto indica que los productos virtuales deben funcionar en distintos tipos de dispositivos y navegadores, así como ser compatibles con las herramientas de apoyo de los usuarios. ¿Cuántas veces te has topado con sitios web que no funcionan en ciertos navegadores al 100 %? Esto resulta frustrante para las personas que requieren usar cierto software adicional y que, a menudo, se encuentran con funciones limitadas en las plataformas.

Por ello, busca que tus activos digitales sean adaptables, que las funciones estén íntegramente disponibles en varios dispositivos y navegadores y que sean compatibles con los programas de accesibilidad más populares como Voice Access, Google Talkback, TapTapSee, entre otros.

Los 5 usos de la accesibilidad web

Ya mencionamos algunos de sus usos, los cuales se ajustan a diferentes condiciones. Aquí damos un repaso breve a algunos de ellos:

1. Uso de la accesibilidad web para personas con discapacidad visual

Las personas con ceguera, debilidad visual o incluso con altos grados de miopía o hipermetropía pueden verse beneficiadas de transcripciones auditivas de texto, opciones de acercamiento, textos alternativos para imágenes y otras adaptaciones visuales.

2. Uso de la accesibilidad web para personas con alguna discapacidad cognitiva o de aprendizaje

Para adaptar tu contenido a los requerimientos de este sector, debes evitar textos largos y complejos y preferir textos cortos con imágenes. Tampoco utilices lenguaje poético o sentido figurado. Asimismo, debes evitar el uso de tipografías manuscritas o muy pequeñas.

También serán favorables los recursos en video para clarificar los contenidos a este tipo de audiencia.

3. Uso de la accesibilidad web para personas con condiciones neurológicas

Las personas que padecen alguna enfermedad neurológica, tales como la epilepsia fotosensible, se beneficiarán si no añades animaciones ni contenidos que puedan ser detonantes de un episodio por estimulación luminosa. Aunque es útil la leyenda: "Las imágenes siguientes no son aptas para personas fotosensibles", es mejor que no incluyas ese tipo de estímulos en lo absoluto.

4. Uso de la accesibilidad web para personas con analfabetismo digital

El uso de iconos y flujos de control intuitivos ayuda a las personas con analfabetismo digital a entender más fácilmente cómo funciona tu app o plataforma. Además, las guías de usuario con un lenguaje sencillo, disponibles en un solo clic, serán un recurso valioso.

5. Uso de la accesibilidad web para personas con discapacidad auditiva

Las personas con discapacidad auditiva pueden acceder a tus contenidos en audio o video con la ayuda de transcripciones adecuadas. Recuerda que las transcripciones automáticas, como las que provee YouTube, pueden arrojar errores que harán difícil su comprensión. Por ello, es importante que inviertas el presupuesto necesario para generar un texto optimizado y útil.

Cómo se logra la accesibilidad web

Es posible que te hayas dado cuenta de que tu sitio no cumple con ninguna o con muy pocas de las cualidades para ser accesible, así que revisemos algunas acciones que puedes implementar para tener una plataforma inclusiva.

1. Infórmate sobre los estándares existentes

Este es un tema tan importante que, hoy, existen estándares ideados con el propósito de que las empresas y sus páginas web cumplan con los requisitos mínimos para que todas las personas puedan disfrutar de su contenido.

El W3C ofrece algunas normas que te permiten asegurarte de que todos los públicos pueden consultar tu sitio. Puedes inspirarte en ellos para cumplir con los estándares y mantenerte a la vanguardia.

2. Usa alternativas de texto

Todos los elementos que no son texto dentro de tu web (imágenes y gráficos) deben tener un atributo de texto que describa su contenido para que las personas con discapacidades visuales puedan acceder a estos (siempre deben estar debidamente etiquetados en las metadescripciones).

Para el contenido decorativo, también es necesario incluir un texto alternativo para resaltar su existencia.

3. Busca que tus contenidos sean multimedia

Los medios basados en el tiempo se refieren al contenido de audio y video. Para hacerlo más accesible, puedes incluir una transcripción completa de la grabación o usar subtítulos.

Por ejemplo, el sitio oficial de TED incluye una sección de transcripción que ayuda a las personas a seguir las conferencias y charlas mediante entradas de texto.
Imagen de TED
De este modo, este elemento puede explorarse por cualquier persona, sin importar que tenga una debilidad visual o auditiva.

4. Crea contenido fácil de ver y escuchar

Si deseas que tu contenido sea más accesible para personas con discapacidades visuales, modifica el contraste y color para que los usuarios puedan ajustarlos en su navegador según lo que les resulte más fácil de leer.

En el caso de las discapacidades auditivas, debes incluir controles de volumen adaptables, añadir instrucciones y comentarios en lengua de señas y evitar timbres, alarmas de error o sugerencias de sonido.
Imagen de Prime Video
Por ejemplo, servicios de streaming como Prime Video permiten que los usuarios modifiquen el tamaño, color y contraste de los subtítulos en sus plataformas.

5. Asegúrate de que tu sitio se pueda navegar con medios alternativos

Ten en mente que muchas personas tienen dificultades motrices para controlar dispositivos como ratones electrónicos o pantallas táctiles.

Por eso, revisa que tus páginas respondan bien a comandos con teclado y voz, para que nadie tenga problemas al interactuar con tus botones y funcionalidades.

6. Permite la personalización de la experiencia

Un aspecto a considerar es que no puedes invadir a todos tus visitantes con contenidos multimedia, sonidos altos y colores sin contraste. Si bien esto puede ayudar a algunos, puede resultar molesto para otros. Por ello, es muy importante permitir la personalización.
Imagen de IPACIDEVI
Por ejemplo, puedes poner un menú de selección para que cada visitante navegue en el modo que lo necesite. Una muestra de ello es el sitio del Instituto para Ciegos y Débiles Visuales, el cual tiene un diseño que es amigable con todos.

7. Prueba el correcto funcionamiento de tu sitio

A pesar de que hayas seguido las recomendaciones y estándares punto por punto, tus esfuerzos quizá no resulten fecundos si solo los has mirado desde un punto de vista capacitista. Por este motivo, prueba reiteradamente tus páginas con la ayuda de personas discapacitadas y a través de software.

Solo de este modo sabrás si realmente la gente se siente cómoda al usar tu sitio y si has cumplido con los requisitos para ofrecer una experiencia inclusiva.

Test de accesibilidad web

Este tipo de test son una de las mejores estrategias para corroborar que tus páginas corren de manera correcta antes de lanzar un sitio web y que sus funciones son útiles para las personas que viven con alguna discapacidad.

Existen muchas formas de poner a prueba esto. Las siguientes son las más comunes:

Pruebas de funcionamiento de teclado: sirve para saber si tus visitantes pueden desplazarse por el sitio con las flechas del teclado o la barra espaciadora o mediante comandos predeterminados por el sistema operativo.

Pruebas de navegabilidad: revisa que los usuarios puedan acceder a información completa sobre lo que se muestra en tu página. Esto es importante para quienes usan asistentes de lectura durante la navegación.

Pruebas de percepción: implica que todas las personas puedan ver y oír los elementos en tu sitio, ya sea con una opción de subir volumen, ampliar imágenes y ser responsivos a las necesidades del usuario.

Existen algunas herramientas web que pueden auditar de forma automática tu sitio para comprobar que cumple con los estándares debidos. Por ejemplo: EqualWeb, Lighthouse o Wave. Estos programas analizan el código HTML de tu página para verificar que la podrán emplear todas las personas.

Ejemplos de accesibilidad web: 5 sitios que lo están haciendo bien

1. Udemy
Imagen de Udemy
Esta plataforma educativa cuenta con un diseño en blanco y negro que es, al mismo tiempo, muy gráfico y comprensible. Por lo tanto, su sitio es apto para las personas con discapacidad visual, daltonismo e incluso para usuarios con dificultades en la comprensión lectora.

2. YaEstá
Imagen de YaEstá
La empresa ecuatoriana YaEstá muestra en su sitio web el principio de operabilidad: su carrusel no avanza de forma automática, sino que permite que los usuarios hagan clic por su cuenta cuando deseen ver otro de sus elementos. Además, cuenta con una barra gráfica de uso intuitivo que hace más fácil la interacción.

Finalmente, sus imágenes de producto están optimizadas con texto alternativo.

3. Capterra
Imagen de Capterra
El sitio web de Capterra, la guía de software empresarial, permite hacer zoom sin afectar negativamente la experiencia de usuario.

Incluso con un aumento considerable, la configuración permanece óptima y las imágenes no sufren alteraciones. Esto ayuda a una persona con debilidad visual o que necesite cambiar la visualización para su mejor comprensión.

4. Anne Chaussure
Imagen de Anne Chaussure
Esta marca uruguaya de ropa agrega textos alternativos a todas las imágenes de sus productos. De esta forma, las personas con discapacidad visual pueden emplear diversos recursos para conocer el contenido de las imágenes y ampliar la información de descripción de las prendas.

5. Museo Reina Sofía
Imagen del Museo Reina Sofía
El Museo Reina Sofía, con sede en Madrid, muestra en su página "migas de pan" o breadcrumbs que les facilitan a las personas ubicar dónde se encuentran. Esta función beneficia el acceso de todo tipo de usuarios, especialmente de personas con discapacidades cognitivas, con el fin de que no pierdan el rastro de su navegación y hallen el camino de regreso a otras páginas de su interés.

Cuáles navegadores tienen la función de accesibilidad web

Ya sea que uses un servidor gratuito o uno de paga, en el presente, es casi un requisito que los navegadores web contengan funciones de accesibilidad incorporadas para que los sitios se muestren para todos. Estas permiten que las personas modifiquen la apariencia de las páginas para que puedan consultar la información de forma más sencilla. Pero, sobre todo, tienen como objetivo que el proceso de búsqueda y navegación sea más simple.

Algunos ofrecen dictado por voz, modo nocturno o diferentes tamaños de letra para que cada persona pueda sacar el mayor provecho de estas herramientas. Aquí te decimos cómo lo hacen.

Chrome

Chrome es uno de los navegadores más populares en el mercado. Al ser utilizado por varios millones de personas, la empresa decidió incluir funcionalidades de accesibilidad, que si bien no son propias del navegador, pueden integrarse como extensiones. Estas son:

Navegación por cursor de texto.

Potenciador de color.

Contraste alto.

Descripciones largas en el menú contextual.

Safari

Safari es el navegador oficial de Apple y uno de los más usados. Este ofrece la opción de activar funciones de accesibilidad como:

VoiceOver, que funciona como un lector de pantalla.

Zoom, que ayuda a agrandar el texto mediante comandos.

Dictado de voz, que permite la entrada de texto mediante lenguaje oral.

Atajos personalizables, para que las personas configuren sus propios comandos.

Microsoft Edge

Microsoft Edge también tiene opciones dirigidas a la accesibilidad web. En este caso, se pueden activar directamente en la configuración de la plataforma. Algunas de ellas son:

Aumento del tamaño del texto.

Lectura en voz alta.

Obtención de descripciones de imágenes para lectores de pantalla.

Esquema de alta visibilidad.

Uso del teclado para navegar por internet.

Exploración mediante el símbolo de intercalación.

Exploración con pestañas.

Contraste alto para mejorar la legibilidad.

Preguntas de confirmación antes de cerrar ventanas con pestañas.

Personalización del estilo del subtítulo.

Mozilla Firefox

Por su parte, Mozilla Firefox es uno de los navegadores favoritos de las personas que viven con alguna limitación física, motriz o cognitiva debido a que incluye un servicio de accesibilidad incorporado directamente en la aplicación y que altera los contenidos de los sitios web para hacerlos más accesibles.

Su listado de funciones de es el más extenso e incluye:

Uso el teclado para navegar por las páginas web.

Búsqueda del texto mientras se escribe.

Teclas de acceso HTML.

Atajos de ratón.

Cambios de tamaño, tipografía y colores: tamaño de la página y texto; configuración de tipografía y colores; personalización del tamaño mínimo de letra; reemplazo de las tipografías de la página y de sus colores.

Implementación de un tema de alto contraste.

Control del contenido web: bloqueo de las ventanas emergentes y contención del comportamiento de JavaScript.

Compatibilidad con tecnologías adaptadas como lectores de pantalla.

Enlaces útiles relacionados con la accesibilidad.

Cómo puedes crear webs accesibles con ayuda del CMS de HubSpot

La mayor parte de las modificaciones que hagas en tu sitio para procurar la accesibilidad, tendrás que pensarlas de forma estratégica. Sin embargo, con el CMS de HubSpot puedes acceder a funciones y herramientas con más facilidad y lograr tus objetivos de diseño. En este software, encontrarás:

Módulos y plantillas personalizados con las mejores prácticas de accesibilidad web.

Recomendaciones y documentos para desarrolladores de HubSpot.

Podcast y contenidos en audiovisuales con las mejores prácticas.

Todavía queda mucho por hacer en términos de accesibilidad web. No obstante, te invitamos a que el diseño web de tu página adopte estas recomendaciones y crees entornos digitales aptos para más personas y así llegar a públicos que no están siendo considerados.

# data[].attributes.attachment_link.title
Accesibilidad web, qué es y cómo se logra (con ejemplos)

# data[].attributes.attachment_link.description
Descubre qué es la accesibilidad web, cuál es importancia, sus características, principios, usos y aprende a crear espacios para todo tipo de públicos.

# data[].attributes.body
Diseño del contenido:

El diseño de contenido en informática es el Proceso de planificar, crear y organizar información que se presentan en diversas plataformas digitales como en páginas web, aplicaciones, programas de gestión de sonido, etc.

Con el fin de que el contenido sea fácil, accesible y comprensible.

Contexto del usuario:

El contexto de usuario en informática se refiere a como un usuario puede aprovechar las aplicaciones de un sistema computacional dependiendo de su estado emocional y cualquier otro sentimiento que pueda influir en el uso de esta. Comprender como es la experiencia del usuario es bueno para crear nuevas interfaces y que estás tengan resultados satisfactorios.

Diversidad de dispositivos:

La diversidad de dispositivos se refiere a la alta variedad de dispositivos eléctricos como celulares, tablets, laptops, PC 's, etc. Esto influye en qué los desarrolladores de hardware y software hagan mejoras en sus dispositivos móviles para que tengan un mejor rendimiento y desempeño, en cada uno de sus dispositivos sin importar cuál sea la condición.

# data[].attributes.attachment_link.title
¿Qué es la accesibilidad web? El gran reto para conseguir un Internet para todos

# data[].attributes.attachment_link.description
Las barreras también existen en Internet y afectan a millones de personas con discapacidad en todo el mundo. En la actualidad, estos ciudadanos con dificultades motrices, sensoriales o cognitivas dependen más que nunca de los avances en accesibilidad web para no quedarse al margen del desarrollo educativo, económico y social.

# data[].attributes.body
El diseño de contenidos digitales se refiere al proceso de crear y presentar información en formato digital, que puede incluir texto, imágenes, vídeos, audio, gráficos interactivos y otros elementos multimedia. Esto abarca una amplia gama de medios digitales, como sitios web, aplicaciones móviles, eBooks, presentaciones multimedia, juegos en línea, entre otros.

1) Consorcio World Wide Web (W3C):

Características:

Desarrollo de Estándares: El W3C se encarga de desarrollar y mantener estándares abiertos para la web, incluyendo HTML, CSS, JavaScript y muchos otros.

Colaboración Internacional: Es una organización internacional que reúne a expertos de diversos campos, desde ingenieros hasta representantes de empresas y usuarios, para trabajar en la creación de estándares web.

Promoción de una Web Abierta: El W3C defiende una web abierta, interoperable y accesible para todos, promoviendo estándares que permitan esta visión.

Desarrollo Sostenible de la Web: Se preocupa por el desarrollo sostenible de la web, lo que implica tanto la eficiencia energética como la accesibilidad y la inclusión.

¿Qué es?

El Consorcio World Wide Web (W3C) es una organización internacional dedicada a desarrollar estándares para la web. Fue fundado por Tim Berners-Lee, el inventor de la World Wide Web, en 1994. El objetivo principal del W3C es garantizar la interoperabilidad y la evolución continua de la web mediante la creación y promoción de estándares abiertos. Estos estándares permiten que la web sea accesible en diferentes plataformas y dispositivos, y facilitan el desarrollo de aplicaciones web robustas y compatibles.

2) La Iniciativa para la Accesibilidad Web (WAI):

Características:

Desarrollo de Pautas y Recursos: La WAI desarrolla pautas y recursos para hacer que la web sea más accesible para personas con discapacidades.

Promoción de la Accesibilidad: Trabaja para aumentar la conciencia sobre la importancia de la accesibilidad web y fomentar su integración en el diseño y desarrollo web.

Colaboración y Comunidad: La WAI fomenta la colaboración entre diferentes partes interesadas, incluyendo diseñadores, desarrolladores, organizaciones de personas con discapacidades y gobiernos.

Enfoque en la Práctica: Además de establecer pautas, la WAI ofrece recursos prácticos y herramientas para ayudar a implementar la accesibilidad web en proyectos concretos.

¿Qué es?

La Iniciativa para la Accesibilidad Web (WAI) es un proyecto del Consorcio World Wide Web (W3C) que se enfoca en hacer que la web sea accesible para todas las personas, independientemente de sus capacidades y discapacidades. La WAI desarrolla y mantiene las Web Content Accessibility Guidelines (WCAG), que son ampliamente reconocidas como estándares internacionales para la accesibilidad web. Además de las WCAG, la WAI ofrece recursos, herramientas y materiales educativos para ayudar a diseñadores, desarrolladores y responsables de políticas a crear contenido web accesible y fomentar una web inclusiva para todos.

En resumen, tanto el W3C como la WAI desempeñan un papel crucial en el desarrollo y promoción de estándares y pautas para la web accesible, asegurando que la web sea un recurso utilizable por todas las personas, independientemente de sus habilidades y discapacidades.

# data[].attributes.attachment_link.readable_text
En 2019, los españoles nos manteníamos conectados a internet un promedio de 5 horas y 41 minutos cada día, así lo indica el informe Digital 2020 de Hootsuite y We Are Social. Sin embargo, debido al confinamiento generado por la pandemia de la COVID-19 en 2020, el tiempo que los españoles nos conectamos a internet aumentó a más de 11 horas diarias, según el estudio Digital Consumer 24 hours Indoors de Nielsen. ¿Pero qué hacemos durante todo ese tiempo? Básicamente, consumir contenidos digitales.

En la misma proporción que aumenta la cantidad de horas que nos conectamos vía online, también aumenta la cantidad de contenidos digitales que consumimos. Como usuarios de internet, navegamos el infinito ciberespacio todos los días con la finalidad de acceder a contenidos para entretenernos, informarnos, educarnos o comunicarnos. Esto incluye, por ejemplo, entrar a Instagram para ver fotografías de nuestros amigos, a ElPais.com para ver noticias, a Netflix para ver series, a YouTube para ver tutoriales, entre otros.

Considerando que el modelo de teletrabajo se está imponiendo en la nueva normalidad por la pandemia y que, por tanto, las personas van a permanecer cada vez más tiempo conectadas a internet, se prevé que el consumo de contenidos por parte de las audiencias siga aumentando. Esta situación hace que los profesionales del marketing tengamos que valorar con mayor fuerza todo lo relacionado con la creación de contenidos digitales.

¿Qué son los contenidos digitales?

Para comprender la definición de "contenidos digitales" de manera fácil y rápida podemos analizar primero el concepto de cada una de estas dos palabras por separado:

Contenidos: son todos los materiales que transmiten un mensaje que es relevante para las personas. "Relevante" en el sentido de que logran entretener, informar, educar o comunicar. Por ejemplo: los libros, los periódicos, las canciones, las películas, entre otros.

Digitales: hace referencia a los canales digitales mediante los cuales se distribuyen y se entregan los contenidos a las audiencias. En el pasado, los contenidos se distribuían solo a través de medios tradicionales, como los impresos, la radio y la televisión. En la actualidad, la masificación de los dispositivos informáticos (PC, portátiles, móviles y tablets) y de internet trajo consigo el surgimiento de un nuevo canal de comunicación: el digital.

Por tanto, el contenido digital es toda aquella información a la que se puede acceder y se puede crear, enviar y recibir a través de dispositivos digitales, siendo internet el principal mecanismo de distribución.

Al entender este concepto, es fácil darse cuenta de que todo internet está conformado por contenidos digitales. Internet posibilita que todos los usuarios puedan convertirse en creadores de contenidos, no solo las editoriales, las cadenas de televisión, las emisoras de radio, etc.

De hecho, las redes sociales han sido y seguirán siendo diseñadas de manera exclusiva para que las personas creen y compartan contenidos digitales entre sí. Sin ir más lejos, los llamados "influencers" son usuarios que se han convertido, precisamente, en influencers gracias a que han sido capaces de crear contenidos lo suficientemente relevantes para las audiencias.

¿Te gusta lo que estás leyendo? ¡Suscríbete al blog!

Importancia de los contenidos digitales

Los contenidos digitales son herramientas muy poderosas cuando se utilizan con fines comerciales. A través de estos, las marcas pueden conectar racional y emocionalmente con las audiencias, inspirar confianza, generar empatía, posicionar la imagen corporativa o dar a conocer los valores empresariales, entre otros.

En este sentido, algunos datos que dejan muy clara la importancia de los contenidos digitales para las empresas son los siguientes:

El 47% de los clientes B2B mira un promedio de 3 a 5 contenidos antes de decidir contactar a un representante de ventas (Demand Gen Report).

El marketing con contenidos digitales cuesta 62% menos que el marketing tradicional y es 3 veces más efectivo para captar clientes potenciales ( Demand Metric ).

Más de 6 de cada 10 personas sienten que es más probable que compren a una empresa si genera contenidos personalidos ( Dragon360).

El 78% de los encargados de marketing cree que el contenido digital personalizado es el futuro del marketing ( Demand Metric ).

Por este tipo de razones los contenidos digitales están en el centro de todas las estrategias modernas de marketing. Por ejemplo:

Marketing de contenidos (o content marketing): estrategia que consiste en crear, publicar y compartir contenidos que sean de interés para el buyer persona.

Inbound marketing: se basa en ofrecer al buyer persona el contenido adecuado, en el momento, con el formato y por el canal también adecuados.

Email marketing automation: consiste en la automatización del envío masivo de contenidos digitales a través del correo electrónico.

Posicionamiento SEO: técnica que busca posicionar ciertos contenidos (como artículos de blogs) en los primeros resultados de búsqueda de Google y de otros motores.

Social media marketing: estrategia que se centra en publicar contenidos por redes sociales para conectar e interactuar de manera más directa con las audiencias.

Así, el contenido digital ya es parte esencial de una u otra forma de las empresas modernas y de sus estrategias de marketing online.

Tipos de contenidos digitales

Los contenidos digitales se pueden clasificar de muchas maneras. En principio, la clasificación más fundamental es por formatos, que son: texto, imagen, audio y vídeo. De cada uno de estos cuatro formatos se generan otros tipos de contenidos digitales más específicos. Por ejemplo:

Textos:

Artículos de blogs

Ebooks

Whitepapers

Reseñas

Descripción de productos o servicios

Preguntas y respuestas

Guías de usuario

Imágenes:

Fotografías

Banners

Ilustraciones

Infografías

GIF

Memes

Audios:

Canciones

Podcast

Entrevistas

Audiolibros

Soundtracks

Notas de voz

Vídeos:

Transmisiones en vivo

Sketches humorísticos

Tutoriales

Reviews de productos

Vídeos musicales

Series y películas

Los distintos formatos de contenidos digitales no son excluyentes entre sí. Todo lo contrario, cada día se encuentran nuevas maneras de combinar los formatos para generar materiales cada vez más atractivos e, incluso, interactivos.

Otro aspecto interesante es que los contenidos digitales pueden ser "reciclados" y reutilizados varias veces, simplemente al cambiarles el formato. Por ejemplo, a partir de un videotutorial se puede generar un ebook y, a partir del ebook, se pueden crear varios artículos para el blog. A su vez, de cada artículo se pueden diseñar diferentes imágenes para publicarlas en redes sociales.

De esta manera, un mismo contenido puede ser explotado al máximo de diferentes maneras, alargando así su vida útil y promoviendo el ahorro de costes, tiempo y esfuerzo al no tener que crear nuevos contenidos desde cero.

11 ejemplos de contenidos digitales

Veamos a continuación algunos ejemplos de contenidos digitales para que tengas una mejor idea de los tipos y formatos:

1. Ejemplo de artículo técnico-especializado: ¿Cómo monetizar los vídeos en YouTube? - Las 7 formas de hacerlo.

2. Ejemplo de artículo de definiciones: ¿Qué es marketing de contenidos?

3. Ejemplo de ebook educativo: El papel de los contenidos en el funnel del inbound marketing - [Descargable].

4. Ejemplo de ebook de análisis: Análisis profundo de Google BERT para responsables de marketing - [Descargable].

5. Ejemplo de ebook de reseñas: Comparativa para escoger tu herramienta de marketing automation perfecta - [Descargable].

6. Ejemplo de caso de éxito: Caso de éxito del proyecto de inbound marketing para ACNUR - [Descargable].

7. Ejemplo de podcast:

Ejemplo de video explicativo:

Ejemplo de meme:
10. Ejemplo deGIF:

11. Ejemplo de infografía:

Créditos: AdveiSchool

Herramientas gratuitas y de pago para la creación de contenidos digitales

Para ayudarte a empezar, te dejamos un listado de herramientas recomendadas a las que puedes acceder de forma gratuita o, si lo crees conveniente, invertir en otras para generar tu contenido:

1. Herramientas para crear blogs y artículos

WordPress es la herramienta más popular para crear blogs y páginas webs, así como para gestionar artículos y publicaciones. Se trata de una plataforma freemium. Es decir, se puede utilizar de manera gratuita (free), pero muchas de sus funcionalidades son de pago (premium). Otra herramienta también muy popular, aunque mucho más limitada, es Blogger, que sí es gratuita en su totalidad.

2. Herramientas para crear tiendas ecommerce

Shopify es una herramienta de pago que te permite crear tiendas ecommerce de manera muy fácil y cómoda, debido a que todas las funciones y opciones ya están preconfiguradas. Por otra parte, está Woocommerce, un plugin de WordPress que es de uso gratuito. Sin embargo, si quieres tener mayores niveles de personalización y escalabilidad, puedes utilizar PrestaShop o Magento, ambas son freemium y bastante escalables en sus funcionalidades, aunque requieren de conocimiento técnico.

3. Herramientas para crear imágenes

Photoshop es la herramienta más utilizada a nivel mundial para crear y editar profesionalmente imágenes de todo tipo. Aunque es de pago, dispone de una demo gratuita que puedes utilizar para familiarizarte con el programa. En cambio, si no quieres crear una imagen desde cero sino que deseas obtenerla ya creada, puedes acceder a iStock ( de pago) o Unsplash ( gratuita), dos bancos de imágenes en los que puedes encontrar fotografías, ilustraciones y vectores.

4. Herramientas para crear recursos visuales específicos

Canva es una herramienta ( freemium) ideal para crear de forma intuitiva y rápida diferentes tipos de recursos gráficos basados en plantillas, como banners para blogs y páginas webs, temas para emails, infografías, presentaciones, entre otros.

Interfaz de Canva

Si necesitas herramientas más especializadas, están disponibles las siguientes:

Venngage (freemium) para el diseño de infografías.

Google Charts (gratuita) para la generación de gráficos de datos.

Make a meme (gratuita) para la creación de memes.

Giphy (gratuita) para buscar o crear imágenes GIF desde 0.

Ahora bien, si necesitas herramientas para tus contenidos digitales en redes sociales de forma específica, puedes utilizar las siguientes:

A color story (de pago) es una plataforma en la cual puedes comprar filtros de color para las imágenes de Instagram.

Unfold (freemium) herramienta para crear y editar stories de Instagram a partir de plantillas.

Picmonkey para crear miniaturas e imágenes 100% adaptadas a las dimensiones de YouTube, Facebook e Instagram.

Miniatura para YouTube creada con Picmonkey

5. Herramientas para crear vídeos

YouTube Studio, que es Premier es un primo de Photoshop (ambos pertenecen a Adobe) que consiste en un software ampliamente utilizado para la creación y edición de videos de manera profesional. Es de pago, pero cuenta con una demo gratuita. Si tu objetivo es crear vídeos para YouTube, puedes utilizar el editor de gratuito y te permite realizar ediciones básicas pero interesantes.

6. Herramientas para crear encuestas

Dos plataformas freemiums para la elaboración de encuestas son SurveyMonkey y Typeform. Ambas cuentan con un muy buen reconocimiento en el mercado, te permiten diseñar encuentras a partir de plantillas y analizar los resultados de las respuestas obtenidas.

7. Herramientas para transmisiones en vivo

Para la transmisión en vivo de contenidos digitales puedes utilizar las funcionalidades que te ofrecen las distintas redes sociales ( todas gratuitas). Por ejemplo: Instagram Live, Facebook Live, Periscope (Twitter) y YouTube Live. Ahora bien, si quieres realizar transmisiones más formales, como videoconferencias, webinars y seminarios, puedes utilizar Zoom ( freemium).

En la actualidad, día a día surgen cada vez más herramientas para la creación de contenidos digitales. Lo recomendable es que vayas experimentando con las gratuitas y las freemiums antes de elegir una de pago. De esta manera puedes reducir costes y, al mismo tiempo, ir identificando qué tipo de características y funcionalidades son las que mejor se adaptan a tus necesidades, en función de los contenidos que quieres crear.

En este sentido, no se puede decir que una herramienta sea estrictamente mejor que otra, ya que todo es subjetivo y depende de cada caso en particular. Ahora bien, lo que sí es 100% seguro es que los contenidos digitales son fundamentales para todas las estrategias de marketing en esta era de la información.

Dime, ¿ya has utilizado alguna de estas 26 herramientas? Cuéntame tu experiencia en los comentarios ¡y hablemos de ello!

# data[].attributes.attachment_link.title
Contenidos digitales: las 26 mejores herramientas para crearlos

# data[].attributes.attachment_link.description
En 2019, los españoles nos manteníamos conectados a internet un promedio de 5 horas y 41 minutos cada día, así lo indica el informe Digital 2020 de Hootsuite y We Are Social.

# data[].attributes.body
La accesibilidad web se refiere a la práctica de diseñar y desarrollar sitios web y aplicaciones de manera que todas las personas, incluyendo aquellas con discapacidades o diversidades, puedan acceder y utilizar la información de manera efectiva. Implica garantizar que todos los usuarios, independientemente de sus capacidades o contexto, puedan navegar, entender y interactuar con el contenido web de manera equitativa.

# data[].attributes.attachment_link.provider_name
Guías para Sitios Web, Tips & Conocimiento

# data[].attributes.attachment_link.readable_text
Aquí en DreamHost, creemos que todo el mundo debería poder usar cualquier sitio web en internet, sin importar la discapacidad que puedan tener. Sin embargo, mientras que nos preocupamos por la accesibilidad web, también entendemos que diseñar un sitio web que sea accesible y visualmente atractivo puede ser un reto.

Las buenas noticias son que los sitios web accesibles no deben ser feos. Por el contrario, algunos sitios web hermosos que hay allá afuera están diseñados pensando en la accesibilidad - de lo cual podríamos aprender un par de cosas.

Crea Un Sitio Web Para Todos

Nos aseguramos de que tu sitio sea rápido y seguro para que te puedas enfocar en lo importante.

Cómo Se Ve La Accesibilidad Web Grandiosa

Discapacidades Visuales: Algunos usuarios tienen discapacidades visuales que inhiben su habilidad de ver claramente o percibir contrastes de color.

Discapacidades Auditivas: Esto incluye sordera y pérdida parcial de la audición.

Discapacidades Físicas: Algunas personas tienen discapacidades motoras que pueden impactar su destreza y habilidad para realizar movimientos precisos, posiblemente dificultando el uso de un mouse.

Discapacidades Cognitivas: Condiciones como la dislexia y demencia pueden afectar las habilidades cognitivas de una persona.

Asegurar que tu sitio web sea "operable" puede significar implementar una navegación amigable con el teclado, para aquellas personas que no usan un mouse. "Perceptible" puede significar asegurarte de usar altos contrastes de color para las personas con impedimentos visuales.

7 Grandiosos Ejemplos de Accesibilidad Web Para Inspirarte

A continuación enumeramos nuestros ejemplos favoritos de accesibilidad web. Estos 7 sitios web han puesto el estándar cuando se trata de accesibilidad.

No solo se adhiere completamente a las directrices WCAG 2.0 y WCAG 2.1, sino que también el sitio es inclusive personalizable para usuarios individuales. Por ejemplo, los usuarios pueden cambiar los colores del sitio, incrementar el tamaño del texto, o inclusive encender narración de texto para que el contenido les sea leído en voz alta.

Si ves la parte superior izquierda de la página inicial, verás una pestaña llamada Accessibility . Haz clic en ella y el sitio te llevará a su página de accesibilidad, la cual incluye instrucciones sobre cómo adaptar la experiencia a tus necesidades, se enlaza con tecnologías de asistencia , y una lista de problemas de accesibilidad conocidos en los que se está trabajando actualmente.

Scope, usa frases cortas y fuentes claras, grandes a través del sitio para una legibilidad máxima. Además, el sitio es completamente compatible con software de lectura de pantalla.

A pesar de ser un fantástico ejemplo de accesibilidad web, el equipo de Scope continúa realizando mejoras. Cada 3 meses, ellos prueban la accesibilidad del sitio web y realizan actualizaciones donde sea necesario.

Cuenta con navegación de pestañas amigable con el teclado y un botón de "regreso al inicio" instantáneo para hacer fácil la movilidad en la página. Las imágenes y videos son grandes y altamente visibles, y hay suficiente espacio en blanco para resaltar los elementos visuales.

Si vas a la página inicial, notarás una funcionalidad para ajustar el tamaño del texto en la esquina superior derecha. Es fácilmente visible y le permite a los usuarios con impedimentos visuales personalizar rápidamente el tamaño del texto para que se ajuste a sus necesidades.

Y definitivamente alcanzaron esa meta. El sitio web de KidzWish está perfectamente diseñado, con una estructura lógica, navegación amigable con el teclado, colores de alto contraste y textos con fuentes grandes. Además, es fácil navegar con elementos prominentes e interactivos.

El diseño también es amigable con los niños. Presume un esquema de colores atrevidos y brillantes, y muchos gráficos divertidos.

La compañía ha hecho un trabajo increíble haciendo que este sitio sea accesible para todos, al usar un texto legible, con fuentes amplias y una interfaz clara. También incorpora una navegación con teclado para hacer fácil desplazarse en el sitio.

Los clientes también pueden solicitar sus facturas en Braille y en formatos más grandes. Adicionalmente a todo esto, el sitio web es compatible con tecnología de asistencia.

Primero, el sitio web es muy fácil de navegar y compatible con tecnología de asistencia. Puedes moverte por la página al hacer clic en el botón Navegar en el logo de iPlayer muestra una opción para obtener ayuda con Accesibilidad, la cual enlaza a una página de recursos con mucha información útil para usuarios con discapacidades.

El contenido de video también es accesible. Todos los programas de la BBC en iPlayer contienen subtítulos.

Este sitio cuenta con navegación de pestañas, haciendo fácil navegar las páginas usando un teclado o lector de pantalla. Gracias a las fuentes de tipografía grandes y colores que contrastan, también es extremadamente legible y es compatible con tecnología de asistencia.

El Gobierno de Inglaterra ha hecho un increíble trabajo al hacer que su sitio sea accesible para cualquiera que lo necesite. El sitio cuenta con navegación con el teclado y atributos ARIA, haciendo fácil encontrar páginas y navegar el sitio. También está adaptado para soportar un zoom de 300% para los usuarios con discapacidades visuales.

Recibe Contenido Directamente en Tu Bandeja de Entrada

Suscríbete a nuestro blog y recibe contenido grandioso como este directamente en tu bandeja de entrada.

Haz Una Declaración de Accesibilidad

Asegurarte de que tu sitio sea tan accesible como sea posible es una obligación moral y profesional. Puede parecer un reto, pero vale la pena. Simplemente puedes seguir los pasos de los ejemplos de accesibilidad web anteriores para crear un sitio web inclusivo que todos los usuarios puedan disfrutar.

# data[].attributes.attachment_link.title
7 Grandiosos Ejemplos de Accesibilidad Web Para Inspirarte

# data[].attributes.attachment_link.description
Diseñar un sitio web que sea accesible y atractivo visualmente puede ser un reto - encuentra la inspiración que necesitas para comenzar con estos excelentes ejemplos.

# data[].attributes.body
La normatividad y los principios de accesibilidad en las herramientas de autor se refieren a las pautas y estándares que garantizan que estas herramientas sean utilizables por personas con discapacidades, permitiéndoles crear contenido digital de forma accesible. Aquí hay una descripción más detallada:

Normatividad:

Web Content Accessibility Guidelines (WCAG): Estas son pautas internacionales desarrolladas por el World Wide Web Consortium (W3C) que establecen los estándares para hacer que el contenido web sea más accesible para personas con discapacidades. Las herramientas de autor deben seguir estas pautas para garantizar que el contenido creado con ellas sea accesible.

Section 508 de la Ley de Rehabilitación de 1973 (Estados Unidos): Esta normativa establece requisitos de accesibilidad para la tecnología de la información y la comunicación (TIC) utilizada por agencias federales en Estados Unidos. Las herramientas de autor que se utilicen en entornos gubernamentales deben cumplir con los estándares de accesibilidad de la Sección 508.

Principios de Accesibilidad:

Perceptibilidad: Los usuarios deben poder percibir toda la información presente en la herramienta de autor, así como los controles para interactuar con ella. Esto implica proporcionar alternativas para contenido no textual (por ejemplo, texto alternativo para imágenes) y asegurar que el contenido sea distinguible visualmente.

Operabilidad: La herramienta de autor debe ser operable por cualquier usuario, independientemente de sus habilidades físicas o cognitivas. Esto implica permitir el acceso mediante teclado, proporcionar suficiente tiempo para que los usuarios completen tareas y evitar contenido que pueda causar convulsiones o problemas de navegación.

Comprensibilidad: La interfaz de usuario y la funcionalidad de la herramienta deben ser comprensibles para todos los usuarios. Esto incluye proporcionar instrucciones claras y consistentes, utilizar un lenguaje sencillo y predecible, y ofrecer retroalimentación clara sobre las acciones del usuario.

Robustez: La herramienta de autor debe ser robusta y compatible con una amplia variedad de tecnologías de asistencia y plataformas. Esto implica seguir estándares web actualizados, utilizar tecnologías que admitan la interoperabilidad con dispositivos de asistencia y asegurar la compatibilidad con diferentes navegadores y sistemas operativos.

Características de Accesibilidad en Herramientas de Autor:

Soporte para etiquetado y descripción de contenido: Las herramientas de autor deben permitir a los usuarios agregar etiquetas y descripciones a elementos multimedia, como imágenes y vídeos, para que sean accesibles para personas con discapacidad visual.

Personalización de la interfaz: Debe ser posible ajustar la configuración de la herramienta para adaptarse a las necesidades individuales de los usuarios, como el tamaño del texto, el contraste y las preferencias de navegación.

Compatibilidad con lectores de pantalla y teclado : Las herramientas de autor deben ser compatibles con lectores de pantalla y permitir la navegación y la interacción utilizando solo el teclado.

Herramientas de evaluación de accesibilidad integradas: Las herramientas de autor pueden incluir herramientas integradas que permitan a los usuarios evaluar la accesibilidad del contenido que están creando y corregir cualquier problema identificado.

Al cumplir con estas normativas y principios de accesibilidad, las herramientas de autor pueden garantizar que el contenido digital creado con ellas sea accesible para una amplia gama de usuarios, incluidas las personas con discapacidades.

# data[].attributes.attachment_link.readable_text
Página basada en el capítulo 2 de la tesis doctoral "Accesibilidad en entornos web interactivos: superación de las barreras digitales" de Afra Pascual Almenara (Abril, 2015).
En los últimos años, diversas organizaciones han especificado las características que debían cumplir los sistemas en el ámbito web para ser accesibles y ser utilizados por todas las personas de forma autónoma o con el uso de ayudas técnicas. Entre las más relevantes, destaca el Consorcio W3C ( World Wide Web Consortium). Fundado en el año 1994, el W3C es la comunidad internacional que trabaja en el desarrollo de estándares y protocolos Web comunes.

La misión principal de W3C es: guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la Web.

Dispone de distintas áreas de trabajo, entre las que se encuentra un área específica dedicada a la accesibilidad y conocida como "Iniciativa de Accesibilidad Web (WAI)" ( Web Accessibility
Initiative). LaWAI trabaja para

que las páginas web sean accesibles, que los navegadores web sean accesibles, que las herramientas para la creación de la Web generen contenidos accesibles, permitiendo también que las personas con discapacidad participen en dicha tarea, mejorar las herramientas para la evaluación y reparación de la accesibilidad, difundir y formar en relación con el diseño accesible y servir de punto de referencia en desarrollo e investigación sobre accesibilidad.

La WAI promueve que la información transmitida por la Web no ofrezca barreras pormotivos de discapacidades y actúa publicando directrices, sensibilizando y dando formación. Para garantizar el acceso a la información web a todas las personas, el organismo W3C, a través de laWAI, desarrolló diversas pautas que tienen en cuenta los componentes principales que interactúan en el acceso a la Web.

Como puede observarse en la imagen existen diversos componentes que intervienen para asegurar que la Web sea accesible. En los vértices se sitúa a los implicados para desarrollar la Web, al contenido presente en una página web y también a los usuarios que acceden a la Web. Y entre estos elementos relacionando los desarrolladores con el contenido, las herramientas de autor para crear sitios web y las herramientas de evaluación de la accesibilidad web. Entre los usuarios y el contenido web, son importantes los agentes de usuarios (navegadores web, reproductores multimedia, etc..) y la tecnología de apoyo (como lectores de pantalla, teclados alternativos, etc...). Todos estos componentes deben funcionar de forma conjunta para que la Web sea accesible para todos. Por ejemplo, si
se presenta un vídeo como contenido web, es fundamental que este disponga de los correspondientes subtítulos y de su audiodescripción, lo que debe ser facilitado por la herramienta de creación del vídeo. Y para que un usuario pueda acceder a él correctamente, el reproductor también debe ser accesible.

A continuación se detallan las diversas pautas que se han desarrollado para los distintos componentes: las Pautas de Accesibilidad del Contenido Web (WCAG), las Pautas de Accesibilidad para las Herramientas de Autor (ATAG) y las Pautas de Accesibilidad para Aplicaciones de Usuario (UAAG).

Pautas de Accesibilidad del Contenido Web (WCAG)

Las Pautas de Accesibilidad del Contenido Web ( Web Content Accessibility Guidelines, WCAG), hacen referencia a cómo hacer accesible la información contenida en una página Web: texto, imágenes, formularios, vídeos, sonido, etc. En el año 1999 se crearon las pautas WCAG 1.0 como recomendaciones que debían cumplir y aplicar los desarrolladores para crear contenido accesible.

Estas pautas se adaptaron como legislación de distintos países y se convirtieron en una herramienta de validación de contenido web para los gestores gubernamentales. En el año 2008 se publicó una segunda versión, las pautas WCAG 2.0, más ajustadas a las necesidades de la Web actuales. Como puede consultarse en la imagen del mapa visual de las pautas WCAG 2.0, están organizadas en cuatro principios que debe cumplir el contenido web: perceptible, operable, comprensible y robusto.

Pautas de Accesibilidad para las Herramientas de Autor (ATAG)

Las Pautas de Accesibilidad para las Herramientas de Autor, ( Authoring Tool Accessibility Guidelines, ATAG) tienen como objetivo que las herramientas de autor, como los sistemas CMS, generen contenido web accesible. Y también que las puedan manejar usuarios con discapacidad. En el año 2001 se crearon las pautas ATAG 1.0 y se está trabajando en una segunda versión, las ATAG 2.0, que en la última versión de noviembre de 2013, todavía es recomendación candidata.

Las pautas ATAG 2.0 se organizan en dos partes muy diferenciadas: las pautas que se dirigen a hacer accesible la interfaz de una herramienta de autor (parte A) y las pautas que dan soporte en la producción de contenido accesible (parte B).

Aunque las pautas ATAG 2.0 todavía no son recomendación aceptada, ya han superado muchas validaciones y se han reconocido por parte de la comunidad de la accesibilidad web.

Pautas de Accesibilidad para Aplicaciones de Usuario (UAAG)

Las Pautas de Accesibilidad para Aplicaciones de Usuario, ( User Agent Accessibility Guidelines, UAAG) explican cómo hacer accesibles los navegadores, reproductoresmultimedia y otras ayudas técnicas. En diciembre de 2002 se aprobaron las pautas UAAG 1.0 y es la versión estable a aplicar.

Actualmente se está trabajando en la segunda versión, las pautas UAAG 2.0 que permitirán ayudar a la futura generación de navegadores web para proveerlos de funcionalidades accesibles y acceso alternativo a la información basada en la tecnología y plataforma de los usuarios de acuerdo con las WCAG 2.0 y las ATAG 2.0.

La imagen anterior (fuente: HTML5 accessibility) muestra cómo a lo largo de los años se han incorporado mejoras a los navegadores más utilizados (Opera, Internet Explorer, Safari, Mozilla Firefox y Chrome) para dar soporte a aspectos de accesibilidad. Respecto al grado de cumplimiento de las pautas UAAG en navegadores.

Accessible Rich Internet Applications (WAI-ARIA)

Las Aplicaciones de Internet Enriquecidas, ( Rich Internet Applications, RIA) son aplicaciones web que se ejecutan en un navegador, pero que tienen muchas similitudes con las aplicaciones de escritorio.

Con estas aplicaciones se pueden realizar interacciones más complejas porque la mayor parte del proceso recae sobre el cliente, y solicita pocas peticiones al servidor, reduciendo la carga en la red. Las tecnologías que se utilizan habitualmente para desarrollar aplicaciones RIA son principalmente Ajax, HTML y JavaScript.

Para dar solución a las barreras de accesibilidad que provocan las RIA a las personas con discapacidad, se definieron las Aplicaciones de Internet enriquecidas accesibles ( Accessible Rich Internet Applications WAI-ARIA).

Desde principios de 2014, las WAI-ARIA son recomendación de W3C y están pensadas para hacer más accesible el contenido dinámico y los elementos desarrollados con tecnologías que implementan las aplicaciones RIA. Un aspecto importante de lasWAI-ARIA es que permiten definir el "rol" que tienen todos los elementos dentro del documento web para que sean más semánticos y accesibles. También se definen los "estados y propiedades" que indican características y valores de cada uno de los elementos. Por ejemplo, pueden especificarse "roles" en distintas zonas funcionales de una página web y "estados y propiedades" en distintos elementos, lo que permite optimizar la navegación con el teclado, conservar la accesibilidad del contenido en actualizaciones dinámicas y sincronizar la interfaz de usuario para dar soporte a los agentes de usuario.

Otras guías y recomendaciones de accesibilidad

Además de las normativas y pautas de laWAI que se han indicado hasta ahora, existen otros organismos y organizaciones que ofrecen guías y recomendaciones para diseñar sistemas interactivos más accesibles.
Destacan las siguientes:

Lecturas recomendadas

# data[].attributes.attachment_link.title
Esfuerzos normativos en el ámbito de la accesibilidad web

# data[].attributes.attachment_link.description
Página basada en el capítulo 2 de la tesis doctoral "Accesibilidad en entornos web interactivos: superación de las barreras digitales" de Afra Pascual Almenara (Abril, 2015).

# data[].attributes.body
Navegadores:

Un navegador web o explorador de internet es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser vistos.

Esto ayuda a las personas a poder encontrar información sobre lo que estén buscando o facilita todavía más las comodidades de las personas ya sea para tareas, trabajos, o cualquier otra cosa que necesite de un navegador Web.

Conexión:

Una conexión es un enlace que se establece entre un receptor y un emisor, esas conexiones pueden ser tanto físicas o digitales, como una red celular, red telefónica o más específicamente una conexión a internet o una red wifi.

Otros aspectos tecnológicos:

Un aspecto tecnológico hace referencia a los componentes técnicos que forman el sistema, las herramientas para desarrollarlos, ya sea un software o la página en general, y las implicaciones necesarias o que soporta. Otros ejemplos tecnológicos son las IA, los bots, etc.

# data[].attributes.attachment_link.readable_text
Por Juan Manuel Medina Guzmán - Oportunidad Accesible
Consultor en servicios de accesibilidad y discapacitado visual.
Ver el perfil de Juan Manuel Medina Guzmán

La existencia de barreras en el acceso a la comunicación imposibilita que las personas con necesidades especiales puedan acceder a la información suministrada por las páginas web, al no cumplir una serie de requisitos imprescindibles y, por tanto, limita el acceso a este colectivo.

La Organización Mundial de la Salud (OMS), recoge en sus informes que existe un total de 600 millones de personas con discapacidad. El acceso de estas personas a la tecnología debe tenerse en cuenta en la construcción de una sociedad igualitaria.

Por eso entendemos de que la accesibilidad web es un recurso muy importante para diferentes aspectos de la vida: educación, empleo, gobierno, comercio, sanidad, entretenimiento y muchos otros. Es muy importante que las páginas web sean accesibles para así proporcionar un acceso equitativo en igualdad de oportunidades a las personas con necesidades especiales.

Una página web accesible puede ayudar a este colectivo a que participen más activamente en la sociedad.

¿Cómo podemos definir la accesibilidad web?

La accesibilidad web se define como la posibilidad de que un producto o servicio web pueda ser accedido y usado por el mayor número posible de personas, indiferentemente de las limitaciones propias del individuo o de las derivadas del contexto de uso. Estas limitaciones propias del individuo no solo engloban aquellas representadas por discapacidades, sino también otras como pueden ser el idioma, conocimientos o experiencia.

Un diseño será accesible cuando pueda ser usado por más personas en más situaciones o contextos de uso.

¿Cuáles son los requisitos que deben de cumplir una web para que sea accesible?

1. La información que se indique en la web debe de ser lo más directa posible, para que impacte al lector o usuario.

2. Las imágenes deben estar etiquetadas, ya que los sintetizadores de voz sólo reconocen texto. Estas etiquetas deben contener una breve descripción de la imagen para que su contenido sea identificable.

3. Utilizar subtítulos para que las personas con discapacidad auditiva puedan acceder a la misma información sin ninguna limitación, siendo ésta lo más directa y breve para que pueda ser entendida por ellos.

4. Los contenidos deben de actualizarse constantemente, ya que una información errónea suele ser frustrante.

5. Cuando se suba un podcast hay que hacerlo con una aplicación que sea accesible a todos los que necesiten utilizar dicha aplicación. Además, la voz no debe ser muy mecánica, para facilitar su comprensión por todos.

6. No utilizar tecnicismos ni abreviaturas, ya que pueden inducir a error a aquellas personas que los puedan leer en tinta o las que utilicen el sintetizador de voz.

7. Facilitar que todas las funciones o acciones que se realicen con el ratón puedan llevarse a cabo con el teclado, mediante combinaciones de teclas. Además, éstas han de ser conocidas por el usuario con necesidades especiales.

8. La publicidad no debe estar mezclada con la información de la web ya que puede dificultar la navegación.

Siguiendo estos sencillos pasos lograremos una navegación accesible a través de nuestra página web, facilitando a las personas con necesidades especiales el acceso a las nuevas tecnologías. Pero también debemos aplicar herramientas que fomenten el acceso, así como formar a todos los colectivos en el uso de estas herramientas de forma segura y sencilla, para que hagan un buen uso. En muchos casos nos encontraremos con que las herramientas necesarias quizás no existan, por lo que debemos concienciar a todos los agentes implicados (desarrolladores, diseñadores, etc) de la importancia del cumplimiento de los requisitos de .
Innovación en turismo significa sumar y diferenciarse. ¿Te unes ?

# data[].attributes.attachment_link.title
Eliminando barreras en la navegación: Accesibilidad Web - Andalucia Lab

# data[].attributes.attachment_link.description
Por Juan Manuel Medina Guzmán - Oportunidad Accesible Consultor en servicios de accesibilidad y discapacitado visual. Ver el perfil de Juan Manuel Medina Guzmán La existencia de barreras en el acceso a la comunicación imposibilita que las personas con necesidades especiales puedan acceder a la información suministrada por las páginas web, al no cumplir una [...]Leer más...