Accesibilidad web - ipn.mx · Accesibilidad web | Criterios para la Accesibilidad para el Contenido...

Accesibilidad web CRITERIOS PARA LA ACCESIBILIDAD PARA EL CONTENIDO WEB DEL PORTAL INSTITUCIONAL

Accesibilidad web | Criterios para la Accesibilidad para el Contenido Web del portal institucional 1

Tabla de contenido

1 Introducción ............................................................................................................ 2

1.1 Propósito .................................................................................................................... 2

1.2 Resumen ..................................................................................................................... 2

2 Descripción general ................................................................................................. 2

2.1 Conceptualización ....................................................................................................... 2

3 Accesibilidad Web ................................................................................................... 3

3.1 Sitio Institucional ........................................................................................................ 3

4 Criterios .................................................................................................................. 5

4.1 Perceptible.................................................................................................................. 5

4.2 Operable ..................................................................................................................... 8

4.3 Comprensible .............................................................................................................. 9

4.4 Robusto .................................................................................................................... 10


1 Introducción

Este documento es una Especificación de la accesibilidad Web para Portal Web Institucional para el Sistema de información para que las páginas web no presenten problemas de accesibilidad y cumplan las pautas y directrices de accesibilidad existentes. Esta especificación se ha estructurado basándose en las herramientas de revisión de accesibilidad Web que tiene estándares de W3C.

1.1 Propósito El presente documento tiene como objetivo mostrar las características del sitio Web institucional que se tiene con respecto a la accesibilidad Web, donde personas con discapacidades pueden utilizar sitios web mediantes herramientas diseñadas para proporcionar acceso igualitario e igualdad de oportunidades a personas con capacidades diversas.

1.2 Resumen Este documento consta de tres secciones. En la primera sección se realiza una introducción

al mismo y se proporciona una visión general de lo que abarca el tema de accesibilidad Web.

En la segunda sección del documento se realiza una descripción general del sistema, con el fin de conocer las principales funciones de accesibilidad que éste debe realizar, los datos asociados y los factores sin entrar en excesivos detalles.

Por último, la tercera sección del documento se documenta las herramientas y procesos que

se utilizan para la accesibilidad Web para el sitio institucional.

2 Descripción general

2.1 Conceptualización La accesibilidad considera un amplio rango de discapacidades, tales como las visuales, auditivas, físicas, del habla, cognitivas, del lenguaje, de aprendizaje y neurológicas. Aunque estas pautas cubren un amplio rango de discapacidades, no son suficientes para satisfacer las necesidades de personas con todos los tipos, grados y combinaciones de discapacidad posibles. Estas pautas también ayudan a que el contenido sea más usable para las personas mayores, que ven sus habilidades reducidas a causa de la edad y, a menudo, mejoran la usabilidad para los usuarios en general. Por lo que el uso de herramientas dentro del sitio Web nos ayuda a proporcionar una mejor experiencia al usuario con capacidades diversas. Los criterios para la accesibilidad Web son 4 categorías con subcategorías que detallan que se tiene que hacer para cada criterio: Perceptible

• Alternativas textuales: Proporcionar alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple.

• Medios tempos dependientes: Proporcionar alternativas para los medios tempos dependientes (multimedia).


• Adaptable: Crear contenido que pueda presentarse de diferentes formas (por ejemplo, con una disposición más simple) sin perder información o estructura.

• Distinguible: Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo

Operable

• Accesible por teclado: Proporcionar acceso a toda la funcionalidad mediante el teclado.

• Tiempo suficiente: Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.

• Convulsiones: No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones.

• Navegable: Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.

Comprensible

• Legible: Hacer que los contenidos textuales resulten legibles y comprensibles.

• Predecible: Hacer que las páginas web aparezcan y operen de manera predecible.

• Entrada de datos asistida: Ayudar a los usuarios a evitar y corregir los errores. Robusto

• Compatible: Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas.

La accesibilidad se combina con otras mejores prácticas, como el diseño web móvil, la

independencia del dispositivo, la interacción multimodal, la usabilidad, el diseño para usuarios mayores y la optimización de motores de búsqueda (SEO). Los estudios de caso muestran que los sitios web accesibles tienen mejores resultados de búsqueda, menores costos de mantenimiento y mayor alcance de audiencia, entre otros beneficios. El desarrollo de un caso de negocio de accesibilidad web para su organización detalla los beneficios de la accesibilidad web.

3 Accesibilidad Web

3.1 Sitio Institucional A continuación se pone una tabla con las características que se tienen y que se aplicaron los criterios de accesibilidad:

Perceptible Criterios

Alternativas textuales

Se tienen alternativas textuales para todo contenido no textual tales como textos ampliados, símbolos y en un lenguaje simple (poco texto).

Medios tempo dependientes

Se tienen vídeos y audios para el contenido de algunas de las secciones.

Adaptable Se tiene contenido que puede presentarse de diferentes formas (responsiva) sin perder información o estructura.


Distinguible Se facilita a los usuarios ver el contenido mediante el contraste visual de texto e imágenes, cambio de tamaño de texto y logotipos intuitivos.

Operable

Accesible por teclado

Se proporciona acceso a toda la funcionalidad mediante el teclado (nativo de los navegadores).

Tiempo suficiente

Se manejan controladores (reproducir, pause, adelantar, atrasar) en videos propios así como externos (YouTube, Twitter, Facebook), además que para cualquier acción del usuario a la plataforma por lo que puede realizar cualquier tarea mientras permanezca en la página

Convulsiones Las páginas web no contienen nada que destelle más de tres veces en un segundo.

Navegable Se proporciona información, imágenes y ligas para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.

Comprensible

Legible Se tiene la página en la lengua oficial del país que es español, además del idioma inglés y francés.

Predecible

Los mecanismos de navegación se repiten en múltiples páginas web dentro de un conjunto de páginas web aparecen siempre en el mismo orden relativo cada vez que se repiten, en este caso son los menús, header y footer de las páginas Web.

Entrada de datos asistida

En los formularios se detecta automáticamente un error en la entrada de datos, el elemento erróneo es identificado y el error se describe al usuario mediante un texto.

Robusto

Compatible

Se tiene la compatibilidad para cualquier navegador y dispositivo por las tecnologías que se ocupan PHP, HTML5, CSS3, BOOTSTRAP, JQUERY y MySQL siendo herramientas Open Source que se les da mantenimiento en los diferentes navegadores siendo prácticamente estándares para cualquier navegador.


4 Criterios

4.1 Perceptible Alternativas textuales Íconos para aumentar y disminuir tamaño de letra

Íconos para activar y desactivar alto contraste de color

Iconografía


Medios dependientes Manejo de audios y videos con controles

Adaptable Se ajusta al tamaño de pantalla (móvil, Tablet, escritorio)


Distinguible Texto claro y distinguible para los diferentes elementos del sitio Web.


4.2 Operable Navegable


4.3 Comprensible Legible Información en Español, Inglés y francés

Predecible Plantilla para toda su plataforma


Entrada de datos asistida

4.4 Robusto Compatible.- Para diferentes navegadores y sistemas operativos


De las cuales se benefician:

• Usuarios de edad avanzada con dificultades producidas por el envejecimiento.

• Usuarios afectados por circunstancias derivadas del entorno como baja iluminación, espacio reducido, etc.

• Usuarios con insuficiencia de medios que acceden a los servicios de Internet mediante equipos y conexiones con capacidades limitadas.

• Usuarios que no dominen el idioma, como aquellos de habla extranjera o con menor nivel cultural.

• Usuarios inexpertos o que presentan inseguridad frente a la utilización de diversos dispositivos electrónicos.

Accesibilidad web - ipn.mx · Accesibilidad web | Criterios para la Accesibilidad para el Contenido...

Documents

Transcript of Accesibilidad web - ipn.mx · Accesibilidad web | Criterios para la Accesibilidad para el Contenido...