# data[].attributes.body
1. Asegúrate de Que Tu Sitio Permite Navegación de Teclado:

Uno de los pilares de un sitio web accesible es la navegación a través de teclado. Para ser considerado como accesible, los usuarios deben poder navegar a través de tu sitio sin el uso de un mouse. Esto es debido a que muchas tecnologías de asistencia dependen de la navegación de solo teclado.
2.Usa Colores de Alto Contraste:

Algunos usuarios pueden tener dificultades viendo textos si el contraste de color es muy bajo. Por lo tanto, recomendamos usar colores que tienen una alta proporción de contraste, tal como blanco y negro y amarillo. El contraste de color a través de tu sitio debería asegurar que todos los elementos son distinguibles en la página. Por ejemplo, el texto debería resaltar en vez de mezclarse con el fondo.
3. Proporciona Texto Alternativo Para Las Imágenes:

Si usas imágenes en tu sitio web, asegúrate de proporcionar texto alternativo (alt text) que describa la imagen. De esta manera, los usuarios que no pueden ver la imagen aún podrán entender el contenido de la página cuando estén utilizando tecnologías de asistencia como software de dictado.
4. Usa Jerarquías de Encabezados Para Estructurar y Organizar tu Contenido:

Desglosar tu contenido en secciones más pequeñas puede hacer más fácil de leer. Es por eso que usar encabezados y listas para organizar información en tus páginas puede incrementar la accesibilidad web.
Los encabezados claros pueden ayudar a los lectores de pantalla a entender e interpretar tus páginas. Esto también asiste con la navegación de página y ayuda a aquellos con tecnología de asistencia a navegar los contenidos de tu página.
5. Añade Leyendas y Transcripciones a Los Videos:

Si incluyes videos en tu sitio web, querrás proporcionar leyendas o transcripciones para que los usuarios que son sordos o tengan problemas de audición aún puedan disfrutar el contenido. Los subtítulos y transcripciones de texto le permiten a aquellos que utilizan lectores de pantalla, poder consumir contenido sin tener que depender solamente de las imágenes o el audio.

# data[].attributes.body
El diseño centrado en el usuario (dcu) es un proceso de diseño de interfaces de usuario que hace hincapié en los objetivos de usabilidad, características, entornos, tareas y flujo de trabajo del usuario en el diseño de una interfaz. el dcu sigue una serie de métodos y técnicas bien definidas para analizar, diseñar y evaluar hardware, software e interfaces web de uso extendido. El proceso dcu es un proceso iterativo en el que el diseño y la evaluación se incorporan desde la fase inicial de cada proyecto a través de la implementación.
Procesos de diseño para sistemas interactivos centrados en el operador humano establece que: el diseño centrado en el usuario es una aproximación al desarrollo de sistemas interactivos que está orientado, concretamente, a hacer sistemas usables. Es una actividad multidisciplinar.
Aunque los principios y técnicas básicas son comunes, existen distintas variaciones de los procesos de diseño centrado en el usuario. El ejemplo siguiente es típico de un proceso dcu para el diseño de interfaces de usuario de software.

# data[].attributes.body
La primera idea que le surge a una persona con conocimientos técnicos usuales cuando se toca el tema de diversidad en un dispositivo, en lo respecto a móviles y tablets, es la variabilidad de tamaños de pantalla que pueden presentarse.

Es clave que como desarrollador Android entiendas que cuando hablamos de diversidad hay tres conceptos importantes que hay que entender, relacionar y aun mas importante: diferenciar. Estos tres conceptos de los que hablamos son:
○ El tamaño de la pantalla  - generalmente expresado en pulgadas

○ La resolución - en pixeles - y la relación entre ambos, es decir

○ Los DPI o Dots Per Inch (Puntos por pulgada).

Soportando múltiples pantallas, tu aplicación puede estar disponible para una gran cantidad de diferentes usuarios con diferentes dispositivos físicos, usando un sólo archivo de aplicación (APK). Podrás usar características de Android para optimizar tu interfaz de usuario para cada configuración de pantalla con el fin de asegurar que tu aplicación no solo renderiza correctamente, sino que además provee la mejor experiencia de usuario posible para cada dispositivo.

# data[].attributes.body
Accesibilidad Web significa que sitios web, herramientas y tecnologías están diseñadas y desarrolladas de tal manera que las personas con discapacidades pueden usarlas. Más concretamente, las personas pueden:

Percibir, comprender, navegar e interactuar con la Web.

Contribuir a la Web.

La Accesibilidad web abarca todas las discapacidades que afectan al acceso a la Web, incluyendo:

Auditivas.

Cognitivas.

Neurológicas.

Físicas.

Del habla.

Visuales.

La accesibilidad web también beneficia personas sin discapacidad, como por ejemplo:

Personas utilizando teléfonos móviles, relojes inteligentes, televisores inteligentes y otros dispositivos con pantallas pequeñas, diferentes modos de entrada, etc.

Personas mayores cuyas habilidades cambian con la edad.

Personas con “discapacidades temporales”, como puede ser un brazo roto o la pérdida de unas gafas.

Personas con “limitaciones por su ubicación”, como puede ser bajo la luz del sol o en un entorno donde no se puede escuchar audio.

Personas con conexión lenta a Internet o que tienen ancho de banda limitado o costoso.

# data[].attributes.body
Los navegadores web Explorer, Netscape,  Mozilla, FireFox, Opera, etc. incorporan diferentes opciones de accesibilidad que permiten personalizar el programa, el acceso y la visualización de las páginas. Algunos son recursos comunes en Windows pero otros están relacionados con el código html.

# data[].attributes.body
Hoy en día la tecnología, es de mucha utilidad en cualquier profesión u oficio. Si vemos la tecnología como actividad humana, que busca solucionar problemas y satisfacer necesidades.

La tecnología representa un papel fundamental en la nueva economía digital, llegando incluso a posibilitar la aparición de nuevos negocios. - Internet es, desde el punto de vista tecnológico, una red de redes de ordenadores la red interconectados por unos lenguajes o protocolos llamados TCP/IP. - Las redes y los anchos de banda de las distintas tecnologías de acceso marcan diferencias importantes en cuanto a las posibilidades de uso de Internet. La creación de redes con mayor ancho de banda supondrá un importante desarrollo de Internet y de sus aplicaciones. - La plataforma tecnológica que escoja una empresa determinará las funciones que pueda realizar en el nuevo marco.

# data[].attributes.body
MARTIN MONTERO JOSE RONALDO
○ Alternativas de accesibilidad al servicio e información en la web para personas con alguna discapacidad o diversidad:

○ Funcional (visual, auditiva, cognitiva, motriz, física)

○ Vulnerables por su contexto (ejemplo, idioma)

○ Características (ejemplo: edad).

ARAGON MANZANILLA DANNA VALERIA
○ Qué es la Accesibilidad web.
○ Barreras de accesibilidad al servicio e información en la Web:

○ Diseño del contenido.

○ Contexto del usuario.

○ Diversidad de dispositivos.

○ Conexión.

○ Navegadores.

○ Otros aspectos tecnológicos.

MIS CETINA MARITZA ALEJANDRA
○ Normatividad y principios de accesibilidad de herramientas de autor.

DZUL LEON EMILY RAQUEL
○ Aplicaciones de usuarios y diseño de contenidos digitales:

○ Consorcio Word Wilde Web (W3C)

○ La Iniciativa para la Accesibilidad Web (WAI).

# data[].attributes.body
“¿Qué Es La Accesibilidad Web? Cómo Cumplir Con Las Directrices WCAG.” Human Level, www.humanlevel.com/diccionario-marketing-online/pautas-de-accesibilidad-wcag. Accessed 9 Feb. 2023.

# data[].attributes.attachment_link.readable_text
La accesibilidad web tiene como objetivo lograr que las páginas web sean accesibles y utilizables por el máximo número de personas, independientemente de sus conocimientos, capacidades personales o las características técnicas del dispositivo de acceso empleado.

A nivel internacional, el W3C promueve la progresiva adopción de directrices de accesibilidad en la Web, especialmente a través de su grupo de trabajo Iniciativa para la Accesibilidad Web (WAI). Este grupo publicó en 1999 la primera versión de su documento Directrices de Accesibilidad del Contenido Web (Web Content Accessibility Guidelines o WCAG) que se han convertido en una referencia internacionalmente aceptada.

La última versión de este documento, las denominadas WCAG 2.1, fueron publicadas en junio de 2018 y en ellas se explica cómo hacer el contenido Web accesible para personas con discapacidades. Estas directrices están dirigidas a los desarrolladores y diseñadores de sitios Web, a los desarrolladores de herramientas de autor para el diseño y programación de sitios Web, a los desarrolladores de herramientas de evaluación de la accesibilidad Web y para cualquiera que necesite un estándar de referencia con el que comprobar la accesibilidad de un determinado contenido en la Web.

Si está interesado en estas recomendaciones, puede acceder a la traducción de las Directrices de Accesibilidad del Contenido Web 2.0 en castellano.

Quiénes deben respetar las directrices de accesibilidad

Las directrices de accesibilidad Web afectan a distintos colectivos relacionados con el desarrollo y la generación de contenidos para la Web:

Lista de referencia rápida de las directrices WCAG

Las directrices de accesibilidad WCAG 2.1 contemplan múltiples recomendaciones que afectan a variados aspectos de la presentación de la información en una Web. Las directrices básicas de estas recomendaciones se recogen en una lista de referencia rápida que incluye las recomendaciones más importantes:

Alternativas de texto: ofrezca alternativas de texto para cualquier contenido que no sea texto de forma que pueda ser interpretado del modo que precisen otras personas, tal como tamaño de letra extra grande, braille, texto hablado, lenguaje de signos o un lenguaje más sencillo.

Contenido alternativo al audio o video: ofrezca alternativas para cualquier información presentada exclusivamente a través de audio o vídeo. En el desarrollo Web, ciertos contenidos como las imágenes o los vídeos disponen de la posibilidad de incluir texto alternativo. En el caso de las imágenes, el atributo alt permite incluir una descripción del contenido de la imagen en modo texto, que los navegadores especialmente adaptados para personas con discapacidades visuales puede leer en voz alta. De igual forma, YouTube permite añadir archivos de subtítulos a los vídeos, de forma que las personas con discapacidad auditiva puedan leer sobreimpreso como texto el contenido de audio de los mismos. Amara.org ofrece una plataforma de uso gratuito muy interesante para la generación de archivos de subtitulado de vídeos, incluso en versiones multi-idioma, lo que permite que este contenido sea accesible para personas que no entienden la lengua empleada en la locución del vídeo.

Adaptable: se debe crear contenido que pueda ser presentado de formas distintas (por ejemplo en una maquetación más sencilla) sin perder la información o su estructura. Establecer tamaños de fuente relativos permite que los usuarios puedan configurar fácilmente el tamaño de letra con que se sienten más cómodos para la lectura, sin afectar a la presentación de los sitios Web.

Distinguible: haga más fácil para sus usuarios que vean u oigan el contenido, incluyendo el separar mejor la forma del fondo. En este sentido, ciertas tendencias estéticas que favorecen los tamaños de fuente reducidos o el uso de texto en gris sobre fondos blancos dificulta la lectura por parte de ciertas personas.

Accesible mediante el teclado: implemente las distintas funcionalidades para que se pueda acceder a ellas desde un teclado. Por ejemplo, los formularios pueden estar preparados para poder saltar de campo a campo mediante la tecla de tabulación, lo que hace más fácil su cumplimentación.

Suficiente tiempo: deje bastante tiempo para que sus usuarios puedan leer o usar adecuadamente el contenido.

Ataques: no diseñe contenido de tal forma que pueda ocasionar ataques, especialmente por el uso de ciertos contrastes de color en asociación con efectos de flash y parpadeo rápido de las imágenes.

Navegabilidad: ofrezca formas de ayudar a sus usuarios a navegar, encontrar el contenido y determinar dónde están dentro de su sitio Web. Los rastros de migas de pan, los URL semánticos, los mapas del sitio, etc. facilitan la navegación de los usuarios.

Entrada de datos: haga posible que sus usuarios puedan usar distintos tipos de dispositivos de entrada además del teclado.

Legibilidad: asegúrese de que el contenido de texto es legible y fácilmente comprensible para sus usuarios. Aspectos como el contraste y la posibilidad de variar el tamaño de las fuentes de letra, como ya hemos comentado, favorecen la legibilidad de los textos.

Predictibilidad: haga que sus páginas Web aparezcan y funcionen de una forma predecible por sus usuarios. Use las convenciones establecidas en su página de inicio también en todas las secciones y páginas internas.

Autocorrección o ayuda en la entrada de datos: ayude a sus usuarios a evitar y corregir los errores que puedan cometer al interactuar con su página Web, rellenar formularios, seleccionar una opción... También hay funcionalidades que pueden ayudar a los usuarios al autorellenado de formularios cuando se detecta que los valores que esperan ciertos campos ya están disponibles en la memoria del navegador.

Compatibilidad: optimice la compatibilidad con los navegadores actuales y futuros incluyendo tecnologías de ayuda al usuario.

Criterios de cumplimiento de las directrices de accesibilidad

La Iniciativa para la Accesibilidad Web del W3C establece tres niveles de adecuación o cumplimiento de un sitio Web a las directrices y recomendaciones que establecen las pautas WCAG 2.1: nivel A, nivel AA y nivel AAA.

Una vez implementadas por los desarrolladores las recomendaciones WCAG 2.1 en el sitio Web, una empresa o entidad externa debidamente reconocida puede realizar una auditoría y extender el certificado correspondiente que garantiza dicho nivel de cumplimiento.

En España, la Asociación Española de Normalización y Certificación AENOR ha desarrollado una Certificación de Accesibilidad TIC (Accesibilidad Web) para que las organizaciones que desean avanzar en el ámbito de la gestión de la accesibilidad puedan contar con una marca que acredite su compromiso social: la Marca N de Accesibilidad TIC.

La Certificación de Accesibilidad Web de AENOR sigue las pautas de accesibilidad de la WAI (Web Accesibility Initiative) que han sido incorporadas a la Norma UNE 139803 de "Requisitos de accesibilidad para contenidos Web". En función de dichas pautas AENOR reconoce los niveles de conformidad A, AA y AAA, a pesar de lo cual la certificación de AENOR sólo admite los niveles de conformidad AA y AAA. Además de cubrir la mayoría de las discapacidades y las necesidades de las personas de edad avanzada, la certificación de AENOR indica cuáles son las características de los contenidos Web para ser usados por la mayor parte de estas personas.

El nivel de adecuación habitualmente exigido (es un objetivo que todos los sitios Web de administraciones públicas cumplan con este mínimo) es el nivel AA ya que, según la propia WAI reconoce, el nivel máximo AAA no es recomendable pues muchos contenidos no pueden adecuarse para que cumplan con este nivel de certificación de la accesibilidad.

Las pautas de accesibilidad, una exigencia legal pendiente de aplicación

Las principales leyes españolas relacionadas con la progresiva implementación y adecuación de los contenidos digitales a las pautas de accesibilidad son las siguientes:

Ley 34/2002, de 11 de julio de 2002, de Servicios de la Sociedad de la Información y Comercio Electrónico (LSSICIE).

Ley 51/2003, de 2 de diciembre de 2003, de Igualdad de Oportunidades, No Discriminación y Accesibilidad Universal de las personas con discapacidad (LIONDAU).

Real Decreto 1494/2007, de 12 de noviembre, por el que se aprueba el Reglamento sobre las condiciones básicas para el acceso de las personas con discapacidad a las tecnologías, productos y servicios relacionados con la sociedad de la información y medios de comunicación social.

Ley 56/2007, de 28 de diciembre, de Medidas de Impulso de la Sociedad de la Información (MISI).

Beneficios de respetar las recomendaciones de accesibilidad

Éticos: diseñar sitios Web accesibles es respetar el derecho de todas las personas a disfrutar de igualdad de oportunidades y acceso a la información.

Sociales: un sitio Web accesible podrá ser visitado por usuarios con discapacidades o necesidades específicas, con conexiones lentas o equipamiento informático obsoleto. En España, un 9 por 100 de personas tienen algún tipo de discapacidad y alrededor del 21 por 100 de toda la población es mayor de 60 años. Esto significa que con un sitio accesible, su Web puede llegar hasta a un 30 por 100 más de personas.

Económicas: más usuarios significan más ventas. Montar un sitio Web implica tiempo y dinero y si el potencial cliente que lo visita se encuentra con problemas para acceder a la información (productos) es muy probable que deje de visitarlo. Además, ciertos segmentos de población con necesidades específicas o mayores de 60 años cuentan con una renta disponible que los convierte en un público muy atractivo.

Compatibilidad: al respetar los estándares Web y separar el contenido del diseño (hojas de estilo CSS), los sitios Web accesibles son más compatibles con una mayor variedad de terminales de sobremesa, móviles y resoluciones de pantalla.

Mejora en los tiempos de descarga: la maquetación con hojas de estilo CSS aligera el peso total de la página y hace el proceso de descarga y presentación del contenido mucho más eficiente que el de las páginas maquetadas mediante tablas o con la definición de estilos incluida en HTML.

Ahorro en el uso de ancho de banda: al emplear hojas de estilo CSS, el tamaño de los archivos puede reducirse hasta a la mitad, con el consiguiente ahorro de ancho de banda y de energía.

Mejora en el posicionamiento: el uso de hojas de estilo CSS permite situar el contenido más importante de la página entre los primeros elementos a descargar. Adicionalmente, la maquetación con estilos CSS mejora el ratio código/texto de la página. Además, desde la actualización del algoritmo Google Caffeine, la velocidad de descarga de los archivos se pondera con un mayor peso en el cálculo de relevancia. Muchas de las recomendaciones de accesibilidad mejoran igualmente la relevancia de la página, como emplear los atributos alt y title en imágenes y enlaces o la de emplear texto descriptivo en los enlaces.

Mejora en el nivel de popularidad y autoridad: alcanzar un cierto nivel de certificación de accesibilidad puede conllevar que nuestra Web aparezca listada en algunos sitios Web de alta credibilidad (TrustRank). Esto podría implicar una autoridad de dominio más alta.

Legales: en algunos países, ciertos tipos de sitios Web deben cumplir por ley con los requisitos de la certificación de accesibilidad de un cierto nivel, generalmente la doble AA.

Responsabilidad social corporativa: incluir requisitos de usabilidad a la hora de solicitar el diseño de un nuevo sitio Web significa apostar por una mayor responsabilidad social en la propia cultura de la empresa.

Herramientas de comprobación de la accesibilidad Web

Hay varias herramientas online a nuestra disposición para poder verificar de un modo rápido, aunque básico, el grado de adecuación de un sitio Web a las directrices de accesibilidad. Aunque ninguna de estas herramientas nos sirve para poder exhibir una marca de cumplimiento de un cierto nivel de accesibilidad en nuestro sitio Web, sí que revelan cuáles serían los aspectos básicos sobre los que deberíamos trabajar para hacer nuestras páginas más accesibles.

Test de Accesibilidad Web

El Test de Accesibilidad Web (TAW) es una herramienta desarrollada por la Fundación CTIC que permite comprobar de forma automática distintos aspectos de las accesibilidad Web. La herramienta puede funcionar directamente online o bien podemos descargar de forma gratuita una aplicación de escritorio para emplearla en nuestro entorno de trabajo o desarrollo.

Esta herramienta puede identificar los principales problemas de accesibilidad de prioridad 1, 2 y 3 encontrados en un sitio Web de acuerdo con la versión 2.0 de las directrices WCAG.

TAW es capaz de identificar el cumplimiento de las pautas con un total de 65 puntos de verificación que divide en las tres prioridades mencionadas. Tras introducir el URL de la página que deseamos comprobar, la herramienta genera un informe que envía al mail que le facilitemos en el que presenta el resultado del análisis con puntos para comprobar identificados como pertenecientes al tipo 1, 2 y 3 y recomendaciones adicionales de comprobación que deben ser llevadas a cabo de forma manual.

La herramienta TAW está disponible en la Web https://www.tawdis.net

HERA: Test de Accesibilidad Web

HERA es una utilidad para revisar la accesibilidad de las páginas Web de acuerdo con las recomendaciones de las directrices WCAG 1.0. HERA realiza un análisis automático de la página e informa si se encuentran errores (detectables en forma automática) y qué puntos de verificación de las pautas deben ser revisados manualmente.

Al igual que con la herramienta TAW, la revisión manual es imprescindible para comprobar realmente si la página es accesible. Para poder llevar a cabo esta verificación manual es necesario conocer las directrices de accesibilidad, saber cómo utilizan los usuarios las ayudas técnicas y tener alguna experiencia en diseño y desarrollo de páginas Web.

También está disponible una versión evolucionada de HERA-FFX que funciona como extensión del navegador Firefox.

Recomendaciones básicas de accesibilidad Web

El World Wide Web Consortium (W3C) ha recogido en su Guía breve para crear sitios web accesibles, diez consejos básicos para crear sitios Web accesibles:

Imágenes y animaciones: use el atributo alt para describir la función de cada elemento visual.

Mapas de imagen: emplee mapas de imagen del lado del cliente y texto para las zonas activas.

Multimedia: proporcione subtítulos y transcripción del sonido, y descripción del vídeo.

Enlaces de hipertexto: use texto que tenga sentido aun leído fuera de contexto. Por ejemplo, evite "Clic aquí".

Organización de las páginas: use encabezamientos, listas y estructura consistente. Use hojas de estilo CSS para la maquetación y el estilo donde sea posible.

Figuras y diagramas: descríbalos brevemente en la página o use el atributo longdesc.

Scripts, applets y plug-ins: ofrezca contenido alternativo si las funcionalidades no son accesibles o no se les puede dar soporte.

Marcos: use el elemento noframes y títulos descriptivos.

Tablas: facilite la lectura línea a línea. Resuma.

Revise su trabajo: valide su código en W3C. Use las herramientas, puntos de comprobación y directrices de http://www.w3.org/TR/WCAG21/.

Atención: esta guía recopila únicamente consejos de accesibilidad básicos, pero no garantiza que con su cumplimiento se alcance algún nivel de adecuación.

Referencias adicionales sobre accesibilidad web

# data[].attributes.attachment_link.title
Qué es la accesibilidad web (WCAG) y cuáles son sus directrices - Human Level

# data[].attributes.attachment_link.description
La accesibilidad web tiene como objetivo lograr que las páginas web sean accesibles y utilizables por el máximo número de personas, independientemente de sus conocimientos, capacidades personales o las características técnicas del dispositivo de acceso empleado.

# data[].attributes.body
“Accesibilidad Web: ¿Qué Es?” Accesibilidadweb.dlsi.ua.es, accesibilidadweb.dlsi.ua.es/.

# data[].attributes.attachment_link.readable_text
La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web. En concreto, al hablar de accesibilidad Web se está haciendo referencia a un diseño Web que va a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos. La accesibilidad Web también beneficia a otras personas, incluyendo personas de edad avanzada que han visto mermadas sus habilidad a consecuencia de la edad.

La accesibilidad Web engloba muchos tipos de discapacidades, incluyendo problemas visuales, auditivos, físicos, cognitivos, neurológicos y del habla. El documento " Cómo utilizan la Web personas con discapacidad" muestra la forma en la que diferentes discapacidades pueden dificultar la utilización de la Web e incluye algunos escenarios de personas con discapacidad utilizando la Web.

Existen millones de personas con discapacidad que no pueden utilizar la Web. Actualmente, la mayoría de los sitios Web y los software Web presentan barreras de accesibilidad, lo que dificulta o imposibilita la utilización de la Web para muchas personas con discapacidad. Cuanto más software y sitios Web accesibles estén disponibles, más personas con discapacidad podrán utilizar la Web y contribuir de forma más eficiente.

Pero la accesibilidad Web beneficia también a organizaciones y a personas sin discapacidad. Por ejemplo, un principio básico de la accesibilidad Web es la flexibilidad con el objetivo de satisfacer diferentes necesidades, situaciones y preferencias. Esta flexibilidad va a beneficiar a todas aquellas personas que utilizan la Web, incluyendo personas que no tienen ninguna discapacidad pero que, debido a determinadas situaciones, tienen dificultades para acceder a la Web (por ejemplo, una conexión lenta), también estaríamos hablando de aquellas personas que sufren una incapacidad transitoria (por ejemplo, un brazo roto), y de personas de edad avanzada. El documento " Desarrollo de un Proyecto de Accesibilidad Web para su organización" describe los diferentes beneficios de la accesibilidad Web, incluyendo los beneficios obtenidos por las empresas.

Fuente: ¿Qué es la Accesibilidad Web? de Introducción a la Accesibilidad Web.

# data[].attributes.attachment_link.description
La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web. En concreto, al hablar de accesibilidad Web se está haciendo referencia a un diseño Web que va a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos.

# data[].attributes.body
w3c_wai. “Introducción a La Accesibilidad Web.” Web Accessibility Initiative (WAI), 2019, www.w3.org/WAI/fundamentals/accessibility-intro/es.

# data[].attributes.attachment_link.title
Introducción a los Fundamentos de la Accesibilidad

# data[].attributes.attachment_link.description
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

# data[].attributes.headline
Consorcio Word Wilde Web (W3C). La Iniciativa para la Accesibilidad Web (WAI).

# data[].attributes.subject
Consorcio Word Wilde Web (W3C). La Iniciativa para la Accesibilidad Web (WAI).

# data[].attributes.body
Existen herramientas de creación de contenidos que pueden ayudarte. Estas herramientas ayudan a que el proceso de creación de contenidos sea mucho más sencillo y exitoso. Asimismo, pueden acelerar el proceso de creación y pueden ayudarte a obtener información novedosa y a crear contenidos con mejor rendimiento.
Los contenidos digitales son información digitalizada, desarrollada o adquirida con un objetivo preciso de ser intercambiable y accesible. Estos surgieron como respuesta de las marcas a las consultas en buscadores de los usuarios con la llegada de internet y la multiplicación de los famosos blogs. Para crear contenidos digitales, existe una metodología que consiste en lo siguiente:
Definición de los objetivos
Creación de los buyer persona
Definición de temáticas
Análisis de keywords o palabras clave.
Creación del contenido con técnicas de SEO
Amplificación o distribución de contenido
Medición
El W3C (World Wide Web Consortium) es un comité que se dedica a implementar tecnologías uniformes en el uso y desarrollo de Internet. El organismo fue fundado en el MIT en Cambridge, Massachusetts, EE.UU. en 1994.
El objetivo del W3C es uniformar las especificaciones técnicas y establecer directrices para el desarrollo de tecnologías web, de forma que se mantenga la idea básica de la World Wide Web. Tecnologías como HTML, XML, CSS, otros lenguajes de marcado y servicios web son utilizados diariamente por millones de usuarios.
Cuando los sitios y herramientas web están bien diseñados y codificados, las personas con discapacidad pueden utilizarlos. Sin embargo, en la actualidad muchos sitios y herramientas están desarrollados incluyendo barreras de accesibilidad que dificultan o imposibilitan su uso por parte de algunas personas.
Hacer la web accesible beneficia tanto a las personas, como a las empresas y a la sociedad en general. Los estándares web internacionales definen lo que la accesibilidad necesita.

Alternativas de texto: ofrezca alternativas de texto para cualquier contenido que no sea texto de forma que pueda ser interpretado del modo que precisen otras personas, tal como tamaño de letra extra grande, braille, texto hablado, lenguaje de signos o un lenguaje más sencillo.

Contenido alternativo al audio o video: ofrezca alternativas para cualquier información presentada exclusivamente a través de audio o vídeo. En el desarrollo Web, ciertos contenidos como las imágenes o los vídeos disponen de la posibilidad de incluir texto alternativo. En el caso de las imágenes, el atributo alt permite incluir una descripción del contenido de la imagen en modo texto, que los navegadores especialmente adaptados para personas con discapacidades visuales puede leer en voz alta.

Adaptable: se debe crear contenido que pueda ser presentado de formas distintas (por ejemplo en una maquetación más sencilla) sin perder la información o su estructura. Establecer tamaños de fuente relativos permite que los usuarios puedan configurar fácilmente el tamaño de letra con que se sienten más cómodos para la lectura, sin afectar a la presentación de los sitios Web.

Distinguible: haga más fácil para sus usuarios que vean u oigan el contenido, incluyendo el separar mejor la forma del fondo. En este sentido, ciertas tendencias estéticas que favorecen los tamaños de fuente reducidos o el uso de texto en gris sobre fondos blancos dificulta la lectura por parte de ciertas personas.

Accesible mediante el teclado: implemente las distintas funcionalidades para que se pueda acceder a ellas desde un teclado. Por ejemplo, los formularios pueden estar preparados para poder saltar de campo a campo mediante la tecla de tabulación, lo que hace más fácil su cumplimentación.

Suficiente tiempo: deje bastante tiempo para que sus usuarios puedan leer o usar adecuadamente el contenido.

Navegabilidad: ofrezca formas de ayudar a sus usuarios a navegar, encontrar el contenido y determinar dónde están dentro de su sitio Web. Los rastros de migas de pan, los URL semánticos, los mapas del sitio, etc. facilitan la navegación de los usuarios.

Entrada de datos: haga posible que sus usuarios puedan usar distintos tipos de dispositivos de entrada además del teclado.

Legibilidad: asegúrese de que el contenido de texto es legible y fácilmente comprensible para sus usuarios. Aspectos como el contraste y la posibilidad de variar el tamaño de las fuentes de letra, como ya hemos comentado, favorecen la legibilidad de los textos.

Aplicaciones de usuario y diseño digital

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.

5. Herramientas para crear vídeos. 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 YouTube Studio, que es 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.

7Herramientas 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 y YouTube Live. Ahora bien, si quieres realizar transmisiones más formales, como videoconferencias, webinars y seminarios, puedes utilizar Zoom (freemium).

# data[].attributes.body
La accesibilidad web tiene como objetivo lograr que las páginas web sean utilizables por el máximo número de personas, independientemente de sus conocimientos o capacidades personales e independientemente de las características técnicas del equipo utilizado para acceder a la Web. La necesidad de que la Web sea universal y accesible por cualquier persona está presente desde el principio de la Web, ya que era un requisito contemplado en su diseño por su creador Tim Berners-Lee:

El poder de la Web está en su universalidad. El acceso por cualquier persona, independientemente de la discapacidad que presente es un aspecto esencial.

En la actualidad, no existe una definición formal y totalmente aceptada del concepto de accesibilidad web. En este sitio web puedes encontrar varias definiciones que existen. También puedes leer una pequeña introducción donde se explica que la Web ofrece oportunidades sin precedentes a las personas con discapacidad, pero si no se lleva cuidado, la falta de accesibilidad creará graves barreras que impedirán su uso.

Además, también existen una serie de mitos sobre la accesibilidad web que perduran desde hace años. Estos mitos se pueden resumir en que la accesibilidad web es cara y supone un coste extra en el desarrollo de un sitio web, sin que los beneficios sean importantes. Además, otro de los mitos que perdura es creer que la accesibilidad web sólo beneficia a las personas con discapacidad. Los beneficiarios de la accesibilidad web son todo el mundo.

Para lograr la accesibilidad, se han desarrollado diferentes pautas o guías que explican cómo se tienen que crear las páginas web para que sean accesibles.

# data[].attributes.body
https://www.occamagenciadigital.com/blog/programas-para-crear-contenido-digital#:~:text=Estas%20herramientas%20ayudan%20a%20que,crear%20contenidos%20con%20mejor%20rendimiento.

# data[].attributes.attachment_link.readable_text
Esta es una de las tareas que demandan mucho tiempo e investigación. Mientras que otras áreas del marketing están cada vez más automatizadas, los contenidos siguen requiriendo que les dediquemos tiempo, esfuerzo y creatividad. Muchas veces podemos quedarnos en blanco y para que esto no suceda, existen herramientas de creación de contenidos que pueden ayudarte. Estas herramientas ayudan a que el proceso de creación de contenidos sea mucho más sencillo y exitoso. Asimismo, pueden acelerar el proceso de creación y pueden ayudarte a obtener información novedosa y a crear contenidos con mejor rendimiento.

Los contenidos digitales son información digitalizada, desarrollada o adquirida con un objetivo preciso de ser intercambiable y accesible. Estos surgieron como respuesta de las marcas a las consultas en buscadores de los usuarios con la llegada de internet y la multiplicación de los famosos blogs. Para crear contenidos digitales, existe una metodología que consiste en lo siguiente:

Si quieres que tu contenido digital sea atractivo, debes buscar que sea útil, original, sencillo, actual y responsive. Útil porque debe resolver una necesidad o satisfacer un deseo del usuario. Original porque debe ser propio y no copia de otros, así como novedoso. Sencillo, claro y directo porque menos es más. Recuerda que una página web repleta de información solo aleja a los usuarios. Actual porque el mundo digital avanza a pasos agigantados y lo que hoy es tendencia, mañana no. Es importante estar al día de la actualidad para que nuestros contenidos generen un impacto. Finalmente, debe tener un diseño web responsive, es decir, debe poder visualizarse correctamente en todos los dispositivos como ordenadores, tablets, móviles, etc.

Hay cada vez más herramientas para crear contenidos digitales. Aplicaciones para crear infografías, para mejorar tus imágenes, plataformas profesionales de landing pages que es importante conocer para incorporar a tus estrategias de marketing de contenidos. Existen diversos tipos de herramientas de creación de contenidos muy útiles y valiosas que llevarán tu contenido a otro nivel y son los siguientes:

Herramientas para contenidos digitales: investigación

1. SurveyMonkey

Esta herramienta permite realizar encuestas personalizadas a fin de recopilar datos de forma sencilla y poder tomar decisiones sobre cualquier asunto. Las encuestas se pueden enviar de manera electrónica y posteriormente estudiar todos los datos en nuestro ordenador. Investigar brinda la posibilidad de crear un sinfín de contenidos digitales como artículos e infografías y obtener enlaces externos a través de otros sitios que estén interesados en los datos.

2. Búsqueda por sitios

Este en realidad es secreto del buscador de Google: buscar una palabra clave en un sitio web concreto. Lo único que tienes que hacer es incluir "site:", el nombre del sitio en el que quieres buscar y las palabras clave. Por ejemplo: "site:occamagenciadigital.com/blog SEO". Así encontrarás el artículo que tanto buscas.

Herramienta de palabras clave de Google

1. Google Keyword Planner

Google Keyword Planner es muy útil para saber cuáles son los temas que más interesan a tu audiencia. Lo único que tienes que hacer es introducir una palabra clave y obtendrás como resultado un montón de términos relacionados junto a su nivel de interés (búsquedas mensuales). Recuerda que solo podrás ver toda la información si tienes una campaña de Google Ads activa.

Herramientas para contenidos digitales: artículos

1. Evernote

Esta herramienta permite organizar y mantener al día toda la información que necesitas para crear tus artículos, desde listas de tareas pendientes hasta enlaces y borradores. Te recomendamos Evernote porque permite guardar todo tipo de información de forma ordenada y accesible.

2. Blog Topic Generator de Hubspot

Si te falta inspiración, esta herramienta puede salvarte. Solo escribe las palabras clave relacionadas con tu blog y obtendrás siete días de títulos y hasta más de 200 ideas geniales para tus artículos.

3. Plantillas para artículos de Hubspot

Hubspot pone a tu disposición una serie de plantillas para diferentes tipos de artículos, como un tutorial o un post basado en listas. Lo genial es que gracias a las plantillas tendrás la estructura del artículo y tú solo tienes que preocuparte de rellenar el contenido.

Herramientas para contenidos digitales: diseño

1. Canva

Sencilla y con un sinfín de plantillas para todo tipo de contenido. Calma, la interfaz es super fácil de utilizar ya que es muy intuitiva. Asimismo, esta herramienta brinda muchas imágenes y elementos prediseñados que puedes adaptar a los tamaños estándar de sitios web y redes sociales. Asimismo, incluye opciones para crear infografías, reels y presentaciones.

2. Nimbus Screenshot

Esta es una herramienta de grabación de pantalla que brinda una asombrosa interfaz, con una plataforma con características variadas. Este software puede grabar capturas de toda la pantalla, así como de un área específica de la misma, es decir, puedes grabar solo lo que te interesa.

3. Google Fonts

Esta herramienta es un directorio interactivo en el que puedes encontrar 923 familias de fuentes tipográficas de uso libre y 100% gratuito. Asimismo, se puede descargar las fuentes a un almacenamiento local para tu uso personal. De esta forma, podrás incluir las tipografías que desees en tus proyectos.

4. Designinspiration

Esta herramienta desglosa un catálogo de materiales visuales. Es muy útil para iniciar un trabajo profesional de características en colores, matices, etc. Su uso es muy sencillo, ya que solo tienes que tomar el pincel, escoger hasta cinco colores para ver una colección de ideas visuales que te ayudará a inspirarte.

En el marketing digital, la creación de contenidos es una tendencia que aporta grandes beneficios a las marcas, ya que tienden a aumentar el tráfico en tu página web. Si aún no tienes idea de qué contenidos crear, usa las herramientas que te dejamos líneas arriba y pon en marcha tu estrategia de contenidos. Te recomendamos planificar tus contenidos con ayuda de un calendario de contenidos que puedes elaborar con herramientas como Buffer, Google Drive, Trello, Google Calendar, entre otras. La planificación de estos te ayudará a no improvisar, ahorrar tiempo y estar preparado para que tu estrategia funcione.

¿Ya habías usado alguna de estas herramientas?

# data[].attributes.attachment_link.description
Esta es una de las tareas que demandan mucho tiempo e investigación. Mientras que otras áreas del marketing están cada vez más automatizadas, los contenidos siguen requiriendo que les dediquemos tiempo, esfuerzo y creatividad. Muchas veces podemos quedarnos en blanco y para que esto no suceda, existen herramientas de creación de contenidos que pueden ayudarte.

# data[].attributes.body
https://www.guiaspracticas.com/desarrollo-web/w3c-world-wide-web-consortium

# data[].attributes.attachment_link.readable_text
El W3C (World Wide Web Consortium), es un consorcio internacional que produce recomendaciones para la web. Fue creado el 1 de octubre de 1994 en el MIT (Massachusetts Institute of Technology) por Tim Berners-Lee, el creador de HTTP (HyperText Transfer Protocol), HTML (HyperText Markup Language) y URL (Uniform Resource Locator), las principales tecnologías en que se basa la web.

Qué es W3C (World Wide Web Consortium)

El W3C (World Wide Web Consortium) es un consorcio internacional que elabora recomendaciones para la WWW (World Wide Web).

Su director Tim Berners-Lee, fue el creador de las principales tecnologías sobre las que se basa la web: HTTP (Hyper Text Transfer Protocol), HTML (Hyper Text Markup Language) y URL (Uniform Resource Locator).

El W3C fue creado por Tim Berners-Lee en el MIT (Massachusetts Institute of Technology , Instituto Tecnológico de Massachussetts) el 1 de octubre de 1994, actual sede central de la organización. Posteriormente se unieron otros organismos internacionales como INRIA (Institut National de Recherche en Informatique et en Automatique, Instituto Nacional de Investigación en Informática y Automática) en 1995, que fue sustituido por el ERCIM (European Research Consortium for Informatics and Mathematics, Consorcio Europeo de Investigación en Informática y Automática) en 2003 y la Universidad de Keio (Japón) en 1996.

Dichos organismos son los administradores del W3C, que está conformado por:

Miembros del W3C: 330 instituciones y empresas.

Equipo W3C (W3C Team): 65 expertos e investigadores alrededor del mundo.

Oficinas W3C (W3C Offices): sede central en Massachussetts (USA) y centros regionales en Alemania y Austria (sede conjunta), Australia, Benelux, Corea del Sur, China, España, Finlandia, Grecia, Hong Kong, Hungría, Israel, Italia, India, Marruecos, Suecia y Reino Unido e Irlanda (sede conjunta).

El consorcio W3C es una comunidad internacional donde las organizaciones miembro, el personal a tiempo completo, trabajan conjuntamente con el público en general para desarrollar estándares web.

Así, la misión del 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, ya que para el W3C el valor social que aporta la web radica en que permite la comunicación humana, el comercio y compartir conocimiento.

Respecto a los objetivos del consorcio W3C, los siguientes principios guían su trabajo:

Web para todo el mundo: uno de los objetivos principales del W3C es hacer que estos beneficios estén disponibles para todo el mundo, independientemente del hardware, software, infraestructura de red, idioma, cultura, localización geográfica, o habilidad física o mental.

Web desde cualquier dispositivo: otro de los objetivos principales del W3C es hacer que los beneficios de la web estén accesibles desde todo tipo de dispositivos, como teléfonos móviles, teléfonos inteligentes, PDA, sistemas de televisión smart TV o tablets, entre otros.

El concepto del W3C del desarrollo futuro de la web incluye fomentar la participación, facilitar herramientas para compartir conocimiento y construir confianza:

Web de los autores y consumidores: la web fue creada como una herramienta de comunicación para permitir el intercambio de información entre todo el mundo y desde cualquier lugar. Aunque durante muchos años la web fue una herramienta de "solo lectura", los blogs, los wikis y las redes sociales llevaron más autores a la web deseosos de crear contenido. Los estándares del W3C han apoyado esta evolución gracias a sus principios de diseño y su robusta arquitectura.

Web de los datos y servicios: la web es tanto un repositorio gigante de datos enlazados, como un conjunto enorme de servicios que intercambian mensajes. En ambos casos las tecnologías web deben solucionar los complejos problemas que conlleva compartir conocimientos.

Web de confianza: en la actualidad, las personas se conocen en Internet, y llevan a cabo relaciones personales y comerciales sin haberse visto en persona anteriormente. El W3C pretende diseñar tecnologías que fomenten la confianza y la responsabilidad en cualquier actividad que se realice a través de la web.

# data[].attributes.attachment_link.title
W3C (World Wide Web Consortium) | Guías Prácticas

# data[].attributes.attachment_link.description
El W3C (World Wide Web Consortium), es un consorcio internacional que produce recomendaciones para la web.

# data[].attributes.body
https://www.humanlevel.com/diccionario-marketing-online/pautas-de-accesibilidad-wcag

# data[].attributes.attachment_link.readable_text
La accesibilidad web tiene como objetivo lograr que las páginas web sean accesibles y utilizables por el máximo número de personas, independientemente de sus conocimientos, capacidades personales o las características técnicas del dispositivo de acceso empleado.

A nivel internacional, el W3C promueve la progresiva adopción de directrices de accesibilidad en la Web, especialmente a través de su grupo de trabajo Iniciativa para la Accesibilidad Web (WAI). Este grupo publicó en 1999 la primera versión de su documento Directrices de Accesibilidad del Contenido Web (Web Content Accessibility Guidelines o WCAG) que se han convertido en una referencia internacionalmente aceptada.

La última versión de este documento, las denominadas WCAG 2.1, fueron publicadas en junio de 2018 y en ellas se explica cómo hacer el contenido Web accesible para personas con discapacidades. Estas directrices están dirigidas a los desarrolladores y diseñadores de sitios Web, a los desarrolladores de herramientas de autor para el diseño y programación de sitios Web, a los desarrolladores de herramientas de evaluación de la accesibilidad Web y para cualquiera que necesite un estándar de referencia con el que comprobar la accesibilidad de un determinado contenido en la Web.

Si está interesado en estas recomendaciones, puede acceder a la traducción de las Directrices de Accesibilidad del Contenido Web 2.0 en castellano.

Quiénes deben respetar las directrices de accesibilidad

Las directrices de accesibilidad Web afectan a distintos colectivos relacionados con el desarrollo y la generación de contenidos para la Web:

Lista de referencia rápida de las directrices WCAG

Las directrices de accesibilidad WCAG 2.1 contemplan múltiples recomendaciones que afectan a variados aspectos de la presentación de la información en una Web. Las directrices básicas de estas recomendaciones se recogen en una lista de referencia rápida que incluye las recomendaciones más importantes:

Alternativas de texto: ofrezca alternativas de texto para cualquier contenido que no sea texto de forma que pueda ser interpretado del modo que precisen otras personas, tal como tamaño de letra extra grande, braille, texto hablado, lenguaje de signos o un lenguaje más sencillo.

Contenido alternativo al audio o video: ofrezca alternativas para cualquier información presentada exclusivamente a través de audio o vídeo. En el desarrollo Web, ciertos contenidos como las imágenes o los vídeos disponen de la posibilidad de incluir texto alternativo. En el caso de las imágenes, el atributo alt permite incluir una descripción del contenido de la imagen en modo texto, que los navegadores especialmente adaptados para personas con discapacidades visuales puede leer en voz alta. De igual forma, YouTube permite añadir archivos de subtítulos a los vídeos, de forma que las personas con discapacidad auditiva puedan leer sobreimpreso como texto el contenido de audio de los mismos. Amara.org ofrece una plataforma de uso gratuito muy interesante para la generación de archivos de subtitulado de vídeos, incluso en versiones multi-idioma, lo que permite que este contenido sea accesible para personas que no entienden la lengua empleada en la locución del vídeo.

Adaptable: se debe crear contenido que pueda ser presentado de formas distintas (por ejemplo en una maquetación más sencilla) sin perder la información o su estructura. Establecer tamaños de fuente relativos permite que los usuarios puedan configurar fácilmente el tamaño de letra con que se sienten más cómodos para la lectura, sin afectar a la presentación de los sitios Web.

Distinguible: haga más fácil para sus usuarios que vean u oigan el contenido, incluyendo el separar mejor la forma del fondo. En este sentido, ciertas tendencias estéticas que favorecen los tamaños de fuente reducidos o el uso de texto en gris sobre fondos blancos dificulta la lectura por parte de ciertas personas.

Accesible mediante el teclado: implemente las distintas funcionalidades para que se pueda acceder a ellas desde un teclado. Por ejemplo, los formularios pueden estar preparados para poder saltar de campo a campo mediante la tecla de tabulación, lo que hace más fácil su cumplimentación.

Suficiente tiempo: deje bastante tiempo para que sus usuarios puedan leer o usar adecuadamente el contenido.

Ataques: no diseñe contenido de tal forma que pueda ocasionar ataques, especialmente por el uso de ciertos contrastes de color en asociación con efectos de flash y parpadeo rápido de las imágenes.

Navegabilidad: ofrezca formas de ayudar a sus usuarios a navegar, encontrar el contenido y determinar dónde están dentro de su sitio Web. Los rastros de migas de pan, los URL semánticos, los mapas del sitio, etc. facilitan la navegación de los usuarios.

Entrada de datos: haga posible que sus usuarios puedan usar distintos tipos de dispositivos de entrada además del teclado.

Legibilidad: asegúrese de que el contenido de texto es legible y fácilmente comprensible para sus usuarios. Aspectos como el contraste y la posibilidad de variar el tamaño de las fuentes de letra, como ya hemos comentado, favorecen la legibilidad de los textos.

Predictibilidad: haga que sus páginas Web aparezcan y funcionen de una forma predecible por sus usuarios. Use las convenciones establecidas en su página de inicio también en todas las secciones y páginas internas.

Autocorrección o ayuda en la entrada de datos: ayude a sus usuarios a evitar y corregir los errores que puedan cometer al interactuar con su página Web, rellenar formularios, seleccionar una opción... También hay funcionalidades que pueden ayudar a los usuarios al autorellenado de formularios cuando se detecta que los valores que esperan ciertos campos ya están disponibles en la memoria del navegador.

Compatibilidad: optimice la compatibilidad con los navegadores actuales y futuros incluyendo tecnologías de ayuda al usuario.

Criterios de cumplimiento de las directrices de accesibilidad

La Iniciativa para la Accesibilidad Web del W3C establece tres niveles de adecuación o cumplimiento de un sitio Web a las directrices y recomendaciones que establecen las pautas WCAG 2.1: nivel A, nivel AA y nivel AAA.

Una vez implementadas por los desarrolladores las recomendaciones WCAG 2.1 en el sitio Web, una empresa o entidad externa debidamente reconocida puede realizar una auditoría y extender el certificado correspondiente que garantiza dicho nivel de cumplimiento.

En España, la Asociación Española de Normalización y Certificación AENOR ha desarrollado una Certificación de Accesibilidad TIC (Accesibilidad Web) para que las organizaciones que desean avanzar en el ámbito de la gestión de la accesibilidad puedan contar con una marca que acredite su compromiso social: la Marca N de Accesibilidad TIC.

La Certificación de Accesibilidad Web de AENOR sigue las pautas de accesibilidad de la WAI (Web Accesibility Initiative) que han sido incorporadas a la Norma UNE 139803 de "Requisitos de accesibilidad para contenidos Web". En función de dichas pautas AENOR reconoce los niveles de conformidad A, AA y AAA, a pesar de lo cual la certificación de AENOR sólo admite los niveles de conformidad AA y AAA. Además de cubrir la mayoría de las discapacidades y las necesidades de las personas de edad avanzada, la certificación de AENOR indica cuáles son las características de los contenidos Web para ser usados por la mayor parte de estas personas.

El nivel de adecuación habitualmente exigido (es un objetivo que todos los sitios Web de administraciones públicas cumplan con este mínimo) es el nivel AA ya que, según la propia WAI reconoce, el nivel máximo AAA no es recomendable pues muchos contenidos no pueden adecuarse para que cumplan con este nivel de certificación de la accesibilidad.

Las pautas de accesibilidad, una exigencia legal pendiente de aplicación

Las principales leyes españolas relacionadas con la progresiva implementación y adecuación de los contenidos digitales a las pautas de accesibilidad son las siguientes:

Ley 34/2002, de 11 de julio de 2002, de Servicios de la Sociedad de la Información y Comercio Electrónico (LSSICIE).

Ley 51/2003, de 2 de diciembre de 2003, de Igualdad de Oportunidades, No Discriminación y Accesibilidad Universal de las personas con discapacidad (LIONDAU).

Real Decreto 1494/2007, de 12 de noviembre, por el que se aprueba el Reglamento sobre las condiciones básicas para el acceso de las personas con discapacidad a las tecnologías, productos y servicios relacionados con la sociedad de la información y medios de comunicación social.

Ley 56/2007, de 28 de diciembre, de Medidas de Impulso de la Sociedad de la Información (MISI).

Beneficios de respetar las recomendaciones de accesibilidad

Éticos: diseñar sitios Web accesibles es respetar el derecho de todas las personas a disfrutar de igualdad de oportunidades y acceso a la información.

Sociales: un sitio Web accesible podrá ser visitado por usuarios con discapacidades o necesidades específicas, con conexiones lentas o equipamiento informático obsoleto. En España, un 9 por 100 de personas tienen algún tipo de discapacidad y alrededor del 21 por 100 de toda la población es mayor de 60 años. Esto significa que con un sitio accesible, su Web puede llegar hasta a un 30 por 100 más de personas.

Económicas: más usuarios significan más ventas. Montar un sitio Web implica tiempo y dinero y si el potencial cliente que lo visita se encuentra con problemas para acceder a la información (productos) es muy probable que deje de visitarlo. Además, ciertos segmentos de población con necesidades específicas o mayores de 60 años cuentan con una renta disponible que los convierte en un público muy atractivo.

Compatibilidad: al respetar los estándares Web y separar el contenido del diseño (hojas de estilo CSS), los sitios Web accesibles son más compatibles con una mayor variedad de terminales de sobremesa, móviles y resoluciones de pantalla.

Mejora en los tiempos de descarga: la maquetación con hojas de estilo CSS aligera el peso total de la página y hace el proceso de descarga y presentación del contenido mucho más eficiente que el de las páginas maquetadas mediante tablas o con la definición de estilos incluida en HTML.

Ahorro en el uso de ancho de banda: al emplear hojas de estilo CSS, el tamaño de los archivos puede reducirse hasta a la mitad, con el consiguiente ahorro de ancho de banda y de energía.

Mejora en el posicionamiento: el uso de hojas de estilo CSS permite situar el contenido más importante de la página entre los primeros elementos a descargar. Adicionalmente, la maquetación con estilos CSS mejora el ratio código/texto de la página. Además, desde la actualización del algoritmo Google Caffeine, la velocidad de descarga de los archivos se pondera con un mayor peso en el cálculo de relevancia. Muchas de las recomendaciones de accesibilidad mejoran igualmente la relevancia de la página, como emplear los atributos alt y title en imágenes y enlaces o la de emplear texto descriptivo en los enlaces.

Mejora en el nivel de popularidad y autoridad: alcanzar un cierto nivel de certificación de accesibilidad puede conllevar que nuestra Web aparezca listada en algunos sitios Web de alta credibilidad (TrustRank). Esto podría implicar una autoridad de dominio más alta.

Legales: en algunos países, ciertos tipos de sitios Web deben cumplir por ley con los requisitos de la certificación de accesibilidad de un cierto nivel, generalmente la doble AA.

Responsabilidad social corporativa: incluir requisitos de usabilidad a la hora de solicitar el diseño de un nuevo sitio Web significa apostar por una mayor responsabilidad social en la propia cultura de la empresa.

Herramientas de comprobación de la accesibilidad Web

Hay varias herramientas online a nuestra disposición para poder verificar de un modo rápido, aunque básico, el grado de adecuación de un sitio Web a las directrices de accesibilidad. Aunque ninguna de estas herramientas nos sirve para poder exhibir una marca de cumplimiento de un cierto nivel de accesibilidad en nuestro sitio Web, sí que revelan cuáles serían los aspectos básicos sobre los que deberíamos trabajar para hacer nuestras páginas más accesibles.

Test de Accesibilidad Web

El Test de Accesibilidad Web (TAW) es una herramienta desarrollada por la Fundación CTIC que permite comprobar de forma automática distintos aspectos de las accesibilidad Web. La herramienta puede funcionar directamente online o bien podemos descargar de forma gratuita una aplicación de escritorio para emplearla en nuestro entorno de trabajo o desarrollo.

Esta herramienta puede identificar los principales problemas de accesibilidad de prioridad 1, 2 y 3 encontrados en un sitio Web de acuerdo con la versión 2.0 de las directrices WCAG.

TAW es capaz de identificar el cumplimiento de las pautas con un total de 65 puntos de verificación que divide en las tres prioridades mencionadas. Tras introducir el URL de la página que deseamos comprobar, la herramienta genera un informe que envía al mail que le facilitemos en el que presenta el resultado del análisis con puntos para comprobar identificados como pertenecientes al tipo 1, 2 y 3 y recomendaciones adicionales de comprobación que deben ser llevadas a cabo de forma manual.

La herramienta TAW está disponible en la Web https://www.tawdis.net

HERA: Test de Accesibilidad Web

HERA es una utilidad para revisar la accesibilidad de las páginas Web de acuerdo con las recomendaciones de las directrices WCAG 1.0. HERA realiza un análisis automático de la página e informa si se encuentran errores (detectables en forma automática) y qué puntos de verificación de las pautas deben ser revisados manualmente.

Al igual que con la herramienta TAW, la revisión manual es imprescindible para comprobar realmente si la página es accesible. Para poder llevar a cabo esta verificación manual es necesario conocer las directrices de accesibilidad, saber cómo utilizan los usuarios las ayudas técnicas y tener alguna experiencia en diseño y desarrollo de páginas Web.

También está disponible una versión evolucionada de HERA-FFX que funciona como extensión del navegador Firefox.

Recomendaciones básicas de accesibilidad Web

El World Wide Web Consortium (W3C) ha recogido en su Guía breve para crear sitios web accesibles, diez consejos básicos para crear sitios Web accesibles:

Imágenes y animaciones: use el atributo alt para describir la función de cada elemento visual.

Mapas de imagen: emplee mapas de imagen del lado del cliente y texto para las zonas activas.

Multimedia: proporcione subtítulos y transcripción del sonido, y descripción del vídeo.

Enlaces de hipertexto: use texto que tenga sentido aun leído fuera de contexto. Por ejemplo, evite "Clic aquí".

Organización de las páginas: use encabezamientos, listas y estructura consistente. Use hojas de estilo CSS para la maquetación y el estilo donde sea posible.

Figuras y diagramas: descríbalos brevemente en la página o use el atributo longdesc.

Scripts, applets y plug-ins: ofrezca contenido alternativo si las funcionalidades no son accesibles o no se les puede dar soporte.

Marcos: use el elemento noframes y títulos descriptivos.

Tablas: facilite la lectura línea a línea. Resuma.

Revise su trabajo: valide su código en W3C. Use las herramientas, puntos de comprobación y directrices de http://www.w3.org/TR/WCAG21/.

Atención: esta guía recopila únicamente consejos de accesibilidad básicos, pero no garantiza que con su cumplimiento se alcance algún nivel de adecuación.

Referencias adicionales sobre accesibilidad web

# data[].attributes.attachment_link.title
Qué es la accesibilidad web (WCAG) y cuáles son sus directrices - Human Level

# data[].attributes.attachment_link.description
La accesibilidad web tiene como objetivo lograr que las páginas web sean accesibles y utilizables por el máximo número de personas, independientemente de sus conocimientos, capacidades personales o las características técnicas del dispositivo de acceso empleado.

# data[].attributes.body
al existir un gran surgimiento de la tecnología en el mundo, estas obligaron a la comunidad internacional a regular gradualmente tales innovaciones tecnológicas, ya que su implementación comenzó a tener un impacto considerable en la vida de la población.

Particularmente, la aparición de Internet en la década de los sesenta, significó un cambio drástico en la forma de comunicar y almacenar información, así como de socializar contenidos, ya que simplificó la forma de transmitir estos, reduciendo distancias, haciendo más eficientes los procesos. y garantizar el acceso a un mayor número de usuarios.
Si tenemos en cuenta que Internet propone fórmulas creativas que permiten enlazar la información de forma lógica y a través de redes, triunfando como red global, Internet pronto se convierte en un importante instrumento de uso, tanto que fue considerado por la Organización de las Naciones Unidas (ONU) como derecho humano en 2011, luego de la Asamblea En general, la organización afirmó que la conexión a Internet es un derecho humano como instrumento que apoya la mejora y el crecimiento de la sociedad en su grupo, luego ratificó el testimonio del propio Consejo. Esa estabilidad en 2016 se materializará a través de una resolución completamente nueva que establece que "los derechos individuales también deben protegerse en Internet, especialmente la libertad de expresión".

Al respecto, cabe señalar que uno de los sectores que más se ha beneficiado de los avances tecnológicos es sin duda el de las personas con discapacidad, quienes han encontrado en las nuevas tecnologías aliadas para hacer efectivos sus derechos humanos, como la independencia. expresión, el derecho a la información y el acceso a la información pública, por citar sólo los más importantes y, por tanto, garantizar el acceso a dicha información es importante.

En esta situación, la accesibilidad, como derecho humano de las personas con discapacidad, en el entorno de Internet y las nuevas tecnologías, es muy importante para la plena y positiva realización de otros derechos, para lo cual es muy importante la necesidad de garantizar la accesibilidad.Web. y frente a él organizaciones de derechos humanos de todo el mundo no quedaron indiferentes.

Al respecto, cabe señalar que el Consejo Profesional de la Convención de las Naciones Unidas sobre los Derechos de las Personas con Discapacidad, en la Observación General No. 2, el artículo 9 del citado instrumento de accesibilidad, hablando de la necesidad de garantizar la accesibilidad en Internet y las nuevas tecnologías, establece que “la correcta aplicación del diseño mundial a todos los nuevos bienes, productos, instalaciones, tecnologías y servicios debe garantizar el pleno acceso , en un acceso igualitario y sin trabas a todos los clientes potenciales, personas integradas con discapacidad, de una manera que tenga plenamente en cuenta su dignidad intrínseca y pluralidad”.

Por lo tanto, debido a que México es Estado Parte del instrumento global antes mencionado en 2008, es vinculante y obligatorio para la región, por lo que se requieren arreglos en esta materia para que los derechos de las personas con discapacidad puedan ser cumplidos. asegurados a pesar del evidente rezago tecnológico. que logró existir

Se verificó que la tecnología reduce las barreras de acceso a la información, comunicación, entre otras, para las personas con discapacidad, por lo que no garantizar la accesibilidad web y tecnológica para este grupo población sería una grave violación a la protección plena y efectiva de los derechos humanos de esta población. población. arreglar.

# data[].attributes.body
La norma UNE 139803:2004 es la española, y como punto de partida para su implementación ha adoptado las Directrices para la Accesibilidad de los Contenidos en la Web 1.0 (WCAG 1.0) de la idea de Accesibilidad Web (WAI) del Consorcio. Internet (W3C). Para la mayoría de los requisitos de accesibilidad, las dos reglas son iguales, pero las normas UNE son un poco más estrictas, dando prioridad a algunos de estos requisitos. Por tanto, un portal que cumple con las normas UNE también cumple con las WCAG 1.0. Sin embargo, los portales que cumplen con las WCAG 1.0 pueden necesitar algunos cambios para lograr el grado de accesibilidad definido por las normas UNE.

La legislación española, mediante el Real Decreto 1494/2007, de 12 de noviembre, aprobó normas sobre las principales condiciones de acceso a la sociedad de la información de las personas con discapacidad y ordenó que las páginas web de las administraciones públicas cumplieran requisitos prioritarios. 1 y 2 tal y como se especifica en las normas UNE.

# data[].attributes.body
Los Principios en el nivel más alto se sitúan los cuatro principios que proporcionan los fundamentos de la accesibilidad web: perceptible, operable, comprensible y robusto.
Existen cuatro principios de accesibilidad en la web, esos son:

Principio 1: Perceptible

Principio 2: Operable

Principio 3: Comprensible

Principio 4: Robustez

estos principios tienen igual pautas, que van a de la mano con los 4  principios, estos hacen cumplir de buena forma los principios solicitados, estas pautas son en total 12 que proporcionan los objetivos básicos que los autores deben lograr con el fin de crear un contenido más accesible para los usuarios con distintas discapacidad. Estas pautas no son verificables, pero proporcionan el marco y los objetivos generales que ayudan a los autores a comprender los criterios de conformidad y a implementar mejor las técnicas.

# data[].attributes.body
1. Principio 1: Perceptible: la información y los componentes de la interfaz de usuario deben ser mostrados a los usuarios en formas que ellos puedan entender.

Pauta 1.1: Texto alternativo: Proporciona texto alternativo para el contenido que no sea textual, así podrá ser transformado en otros formatos que la gente necesite, como caracteres grandes, lenguaje braille (braile no es correcto), lenguaje oral, símbolos o lenguaje más simple.

Pauta 1.2: Contenido multimedia dependiente del tiempo: Proporcione alternativas sincronizadas para contenidos multimedia sincronizados dependientes del tiempo.

Pauta 1.3: Adaptable: Crear contenido que pueda ser presentado de diferentes formas sin perder ni información ni estructura.

Pauta 1.4: Distinguible: Facilitar a los usuarios ver y escuchar el contenido incluyendo la distinción entre lo más y menos importante.

2. Principio 2: Operable: Los componentes de la interfaz de usuario y la navegación debe ser manejable.

Pauta 2.1: Teclado accesible: Poder controlar todas las funciones desde el teclado.

Pauta 2.2 Tiempo suficiente: Proporciona tiempo suficiente a los usuarios para leer y utilizar el contenido.

Pauta 2.3: Ataques epilépticos: No diseñar contenido que pueda causar ataques epilépticos.

Pauta 2.4: Navegación: Proporciona formas para ayudar a los usuarios a navegar, a buscar contenido y a determinar donde están estos.

(Nuevo) Pauta 2.5: Modalidades de entrada: Facilitar a los usuarios operar la funcionalidad a través de varios métodos de entrada además del teclado.

3. Principio 3: Comprensible. La información y las operaciones de usuarios deben ser comprensibles.

Pauta 3.1: Legible. Hacer contenido de texto legible y comprensible.

Pauta 3.2 Previsible: Hacer la apariencia y la forma de utilizar las páginas web previsibles.

Pauta 3.3 Asistencia a la entrada de datos: los usuarios de ayuda evitarán y corregirán errores.

4. Principio 4: Robustez: el contenido deber ser suficientemente robusto para que pueda ser bien interpretado por una gran variedad de agentes de usuario, incluyendo tecnologías de asistencia.

Pauta 4.1 Compatible: Maximiza la compatibilidad con los agentes de usuario actuales y futuros, incluyendo tecnologías de asistencia.

# data[].attributes.body
http://accesibilidadweb.dlsi.ua.es/?menu=principios-2.1

# data[].attributes.attachment_link.title
Accesibilidad Web: Principios y pautas de WCAG 2.1

# data[].attributes.attachment_link.description
Todo tipo de información sobre accesibilidad en la Web: errores de accesibilidad, ejemplos de páginas inaccesibles, noticias, software, hardware, ayudas técnicas, tecnologías de apoyo, consejos, pautas y guías de accesibilidad, WAI, WCAG, Norma UNE 139803:2004, legislación, etc.

# data[].attributes.body
https://a11ylab.com/legislacion#:~:text=La%20primera%20se%20refiere%20a,incluido%20por%20supuesto%20el%20Internet.

# data[].attributes.attachment_link.description
The emergence of new technologies in the world forced the international community to gradually regulate such technological innovations, since their implementation began to have a considerable impact on the life of the population.

# data[].attributes.body
https://administracionelectronica.gob.es/pae_Home/pae_Estrategias/pae_Accesibilidad/pae_normativa/pae_eInclusion_Normas_Accesibilidad.html

# data[].attributes.headline
Para todos los usuarios que presenten algún tipo de discapacidad física la cual les limite la movilidad de sus manos, algunas alternativas de accesibilidad son emplear diferentes tipos de dispositivos adaptados según el grado de movilidad que conserven: por ejemplo; teclados especiales, conmutadores, sistemas de reconocimiento de voz, sistemas de reconocimiento facial, etc.

# data[].attributes.subject
Para todos los usuarios que presenten algún tipo de discapacidad física la cual les limite la movilidad de sus manos, algunas alternativas de accesibilidad son emplear diferentes tipos de dispositivos adaptados según el grado de movilidad que conserven: por ejemplo; teclados especiales, conmutadores, sistemas de reconocimiento de voz, sistemas de reconocimiento facial, etc.

# data[].attributes.body
Para los usuarios con ceguera total o parcial o con visión muy reducida que les impide utilizar una pantalla de ordenador emplean una tecnología de apoyo llamada lector de pantalla (screen readers en inglés) que es un software que permite la utilización del sistema operativo y de las distintas aplicaciones de un ordenador mediante el empleo de un sintetizador de voz que "lee y explica" lo que se visualiza en la pantalla del ordenador. Y para aquellos usuarios con ceguera al color (daltonismo) no suelen emplear ningún tipo de tecnología de apoyo específica para utilizar un ordenador.

Para los usuarios con sordera total o deficiencia auditiva no suelen emplear ningún tipo de alternativa de accesibilidad o tecnología de apoyo específica para utilizar un ordenador, sin embargo, pueden reforzar la lectura con la información de páginas web.

Para los usuarios con discapacidad cognitiva, una alternativa muy útil es que suelan emplear navegadores accesibles que simplifican la navegación.

Para usuarios vulnerables al texto por el idioma, la mejor alternativa para mejorar su accesibilidad es emplear el uso de traductores de páginas web para poder comprender y entender el contenido de estas mismas.

Por último, pero no menos importante, para todos los usuarios con vulnerabilidad por su edad, se recomiendan alternativas como asesoramiento y ayudas en computación para entender mejor como usar las herramientas e información de páginas web apropiadamente.

# data[].attributes.attachment_link.readable_text
Buscador

Migas de pan

Cómo navegan por la Web las personas con discapacidad

Usuarios con ceguera total o visión muy reducida

Los usuarios con ceguera total o con visión muy reducida que les impide utilizar una pantalla de ordenador emplean una tecnología de apoyo llamada lector de pantalla ( screen readers en inglés) que es un software que permite la utilización del sistema operativo y de las distintas aplicaciones de un ordenador mediante el empleo de un sintetizador de voz que "lee y explica" lo que se visualiza en la pantalla del ordenador.

Usuarios con deficiencia visual o visión parcial

Los usuarios con deficiencia visual o visión parcial que les impide ver correctamente una pantalla de ordenador recurren al aumento del tamaño del texto, emplean combinaciones de colores con un alto contraste o emplean una tecnología de apoyo llamada magnificadores de pantalla ( screen magnifiers en inglés) que es un software o dispositivos hardware (por ejemplo, lupas) que permiten visualizar la pantalla con un considerable aumento en su tamaño.

Usuarios con ceguera al color

Los usuarios con ceguera al color (daltonismo) no suelen emplear ningún tipo de tecnología de apoyo específica para utilizar un ordenador.

Usuarios con sordera total o deficiencia auditiva

Los usuarios con sordera total o deficiencia auditiva no suelen emplear ningún tipo de tecnología de apoyo específica para utilizar un ordenador.

Usuarios con discapacidad física

Los usuarios con discapacidad física que limita la movilidad de sus manos emplean diferentes tipos de dispositivos adaptados según el grado de movilidad que conserven: teclados especiales, conmutadores, sistemas de reconocimiento de voz, sistemas de reconocimiento facial, etc.

Usuarios con discapacidad cognitiva

Los usuarios con discapacidad cognitiva suelen emplear navegadores accesibles que simplifican la navegación.

Más información:

Estándares, licencia y contacto

# data[].attributes.attachment_link.description
Los usuarios con ceguera total o con visión muy reducida que les impide utilizar una pantalla de ordenador emplean una tecnología de apoyo llamada lector de pantalla ( screen readers en inglés) que es un software que permite la utilización del sistema operativo y de las distintas aplicaciones de un ordenador mediante el empleo de un sintetizador de voz que "lee y explica" lo que se visualiza en la pantalla del ordenador.

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

# data[].attributes.attachment_link.readable_text
Ya sea que administres un sitio e-commerce o un negocio de desarrollo web, querrás atraer tantos visitantes como sea posible a tus páginas web. Sin embargo, esto puede ser difícil si no priorizas un diseño web accesible.

En esta publicación, explicaremos por qué es tan importante la accesibilidad de un sitio web. Luego, te mostraremos cómo puedes verificar los niveles de accesibilidad (y barreras) de tu sitio. Finalmente, te proporcionaremos una guía completa para diseñar páginas web altamente accesibles. ¡Manos a la obra!

¿Qué Es La Accesibilidad Web?

Accesibilidad

La accesibilidad es la práctica de hacer que un sitio web sea accesible para tantos usuarios como sea posible. Los sitios web accesibles pueden ser vistos por cualquier persona usando cualquier dispositivo.

La accesibilidad web se refiere al grado en que un sitio puede ser utilizado por personas con discapacidades. Esto puede incluir a personas ciegas o con baja visión, personas sordas o con problemas de audición, personas con discapacidades de movilidad, discapacidades cognitivas y otras discapacidades.

Implica diseñar su sitio web de manera que su contenido esté disponible y funcional para todos, incluidos aquellos que puedan usar tecnologías de asistencia como lectores de pantalla, software de reconocimiento de voz o dispositivos de entrada especializados.

Esta idea va más allá de simplemente ayudar a las personas. Se trata de abrazar la diversidad de usuarios de la web y reconocer la importancia del acceso igualitario en internet. Al priorizar la accesibilidad, no solo está ampliando su audiencia, sino también promoviendo la inclusión y la responsabilidad social.

¿Quién Gestiona Y Hace Cumplir Las Reglas Y Leyes De Accesibilidad Web?

La responsabilidad de gestionar y hacer cumplir las reglas y leyes de accesibilidad web es compartida por diversas organizaciones gubernamentales y no gubernamentales, cada una desempeñando un papel importante en el establecimiento y mantenimiento de los estándares de accesibilidad que cubriremos más adelante en este artículo.

Gobiernos y agencias gubernamentales. En los Estados Unidos, el Departamento de Justicia (DOJ) es principalmente responsable de hacer cumplir la ADA, que incluye reglas para la accesibilidad web. Otros países tienen sus propias entidades gubernamentales que supervisan leyes y regulaciones similares.

Organizaciones internacionales de estándares. El Consorcio World Wide Web (W3C) ha desarrollado las Pautas de Accesibilidad al Contenido Web (WCAG), un conjunto de estándares internacionalmente reconocidos que describen cómo hacer que el contenido web sea más accesible para personas con discapacidades. Estas pautas son ampliamente aceptadas como el punto de referencia para la accesibilidad web y a menudo se mencionan en requisitos legales.

Grupos de defensa y ONG. Organizaciones sin fines de lucro y grupos de defensa promueven activamente la accesibilidad web, ofreciendo recursos, realizando auditorías y a veces impulsando acciones legales contra sitios web no conformes.

Sistema legal. El sistema legal a menudo se involucra en casos de incumplimiento de leyes de accesibilidad web. Demandas y acciones legales pueden ser tomadas contra organizaciones que no cumplen con los estándares requeridos, particularmente bajo la ADA. Los procesos legales pueden establecer precedentes importantes que crean futuros estándares para el cumplimiento de las reglas de accesibilidad.

Es importante tener en cuenta que el panorama de la accesibilidad web está en constante evolución. Todos tenemos la responsabilidad compartida de mantenernos al día con las últimas noticias, desarrollos legales y otros cambios que afectan a los administradores de sitios web.

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.

¿Cuáles Son Los Estándares De Accesibilidad Web?

Bajo WCAG, hay cuatro principios que debes seguir al crear un sitio web accesible. Estos dicen que tu sitio debe ser:

Perceptible. Los visitantes deben poder percibir o entender y ser conscientes del contenido e información en tu sitio. Por ejemplo, tener acceso a texto alternativo.

Operable. Los visitantes deben poder utilizar todas las partes de tu sitio sin interrupciones. Un menú de navegación bien mapeado y organizado puede lograr esto.

Comprensible. Todo el contenido en tu sitio, ya sea escrito o presentado de otra manera, debe ser fácil de entender. Un lenguaje claro y conciso y páginas limpias y sin desorden pueden ser utilizados para comunicar información.

Robusto. Los cimientos de tu sitio, como su código HTML, deben ser fácilmente legibles e interpretados por todos los visitantes, incluidas las tecnologías de asistencia como lectores de pantalla. Otro ejemplo de esto es optimizar tu sitio web para varios dispositivos como teléfonos y tabletas.

Ejemplos De Barreras De Accesibilidad En Línea
Estas barreras comunes pueden evitar que los usuarios con discapacidades accedan o interactúen con un sitio web. Aquí hay algunos ejemplos de barreras y cómo afectan a los usuarios.

Falta de texto alternativo para imágenes. Muchos usuarios con discapacidades motoras dependen de la navegación por teclado en lugar de un mouse. Los sitios web que no admiten la navegación por teclado o tienen diseños complejos pueden ser inaccesibles para estos usuarios.

Navegación por teclado inadecuada. Muchos usuarios con discapacidades motoras dependen de la navegación por teclado en lugar de un mouse. Los sitios web que no admiten la navegación por teclado o tienen diseños complejos pueden ser inaccesibles para estos usuarios.

Bajo contraste de colores. El contraste insuficiente entre el texto y los colores de fondo puede hacer que el contenido sea difícil de leer para usuarios con discapacidades visuales, incluido el daltonismo. Esto puede hacer que los textos sean prácticamente invisibles para algunos usuarios.

Texto de enlace no descriptivo. El uso de frases vagas como "haga clic aquí" para el texto de enlace no proporciona suficiente información sobre el destino del enlace, especialmente para los usuarios de lectores de pantalla que pueden navegar por los enlaces fuera de contexto.

Falta de subtitulado o transcripciones para contenido de audio y video. Los usuarios sordos o con discapacidad auditiva dependen de subtítulos o transcripciones para el contenido de audio y video. Sin estos, pueden perder información crucial.

Navegación compleja e inconsistente. La navegación inconsistente o demasiado compleja del sitio web puede ser confusa, especialmente para usuarios con discapacidades cognitivas. Una navegación simple, predecible y consistente ayuda a comprender mejor y facilita su uso.

Contenido e interacciones con límite de tiempo. El contenido que desaparece después de cierto tiempo o requiere una interacción rápida puede ser una barrera para usuarios con discapacidades cognitivas o motoras que pueden necesitar más tiempo para leer o interactuar con el contenido.

Uso de jerga o lenguaje complejo. Un lenguaje demasiado complejo o jerga de la industria puede ser una barrera significativa para usuarios con discapacidades cognitivas o aquellos que no son hablantes nativos del idioma del sitio web.

Por qué Deberías Priorizar la Accesibilidad Web

Las tasas de discapacidad están aumentando a medida que aumenta la esperanza de vida, lo que provoca un aumento de las condiciones de salud crónicas. Las personas con discapacidades merecen poder acceder a la misma información que aquellos sin ellas, razón por la cual es tan importante que todos trabajemos juntos para hacer que el contenido digital sea accesible y eliminar las barreras de accesibilidad en línea.

Como propietario de un sitio web, es importante asegurarse de no excluir a las personas con discapacidades, incluso involuntariamente. La ADA es una ley de derechos civiles que prohíbe a las empresas y organizaciones discriminar por discapacidad, ¡así que si tu sitio web no es accesible para todos, podrías meterte en problemas legales! Pero el cumplimiento legal no es la única razón por la que la accesibilidad debería ser una prioridad principal al diseñar tu sitio.

Hacer que tu sitio web sea accesible envía un mensaje de que tu empresa tiene valores inclusivos, y estudios han demostrado que las empresas que son más diversas e inclusivas tienen hasta un 35% más de probabilidades de tener retornos financieros por encima del promedio de su industria.

Y si bien el diseño web accesible permite que las personas con discapacidades naveguen fácilmente por tu sitio, incluye principios de diseño que pueden mejorar realmente la experiencia del usuario para todos los visitantes de tu sitio.

Experiencia de Usuario (UX)

La experiencia de usuario (UX) se refiere a cómo los visitantes en línea interactúan con un sitio web. Los usuarios suelen evaluar su experiencia en función de la usabilidad y el diseño de un sitio, así como de la impresión general que se lleven de su contenido.

La creación de un sitio web accesible no tiene por qué ser difícil o llevar mucho tiempo. Con solo tomar unos pocos pasos simples, puedes mejorar significativamente la accesibilidad de tu sitio. De esta manera, puedes ampliar tu audiencia y al mismo tiempo contribuir a los esfuerzos de accesibilidad en línea. ¡Incluso puedes inspirar a otros a hacer lo mismo!

Cómo Verificar la Accesibilidad Web de tu Sitio

Antes de adentrarnos en consejos y pasos para diseñar un sitio web accesible, es buena idea empezar por saber en qué punto se encuentra tu sitio actualmente, cómo se mide frente a los estándares de accesibilidad y las Prácticas recomendadas, y qué barreras de accesibilidad puede que necesites superar con cambios o rediseños.

Hay muchas formas diferentes de verificar la accesibilidad de tu sitio. Veamos algunas de las opciones más fáciles y populares.

Usa un Verificador de Accesibilidad en Línea

Una de las formas más rápidas y sencillas de verificar la accesibilidad de tu sitio es mediante el uso de un verificador de accesibilidad en línea, como las (Web Accessibility Evaluation Tools). Herramientas de Evaluación de Accesibilidad Web de WAVE
WAVE es un conjunto de herramientas de evaluación que puedes usar para evaluar tus páginas web y contenido y hacerlos más accesibles para personas con discapacidades. Las herramientas de WAVE verifican el cumplimiento con los estándares de accesibilidad, como las WCAG, pero también pueden facilitar revisiones manuales de tu contenido, si deseas ir un paso más allá.

Para utilizar WAVE, simplemente ingresa la URL de la página web que deseas evaluar en el campo "Web page address " y haz clic en el botón de flecha. WAVE generará un informe que te mostrará cualquier error o posible problema de accesibilidad en esa página. También puedes instalar las extensiones de navegador de WAVE para Chrome, Firefox y Edge para probar la accesibilidad directamente dentro de tu navegador web.

Además del informe de errores, WAVE proporciona retroalimentación sobre cómo puedes mejorar tus páginas para mejorar su accesibilidad. Por ejemplo, puede señalarte imágenes que carecen de texto alternativo o elementos estructurales que están organizados de una manera que podría confundir a los visitantes del sitio.

La extensión ARIA DevTools es un recurso de accesibilidad gratuito y de código abierto que permite a los usuarios personalizar la forma en que interactúan con el contenido web. ARIA está diseñada para mejorar la usabilidad de las páginas web para personas con discapacidades y hacerlas más accesibles para tecnologías de asistencia, como lectores de pantalla.

ARIA hace esto proporcionando un conjunto de atributos que puedes utilizar para mejorar la accesibilidad de los elementos HTML de tu sitio. Por ejemplo, el atributo "aria-label" puede servir como un marcador para un elemento que de otra manera no sería accesible, mientras que el atributo "aria-describedby" se puede utilizar para proporcionar una explicación.

Para usar la extensión ARIA, instálala desde el mercado de extensiones de tu navegador. Es posible que debas habilitarla antes de que comience a funcionar.

Verificación Manual de Problemas de Accesibilidad Comunes

Otra opción para verificar problemas de accesibilidad es utilizar un enfoque manual. Por supuesto, esto puede llevar más tiempo que usar herramientas y extensiones en línea.

Sin embargo, si realizas una verificación manual, puede ser más exhaustiva que algunas herramientas digitales. Además, este método es gratuito y está disponible para todos los propietarios de sitios web.

Contrata a un Experto en Accesibilidad Web para Auditar tu Sitio

En DreamHost, ofrecemos Servicios Profesionales que incluyen , gestión de sitios web y más, lo que puede incluir la identificación y corrección de cualquier problema de accesibilidad en tu sitio.

Nuestro equipo de expertos evaluará cuidadosamente tus páginas web y te proporcionará soluciones de accesibilidad para cualquier barrera que identifiquen. Ponte en contacto con nosotros hoy mismo para obtener más información sobre los Servicios Profesionales o para programar una consulta gratuita

Cómo Diseñar un Sitio Web Accesible (Una Guía Completa)

Prácticas recomendadas:

Asegúrate de que el orden de pestañas de tu sitio web sea lógico. Esto significa que a medida que los usuarios presionan la tecla Tab, el foco debe moverse a través de los elementos interactivos en un orden que tenga sentido, siguiendo típicamente el diseño visual de la página.

Cuando los usuarios navegan usando un teclado, proporciona indicadores visuales claros que muestren qué elemento tiene actualmente el enfoque. Esto podría ser un borde, un cambio de color u otro cambio de estilo notable.

Incluye un enlace "Saltar al contenido principal" en la parte superior de cada página. Esto permite a los usuarios que dependen de los teclados omitir los enlaces de navegación repetitivos y acceder directamente al contenido principal.

Si tu sitio utiliza menús desplegables, asegúrate de que se puedan navegar y activar usando comandos de teclado. Esto incluye poder expandir y contraer los menús y seleccionar elementos dentro de ellos.

La implementación de atajos de teclado personalizados puede mejorar la usabilidad, pero asegúrate de no entrar en conflicto con los atajos de navegador o lectores de pantalla existentes. Documenta claramente los atajos personalizados para los usuarios.

Asegúrate de que los usuarios de teclado no queden atrapados en ninguna parte de tu sitio. Deben poder navegar hacia y desde todos los elementos utilizando solo su teclado.

2. Haz que el Contenido Sea Fácil de Ver y Escuchar

Asegurarse de que el contenido de tu sitio web sea fácil de ver y escuchar es esencial para hacerlo accesible para usuarios con discapacidades visuales y auditivas. Esto incluye a personas ciegas, con baja visión, daltónicas o sordas o con problemas de audición.
Prácticas recomendadas:

Utiliza combinaciones de colores de alto contraste entre texto y fondos para asegurarte de que el texto sea fácilmente legible. Evita usar colores que choquen o se mezclen demasiado. Además, utiliza tamaños y estilos de fuente legibles.

Utiliza una herramienta en línea como Contrast Checker para ayudarte a elegir una paleta de colores con alto contraste para una buena accesibilidad visual.

Asegúrate de que la información transmitida con el color también esté disponible sin color, como a través de etiquetas de texto o patrones. Esto es particularmente importante para usuarios daltónicos.

Permite a los usuarios ajustar el tamaño del texto sin romper el diseño de tu sitio.

Para usuarios con discapacidad visual, asegúrate de que cualquier contenido de audio sea claro, bien marcado y lo suficientemente descriptivo como para transmitir toda la información necesaria.

Utiliza roles y puntos de referencia ARIA (Aplicaciones de Internet Ricas Accesibles). Estos pueden ayudar a los usuarios de lectores de pantalla a comprender el diseño y navegar el contenido de manera más efectiva, especialmente en aplicaciones web complejas.

3. Proporciona Alternativas de Texto

Las alternativas de texto hacen que el contenido no textual de tu sitio sea accesible para personas con discapacidades visuales y auditivas. Estas alternativas proporcionan un equivalente textual de la información transmitida a través de imágenes, videos y archivos de audio, asegurando que todos los usuarios, incluidos aquellos que utilizan lectores de pantalla u otras tecnologías de asistencia, tengan acceso a la misma información.

Prácticas recomendadas:

Cada imagen en tu sitio web debe tener un texto alternativo correspondiente que describa de manera precisa y sucinta el contenido o la función de la imagen. Esta descripción debe transmitir el mismo mensaje o propósito que la imagen para los usuarios que pueden ver.

Agrega texto alternativo a las imágenes en WordPress a través de tu Biblioteca de Medios.

Proporciona subtítulos para los videos, que describan no solo el contenido hablado, sino también otros sonidos relevantes y la información no verbal. Las transcripciones también son importantes, ofreciendo una versión basada en texto de todo el contenido de audio, incluidas las palabras habladas y otros sonidos relevantes.

Para videos, incluye descripciones de audio que narren la información visual. Esto es particularmente importante para el contenido en el que las imágenes transmiten información significativa que no se transmite solo a través del audio.

Asegúrate de que todos los enlaces y botones sean basados en texto o tengan alternativas de texto, para que su función quede clara para los usuarios de lectores de pantalla. Evita usar imágenes como el único medio para transmitir acciones o enlaces importantes.

Para contenido visual complejo como gráficos y diagramas, proporciona un resumen o descripción basada en texto que explique los datos o la información que se presenta.

Los elementos interactivos, como formularios, deben tener etiquetas claras y descriptivas. Esto le ayuda a los usuarios a entender para qué es cada campo del formulario y cómo interactuar con él.

4. Organiza y Estructura el Contenido de una Manera Adaptable

Organizar y estructurar el contenido de manera adaptable ayuda a garantizar que todos los usuarios, independientemente de cómo accedan a tu sitio web, reciban la información de manera coherente y lógica. Este enfoque beneficia a los usuarios que dependen de tecnologías de asistencia, como lectores de pantalla, y a aquellos con discapacidades cognitivas que pueden encontrar confusos los diseños complejos o las estructuras inconsistentes.
Prácticas recomendadas:

Emplea elementos semánticos HTML5 como <header>, <footer>, <nav>, <article> y <section> para estructurar tu contenido de manera clara. Estos elementos proporcionan contexto a las tecnologías de asistencia, permitiéndoles transmitir la estructura y el diseño de tu página web a los usuarios.

Utiliza encabezados (H1, H2, H3, etc.) para estructurar el contenido jerárquicamente y de manera lógica. Asegúrate de que los encabezados sean descriptivos y den una indicación clara del contenido que sigue.

Diseña el diseño de tu sitio web para que sea flexible. Esto significa que debe adaptarse a diferentes tamaños de pantalla y orientaciones sin perder información o funcionalidad. Esto es particularmente importante para los usuarios con baja visión que pueden necesitar hacer zoom o para aquellos que acceden a tu sitio en dispositivos móviles.

Si usas tablas para datos, asegúrate de que estén marcadas correctamente con encabezados de fila y columna. Evita usar tablas con fines de diseño, ya que esto puede ser confuso para los usuarios de lectores de pantalla.

Utiliza listas ordenadas (numeradas) y no ordenadas (con viñetas) para agrupar elementos relacionados. Esto ayuda a que los lectores de pantalla transmitan la estructura y la organización del contenido.

5. Ofrece Formas Alternativas de Consumir Medios Basados en el Tiempo

Los medios basados en el tiempo incluyen contenido de audio y video. Las personas sordas o con problemas de audición, así como aquellas que son ciegas o tienen baja visión, necesitarán formas alternativas de consumir medios basados en el tiempo.
Prácticas recomendadas:
6. Diseña Los Formularios Cuidadosamente

Los formularios son necesarios para muchos sitios, se utilizan para todo, desde información de contacto hasta compras en línea. Los formularios diseñados adecuadamente aseguran que todos los usuarios puedan ingresar su información, hacer selecciones y comprender cualquier error que pueda ocurrir durante el envío de datos.
Prácticas recomendadas:

7. Dale Suficiente Tiempo a los Visitantes para Interactuar con tu Sitio

Algunos visitantes del sitio con discapacidades pueden leer lentamente, tener discapacidades cognitivas o de aprendizaje, o utilizar tecnologías de asistencia que requieren tiempo adicional para navegar e interpretar el contenido. Asegúrate de permitirles tiempo suficiente para leer, ver y utilizar todo en tu sitio.
Prácticas recomendadas:

Si tu sitio web tiene características o contenido con límites de tiempo (como cuestionarios cronometrados, formularios con tiempos de espera de sesión o carruseles giratorios), proporciona una forma para que los usuarios los ajusten, extiendan o desactiven.

Para cualquier contenido en movimiento, parpadeante o desplazable, y para la información que se actualiza automáticamente (como los titulares de noticias), proporciona controles que permitan a los usuarios pausar, detener u ocultarlos.

Evita actualizar automáticamente el contenido sin la iniciativa del usuario, ya que esto puede ser desorientador para los usuarios de lectores de pantalla o aquellos con discapacidades cognitivas.

Si es necesario un tiempo de espera (como por razones de seguridad en un sitio bancario), advierte a los usuarios antes de que expire el tiempo. Esto les da la oportunidad de extender su sesión sin perder datos.

8. Evita el Contenido que Parpadea o Destella

Evitar el contenido que parpadea o destella puede hacer que tu sitio web sea más accesible para los usuarios que son susceptibles a convulsiones causadas por luces o patrones parpadeantes, una condición conocida como epilepsia fotosensible. Además, el contenido que parpadea o destella rápidamente puede ser distractor o incluso doloroso para los usuarios con ciertos trastornos cognitivos, lo que contribuye a una experiencia web desagradable o inaccesible.
Prácticas recomendadas:

Como regla general, evita el contenido que parpadea más de tres veces en cualquier período de un segundo. Esta pauta, parte de las Pautas de Accesibilidad al Contenido en la Web (WCAG), ayuda a reducir el riesgo de convulsiones.

Si tu sitio web debe incluir contenido que parpadea o destella (por razones artísticas o informativas), proporciona una advertencia clara antes de que se muestre el contenido. Esto permite a los usuarios con fotosensibilidad evitar o prepararse para la exposición a dicho contenido.

Ten cuidado con las animaciones y transiciones en el diseño de tu sitio web. Asegúrate de que sean sutiles y no involucren destellos o movimientos rápidos. Proporciona opciones para reducir o desactivar las animaciones si es posible.

En lugar de utilizar contenido que destella para llamar la atención, considera métodos alternativos como el uso de colores llamativos, patrones o gráficos estáticos que sean igualmente efectivos, pero no representen un riesgo para los usuarios.

Cuando tengas dudas, consulta con expertos en accesibilidad web que puedan revisar tu sitio en busca de contenido potencialmente problemático y sugerir alternativas más seguras.

Prácticas recomendadas:

Mantén el diseño de tu navegación consistente en todo el sitio. La consistencia ayuda a los usuarios a aprender y recordar cómo navegar por tu sitio, reduciendo la confusión y la frustración.

Agrupa los elementos de navegación relacionados juntos. Esto se puede lograr a través de menús bien organizados, encabezados de sección claros o un mapa del sitio que proporcione una visión general de la estructura de tu sitio web.

Asegúrate de que todos los menús sean accesibles con la navegación mediante teclado y lectores de pantalla. Esto incluye menús desplegables y otro contenido dinámico.

Para sitios web con múltiples capas de contenido, utiliza rutas de navegación. Estas proporcionan a los usuarios un camino claro desde la página de inicio hasta su ubicación actual y ayudan con la navegación fácil hacia secciones anteriores.

Implementa una función de búsqueda sólida, especialmente para sitios más grandes. Esto permite a los usuarios encontrar rápidamente información sin navegar por múltiples páginas.

10. Haz el Contenido Claro y Fácil de Entender

Hacer que el contenido de tu sitio web sea claro y fácil de entender puede ayudar a los visitantes con discapacidades cognitivas, dificultades de aprendizaje o aquellos que no son hablantes nativos del idioma del sitio. Un contenido claro y directo asegura que la información sea accesible para un público más amplio y ayuda a todos los usuarios a comprender rápidamente el mensaje o la acción prevista.
Prácticas recomendadas:
11. Escribe Mensajes de Error Útiles

Los mensajes de error efectivos guían a los usuarios para resolver los problemas que encuentran, lo cual es particularmente importante para usuarios con discapacidades que pueden encontrar más difícil entender y rectificar errores. Mensajes de error claros e informativos ayudan a prevenir la frustración, asegurando que todos los usuarios puedan interactuar exitosamente con tu sitio web y completar sus acciones previstas.
Prácticas recomendadas:
12. Escribe HTML que Pueda Ser Interpretado

Glosario de DreamHost

HTML

HTML significa lenguaje de marcado de hipertexto. Es el elemento básico más fundamental de la web y el lenguaje de marcado estándar para crear las páginas web y las aplicaciones.
Prácticas recomendadas:
Facilita el Acceso a Tu Sitio Para Todos

Las mejoras continuas en la accesibilidad web son motivo de celebración. Después de todo, si tienes un sitio web de WordPress, quieres llegar a tantas personas como sea posible, incluidas las personas con discapacidades. Afortunadamente, diseñar un sitio web accesible está al alcance de tu mano.

¿Quieres contratar a un desarrollador que pueda maximizar la accesibilidad web para tus proyectos de WordPress en evolución? Si prefieres dejar esta importante tarea en manos de profesionales, ¡consulta nuestros Servicios Pro de Desarrollo de DreamHost

Tu lo Sueñas, Nosotros lo Ponemos en Código

Aprovecha más de 20 años de experiencia en codificación adquiriendo el servicio de Desarrollo Web. Solo déjanos saber qué quieres para tu sitio - nosotros nos encargamos del resto.

# data[].attributes.attachment_link.title
Accesibilidad del sitio web: estrategias de diseño para experiencias web inclusivas

# data[].attributes.attachment_link.description
Explora estrategias clave para la accesibilidad de sitios web en esta guía detallada. Aprende a diseñar sitios web inclusivos y fáciles de usar para una audiencia diversa, garantizando el cumplimiento y una mejor experiencia del usuario.

# data[].attributes.attachment_link.title
▷ 8 Soluciones de Accesibilidad para Personas en Silla de Ruedas

# data[].attributes.attachment_link.description
Si usas ✅ silla de ruedas y necesitas una ✅ solución de accesibilidad para ✅ subir escaleras o pisos, existen muchas opciones que pueden ✅ ayudarte