ACCESIBILIDAD WEB 

Equipo 3

Esc. Preparatoria Estatal Nº 3 "C.T.M"

Integrantes:

Cauich Cauich Gerardo #7
Dzul Chan Yoana #15
Millan Catzin Karen #24
Ramos Peraza Leonel#37
Varguez Canul Ciely #47

COMPETENCIAS DIGITALES

3-C

Turn. Vespertino

Mtra. Mariana Cauich Sulu

¿Que es la accesibilidad web?

 

Accesibilidad Web

La accesibilidad es una condición necesaria para la participación social de las personas con distintas limitaciones funcionales. En una sociedad en la que cada vez se utilizan más las tecnologías de la información y de las comunicaciones para informarse, estudiar, relacionarse, entretenerse, y trabajar, y en la que cada vez son más los servicios que se prestan por vía telemática, asegurar la accesibilidad de los nuevos medios tecnológicos, en particular de Internet, resulta prioritario.
La accesibilidad web trata de aspectos relacionados con la codificación  y la presentación de información en el diseño de un sitio web, que va a permitir que las personas con algún tipo de limitación puedan percibir, entender, navegar e interactuar de forma efectiva con la Web, así como crear y aportar contenido.
Actualmente, la mayoría de los sitios web presentan barreras de accesibilidad, lo que hace difícil e incluso imposible su utilización. Sin embargo, si los sitios web y el software web, fueran accesibles, las personas con discapacidad podrían utilizar estos servicios de forma eficaz.
Además de los usuarios con discapacidad anteriormente reseñados, también hay usuarios que disponen de conexiones lentas a Internet o que acceden mediante equipos portátiles del tipo PDA (Personal Digital Assistant) o teléfonos móviles con reducidas pantallas gráficas, que se benefician del diseño accesible. En general, todos los usuarios se benefician de la accesibilidad web.

Las dificultades de acceso a los contenidos de la web podrían reducirse considerablemente si, los responsables de las organizaciones que gestionan sitios web, los desarrolladores de los sitios web y los gestores de contenidos tuvieran en consideración las necesidades de las personas con discapacidad y la diversidad de formas de acceso (condicionada por los distintos tipos de terminales existentes, el software, la velocidad de la conexión y muchos otros factores) y respetaran unas sencillas normas de estructura y diseño de las páginas web. Pero estas normas no son suficientemente conocidas y la mayoría de los diseñadores de sitios, los responsables políticos, los cargos administrativos, y los proveedores de contenido no las tienen en consideración. 

El resultado es que muchos ciudadanos, y particularmente quienes tienen algún tipo de discapacidad y los de edad avanzada, experimentan dificultades para acceder a la información y a los servicios que ofrecen los nuevos medios de comunicación y, en concreto, Internet. Dado el desarrollo que están experimentando los servicios telemáticos, existe el peligro de que un gran porcentaje de la población quede, por estas razones, socialmente excluida.

Autora: Millán Catzin Karen

- Alternativas De Accesibilidad Al Servicio E Información En La Web Para Personas Con Alguna Discapacidad O Diversidad.

 - Alternativas De Accesibilidad Al Servicio E Información En La Web Para Personas Con Alguna Discapacidad O Diversidad:

La tecnología también se ha preocupado de aquellos que por alguna razón, han perdido movilidad en sus extremidades superiores y que tienen dificultades para usar computadores, y existen alternativas que aumentan la autonomía en independencia de su uso a personas que incluso tienen movilidad solo en su cara, ojos y voz.

• Usuarios con ceguera total que usan un programa lector de pantalla para acceder al contenido del navegador, escuchándolo por los altavoces o leyéndolo con su dedos mediante una línea Braille.
• Usuarios con poca visibilidad, visión parcial o ceguera al color, que emplean sistemas de ampliación de la pantalla, recurren al aumento del tamaño de las letras o requieren un contraste efectivo de color entre el texto y el fondo.
• Usuarios con limitación motriz en sus manos, que no pueden utilizar el ratón y acceden al contenido web exclusivamente mediante el teclado de su ordenador o lo hacen mediante sistemas de reconocimiento de voz, navegando mediante instrucciones verbales que dan a su ordenador.
• Usuarios con sordera total que requieren de alternativas textuales a elementos multimedia sonoros.
• Usuarios con un lenguaje de compresión y entendimiento muy limitado, como es el caso de personas con discapacidad intelectual.
• Usuarios de conexiones lentas a Internet o que acceden mediante equipos portátiles del tipo "palm top" o teléfonos móviles con reducidas pantallas gráficas, que se benefician del diseño accesible.

El lenguaje “la persona primero” se usa para comunicarse de manera adecuada y respetuosa con las personas con discapacidades y acerca de ellas. Este tipo de lenguaje pone énfasis en la persona y no en la discapacidad. Por ejemplo, al referirse a una persona con una discapacidad, se nombra a la persona primero al usar frases como “una persona que…”, “una persona con…” o “una persona que tiene…”.

Estos son algunos consejos generales que se pueden seguir:

-No usar lenguaje que sugiera la falta de algo

-No usar lenguaje ofensivo

-Evitar lenguaje que implique estereotipos negativos

-No mostrar a las personas con discapacidad como fuente de inspiración solo debido a su discapacidad

Autor: Cauich Cauich Gerardo

Referencias: 

-Akus.net. (2018, 25 noviembre). Accesibilidad web. Recuperado 10 de febrero de 2021, de https://disenowebakus.net/accesibilidad-web.php

-Discapnet. (2017, 13 junio). Accesibilidad. Recuperado 10 de febrero de 2021, de https://www.discapnet.es/areas-tematicas/tecnologia-inclusiva/observatorio-de-accesibilidad-tic

Barreras de la accesibilidad al servicio e información en la web

  Diseño del Contenido:

• Navegadores antiguos: Proporcionar alternativas cuando se utilizan elementos que no tienen soporte en tecnologías antiguas. Si usamos Javascript para mostrar un menú, este debe funcionar igualmente aunque la tecnología no esté disponible. 
• Navegadores de texto: Incluir un equivalente textual para todos los elementos no textuales(imágenes, vídeos o sonidos)
• Conexiones lentas: minimizar el tiempo de carga de los elementos de la web.
• Pantallas pequeñas o muy grandes: diseño web responsive.
• Monitores monocromos: evitar funcionalidades que se interpretan por su color, etc.

Contexto del usuario:

Ceguera:

• Las imágenes sin texto alternativo no pueden ser leídas por los lectores de pantalla.

• Las imágenes que incluyen gráficos que representan datos o textos insertados mediante imágenes tampoco son leídos por los lectores de pantalla.

• Elementos multimedia sin descripción textual.

• Tablas en las que el contenido es incomprensible cuando se lee de forma secuencial.

• Falta de independencia de dispositivo, la web debe ser funcional cuando no se utilice ratón.

• Formatos no accesibles de documentos que pueden dar problemas a los lectores de pantalla si no cumplen las normas de accesibilidad (por ejemplo en documentos pdf que no cumplen las normas).

Baja Visión:

• Tamaño de letra con medidas absolutas que no permiten su cambio.
• Maquetación desajustada al modificar los tamaños de la fuente y que complican la navegabilidad.
• Poco contraste entre textos, fondos e imágenes.
• Texto insertado mediante imágenes.

Daltonismo:

• Color para el resaltado de los textos sin utilizar otro formato adicional como la cursiva, la negrita o el subrayado.
• Poco contraste entre textos, fondos e imágenes.

Auditivas 

• Falta de subtítulos o transcripciones de los contenidos.
• Obligatoriedad del uso de micrófono sin posibilidad de desactivación.

Motrices:

• Elementos de interacción muy pequeños: botones, enlaces, etc.
• Falta de independencia de dispositivo, la web debe ser funcional cuando no se utilice ratón.

Neurológicas o cognitivas (dislexia, trastornos de atención, falta de memoria…):

• Tamaño de letra fijo que no se puede cambiar.
• Elementos sonoros o visuales que no se pueden desactivar.
• Falta de estructuración y organización del contenido que impide entenderlo correctamente.
• Lenguaje muy enrevesado y frases muy complejas.
• Destellos o parpadeos frecuentes que pueden provocar ataques de epilepsia.

Diversidad de dispositivo:

Se debe tener en cuenta que la falta de accesibilidad a instalaciones o dispositivos puede suponer un riesgo muy importante, por diferentes razones:

• La falta de accesibilidad es un filtro que descarta automáticamente el talento y el potencial de muchas personas, a las que impedimos su pleno desarrollo profesional.

Para que la accesibilidad no sea ningún obstáculo para la integración social de personas con discapacidad. En la actualidad con la gran variedad de dispositivos, resoluciones de pantalla y navegadores, lass cuestiones son diferentes; se deben tener en cuenta diferentes tipos de variables y realizar un diseño mucho más dinámico que, en lo posible, se ajuste a dispositivos de “todos los colores, sabores y olores

Conexión:

Las condiciones técnicas de acceso a Internet también se pueden estudiar y resolver desde el punto de vista de la accesibilidad web. Por ejemplo, un usuario con una conexión lenta a Internet puede desactivar la carga de las imágenes para que las páginas se carguen más rápidamente en su navegador. Pero entonces, el usuario pasará a convertirse en un "usuario ciego temporal".

Yagruma es un sitio web dedicado a proyectos culturales y creativos en Cuba. Para el que no lo sepa, en Cuba (y también en otros muchos países), la conexión a Internet no es muy rápida.

Para ayudar a reducir el impacto de las conexiones lentas, en Yagruma ofrecen la opción de elegir el tipo de conexión, lenta o rápida:

En el área de preguntas y respuestas de este sitio web nos explican que la conexión lenta comprime todas las imágenes, hasta un 70% en algunos casos: a cambio de un pequeño sacrificio en la calidad de las imágenes, se logra una reducción en el tiempo de carga de las páginas.

A continuación tenemos un ejemplo de dos imágenes, la primera es la versión de la conexión rápida y la segunda es la versión para la conexión lenta. Podemos ver que en el segundo caso aparece el famoso ruido de JPG cuando la calidad es baja.

Imagen de la versión rápida, 101 KB:

Imagen de la versión lenta, 26,1 KB:

Otra técnica que se puede aplicar para mejorar la velocidad de descarga, en realidad, para mejorar la percepción del usuario (porque en realidad no se mejora la velocidad de descarga), es utilizar imágenes en formato JPEG progresivo. ¿No sabes lo que es? En Progressive jpegs: a new best practice te lo cuentan.

Navegadores:

Accesibilidad de los navegadores web

El navegador es el programa que solicita y muestra en la pantalla del ordenador personal los documentos que residen en los servidores remotos de toda la World Wide Web. El navegador debe interactuar con los equipos y programas de acceso al ordenador que éste tenga instalados.

Además, en algunos casos, si la página cumple los criterios de diseño accesible, el navegador puede presentar al usuario la información en distintos formatos, dependiendo de la opción de configuración seleccionada. Por ejemplo, mostrar el texto descriptivo de la imagen en lugar de la propia imagen.

Los navegadores de acceso alternativo se caracterizan por presentar la información de las páginas web de manera distinta a la convencional, normalmente en formato sólo texto o mediante audio y síntesis de voz.

A menudo las personas con deficiencias visuales utilizan los navegadores sólo-texto porque ofrecen una mejor integración con los programas y equipos lectores de pantalla que éstas utilizan. Por el contrario, una persona con deficiencias cognitivas o un usuario "normal" acostumbrado a usar navegadores genéricos puede encontrar menos accesibles las páginas web al utilizar este tipo de navegadores.

Sin embargo, no son sólo personas con discapacidad las que usan navegadores sólo-texto o de acceso alternativo. Estos son usados a veces por usuarios sin discapacidad en las siguientes circunstancias:

• Personas con ordenadores antiguos o terminales de mainframes que no soportan los nuevos interfaces gráficos de usuario y deben usar programas basados en MS-DOS u otro sistema operativo.
• Personas que navegan por la red a través de conexiones con muy pequeño ancho de banda o que pagan altos costes de conexión (por ejemplo llamando mediante teléfonos móviles) y que deben limitar por tanto el tamaño de la información transmitida.
• Personas más interesadas en el contenido que en la presentación y maquetación de las páginas.

En otros casos, estos tipos de personas optan por usar algún navegador estándar pero con las opciones de mostrar gráficos, Java y otros elementos multimedia desactivadas.

Un problema que aparece es la necesidad de estar al día con los últimos estándares y posibilidades de la web que van apareciendo permanentemente. Los navegadores de acceso alternativo suelen estar desarrollados por organizaciones que menor entidad (en algún caso incluso personas voluntarias) que no pueden lanzar las nuevas versiones de los programas con la misma celeridad que otras casas como Microsoft o Netscape, o que lo hacen a costa de limitar la funcionalidad del programa en otros aspectos secundarios.

Por este motivo, mucho usuarios con discapacidad prefieren realizar el esfuerzo de utilizar un navegador estándar aunque esto les cause problemas de accesibilidad en ocasiones. Saben que es el precio que deben pagar por estar a la última en Internet.

Aspectos tecnológicos 

Discapacidad tecnológica

Sistemas operativos antiguos; navegadores alternativos; ancho de banda de comunicación por Internet bajo; ausencia de un plugin para reproducir ciertos contenidos; dispositivo de visualización de pequeño tamaño.

Autores: Ramos Peraza Cristhian Leonel/ Millán Catzin Karen

Normatividad y principios de accesibilidad de herramientas de autor.

 

 Esfuerzos normativos en el ámbito de la accesibilidad web

En los últimos años, diversas organizaciones han especificado las características que debían cumplir los sistemas en el ámbito web para ser accesibles y ser utilizados por todas las personas de forma autónoma o con el uso de ayudas técnicas. Entre las más relevantes, destaca el Consorcio W3C (World Wide Web Consortium). Fundado en el año 1994, el W3C es la comunidad internacional que trabaja en el desarrollo de estándares y protocolos Web comunes.

Como puede observarse en la imagen existen diversos componentes que intervienen para asegurar que la Web sea accesible. En los vértices se sitúa a los implicados para desarrollar la Web, al contenido presente en una página web y también a los usuarios que acceden a la Web. Y entre estos elementos relacionando los desarrolladores con el contenido, las herramientas de autor para crear sitios web y las herramientas de evaluación de la accesibilidad web.

Pautas de Accesibilidad del Contenido Web (WCAG)

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

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

Pautas de Accesibilidad para las Herramientas de Autor (ATAG)

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

Pautas de Accesibilidad para Aplicaciones de Usuario (UAAG)

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

Actualmente se está trabajando en la segunda versión, las pautas UAAG 2.0 que permitirán ayudar a la futura generación de navegadores web para proveerlos de funcionalidades accesibles y acceso alternativo a la información.

Accessible Rich Internet Applications (WAI-ARIA)

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

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

Otras guías y recomendaciones de accesibilidad

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

Destacan las siguientes:

• las «IMS Guidelines for Developing Accessible Learning Applications» para aplicaciones web en ámbito de e-learning;
• las «IBM Web accessibility checklist«, conjunto de pautas desarrollado por IBM para crear sitios web accesibles, que tienen muchas similitudes con las pautas WCAG 2.0 y las Sección 508;
• las pautas CPB/WGBH National Center for Accessible Media creadas para el desarrollo de software y sitios web educativos;
• las pautas Web design guidelines for older people (WDGO), que son de diseño para el desarrollo de aplicaciones dirigidas a personas mayores, y
• las pautas Mobile Web Best Practices (MWBP), que tienen como objetivo mejorar la accesibilidad web cuando se accede utilizando dispositivos móviles.
  

Autora: Varguez Canul Ciely 

  Aplicaciones de usuarios y diseño de contenidos digitales

💻Consorcio Word Wilde Web (W3C)

El Word Wide Web Consortium, más conocido como el W3C, es un consorcio internacional de organizaciones vinculadas a las tecnologías de información que busca promover la evolución de la Red a través del establecimiento de distintas pautas para su estandarización. Con el objetivo de garantizar una Web Universalmente accesible, más allá de las Diferencias de Idiomas, Navegador, Sistemas Operativos, Plataformas, Localización Geográfica o Aptitudes Tecnológicas. El W3C ofrece pautas sobre la mayoría de los Lenguajes y Tecnologías de uso común en la construcción de Páginas y aplicaciones Web como: HTML (HyperText Markup Language), para definir la estructura de los documentos; XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías; y CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos, XHTML y sus distintas versiones entre muchas otras. 

Estándares W3C, es una organización independiente y neutral, que desarrolla estándares relacionados con la Web también conocidos como Recomendaciones, que sirven como referencia para construir una Web accesible, interoperable y eficiente, en la que se puedan desarrollar aplicaciones cada vez más robustas. La finalidad de los estándares es la creación de una Web universal, accesible, fácil de usar y en la que todo el mundo pueda confiar. Con estas tecnologías abiertas y de uso libre se pretende evitar la fragmentación de la Web y mejorar las infraestructuras para que se pueda evolucionar hacia una Web con la información mejor organizada. El W3C se guía por los principios de accesibilidad, internacionalización, e independencia de dispositivo, entre otros. Esto facilita que el acceso a la Web sea posible desde cualquier lugar, en cualquier momento y utilizando cualquier dispositivo. 

LA ORGANIZACIÓN W3C TIENE CUATRO OBJETIVOS BÁSICOS: 

🌍WEB PARA TODOS: Accesibilidad para todo el mundo de forma global, sin barreras tecnológicas, limitaciones físicas o culturales. 

✋ WEB SOBRE TODO: Intentar añadir el máximo de dispositivos a la Web, actualmente estamos en un proceso de apertura y televisiones están iniciando su camino hacia la Web. 

💬 BASE DE CONOCIMIENTO: Permitir que cada usuario pueda hacer un buen uso de la web. 

🔒 SEGURIDAD: Guiar al desarrollo de la web respetando las normas legales, comerciales y los aspectos sociales originados por esta tecnología. 

Yoana Dzul #15

💻La Iniciativa para la Accesibilidad Web (WAI).

 La Iniciativa de Accesibilidad Web (WAI) es una iniciativa del W3C.

WAI desarrolla su trabajo a través del proceso basado en el consenso del W3C, que involucra a diferentes partes interesadas en la accesibilidad web. Estos incluyen la industria, organizaciones de discapacidad, gobierno, organizaciones de investigación de accesibilidad y más.

WAI, en asociación con organizaciones de todo el mundo, persigue la accesibilidad de la Web a través de cinco actividades principales:

• Asegurando que las tecnologías centrales de la web soporten accesibilidad.
• Desarrollando directrices para contenido web, agentes de usuario y herramientas de creación.
• Facilitando el desarrollo de herramientas de evaluación y reparación de accesibilidad.
• Llevando a cabo actividades de educación y divulgación.
• Coordinando la investigación y el desarrollo que pueda afectar la accesibilidad futura de la Web.

Yoana Dzul