ORIENTACIONES PARA CONSEGUIR PÁGINAS MÁS ACCESIBLES PARA PERSONAS CON DISCAPACIDAD

Si realizo una página web para mi alumnado, ¿Qué aspectos debo tener en cuenta para que sea accesible a mis alumnos con discapacidad visual?

Indiscutiblemente para conseguir crear una página Web accesible a todos debemos tener en cuenta las pautas de accesibilidad WGAC de la WAI. Por ello, en este post haremos referencia a los aspectos que debemos tener presente tales como:

• Estructuración. La manera en que se estructura el contenido de una página web es una parte muy importante de accesibilidad. Los elementos de estructura básicos son:
• Encabezados: deben describir brevemente el tema de la sección que introducen.
• Listas: enumeraciones de elementos.
• Tablas de datos: presentaciones de datos organizados en filas y columnas.

• Imágenes. Deben disponer de una descripción textual alternativa.

• Enlaces. Se debe tener en cuenta que: 
• Los textos de los enlaces deben ser breves y significativos.
• Se debe llegar a ellos por teclado con Tabulador y Shift + tabulador y ejecutar su acción con ENTER.
• Los enlaces de texto deben distinguirse visualmente de un modo tal que éstos sean obvios para los usuarios (subrayándolos, invirtiendo los colores, etc.)
• Para las imágenes que son enlaces, la existencia de textos alternativos es la  única posibilidad para que una persona ciega pueda localizar un determinado enlace y por tanto ir a su destino.
• A veces, con la intención de favorecer a las personas ciegas, se tiende a  incluir en el texto que se asocia a un enlace gráfico prefijos del tipo “Ir a….” ,“Saltar a…”, o “Enlace a…”. 

• Acceso mediante el teclado a toda funcionalidad. Es necesario contemplar la funcionalidad y operatividad total a través del teclado del ordenador.

• Título de páginas. Deben ser títulos breves y significativos.

• Cambios en el contexto sin el conocimiento del usuario. En todo momento el usuario debe poseer el control sobre el sitio Web, evitando los refrescos de página, redirecciones automáticas, movimientos, parpadeos, etc. que pudiera haber en las páginas que lo constituyen.

• Idiomas. El desarrollador web debe identificar correctamente el idioma de cada página. Esto permite que los Revisores de Pantalla puedan adaptar automáticamente el idioma de la síntesis al definido en cada página.

• Documentos en PDF. Documentos totalmente recomendados por tener el soporte de accesibilidad.

• Flash. Del mismo modo que los documentos en PDF es una tecnología que dispone del soporte de accesibilidad. 

Paso a paso, poniendo todos nuestro granito de arena podemos ir allanando las barreras tecnológicas en el acceso a la Red, logrando cada vez un mayor cumplimiento de los requisitos mínimos para la accesibilidad Web, teniendo en cuenta que sus beneficios no son únicamente para las personas discapacitadas o de edad avanzada, sino que la accesibilidad Web es para todos.

http://www.disenoparatodos.com/

Referencias bibliográficas

ONCE-CIDAT. (2013). Guía de referencia: Accesibilidad de páginas Web. Recuperado en http://www.once.es/new/servicios-especializados-en-discapacidad-visual/accesibilidad/accesibilidad-en-internet/documentos/AccesibilidadWeb2013.pdf

ACCESO A LA RED PARA PERSONAS CON DISCAPACIDAD VISUAL: AYUDAS TÉCNICAS Y PRINCIPIOS DE ACCESIBILIDAD

¿Qué ayudas técnicas pueden utilizar mis alumnos con discapacidad visual para acceder a la información de páginas web? ¿Qué principios de accesibilidad se deben contemplar para que mis alumnos con discapacidad visual no encuentren barreras de acceso a la información?

Las personas con discapacidad visual en ocasiones, se encuentran con barreras que dificultan su acceso a la Red debido a que estas páginas Web no contemplan los criterios básicos de accesibilidad y de diseño para todos.

En el caso de España, gracias a la norma UNE 139.803 “Aplicaciones informáticas para personas con discapacidad. Requisitos de accesibilidad para contenidos en la Web” quedan reflejadas las necesidades de estas personas. De modo que para que las personas ciegas o con deficiencia visual no encuentren dificultades al acceder a los contenidos web es necesario que sus equipos cuenten con una serie de ayudas técnicas, tales como:

• Lectores de pantalla.
• Líneas Braille.
• Magnificadores de pantalla (deficiencia visual).

http://grupovisual2.blogspot.com.es/2012/04/aportaciones-de-las-tic-los-estudiantes.html

Pero además de estas ayudas técnicas, en la Web se deben tener en cuenta los siguientes principios:

• Proporcionar un texto equivalente a los contenidos no textuales que transmiten información: imágenes, gráficos, animaciones, etc.
• Incluir audio descripción de vídeos.
• Presentar una alternativa que no dependa de colores en la información transmitida mediante el color.
• Mostrar un buen contraste entre el fondo y primer plano de las imágenes y entre el fondo y el texto.
• Mostrar la posibilidad de adaptar el tamaño de la web a las necesidades de cada usuario.
• Definir la estructura de cada página web mediante el código, marcando encabezados, párrafos y listas.
• Marcar mediante el código el idioma principal de una página y los fragmentos incluidos en idiomas distintos al principal.
• Evitar la actualización automática del contenido de la página web.
• Proporcionar la posibilidad de interactuar en la página web con distintos dispositivos.
• Incluir un título significativo a los enlaces de las páginas web.
• Mostrar páginas con una estructura coherente, manteniendo sus principales elementos siempre en el mismo lugar: menú de navegación, buscador, etc.

Verdaderamente son principios sencillos de poner en práctica a la hora de desarrollar nuestra página web, pero ¿tenemos en cuenta estos principios para la accesibilidad de las personas con discapacidad visual? Es un interrogante fácil de contestar con la visión de algunos blogs o páginas web que carecen de fondos públicos.

Referencias bibliográficas

ONCE. Guía de Accesibilidad a los Medios de Comunicación de Personas con Discapacidad Sensorial. Recuperado en http://guiaaccesibilidad.periodismoinclusivo.com/internet.html

HERRAMIENTAS DE EVALUACIÓN DE LA ACCESIBILIDAD

¿Qué herramientas puedo utilizar en el aula para comprobar que las páginas web son accesibles para mis alumnos con discapacidad visual?

En la actualidad, cada vez son mayores los centros y aulas ordinarias caracterizados por una heterogeneidad de alumnado. Por otro lado, las Tecnologías de la Información y la Comunicación han dado un giro en la metodología de los docentes caracterizada por una gran cantidad de recursos tecnológicos y páginas web educativas. Sin embargo no todas las web están adaptadas para todo el alumnado, y por consiguiente, antes de hacer uso de ellas deberíamos comprobar si siguen los criterios de accesibilidad web. Para ello a continuación mostramos algunas herramientas adecuadas:

• Validadores automáticos de accesibilidad
• TAW WCAG 2.0 Beta: http://www.tawdis.net/. Servicio online que permite revisar la accesibilidad de una determinada URL. Se puede seleccionar nivel A, AA, AAA y existe versión en español.

http://discapacidad.ideal.es/2011/04/taw-te-ofrece-una-herramienta-para-el-analisis-de-la-accesibilidad-de-sitios-web/

• eXaminator: http://examinator.ws/. Es un servicio para evaluar la accesibilidad de una página web, usando como referencia sólo algunas técnicas recomendadas por las WCAG 2.0. eXaminator adjudica una puntuación entre 1 y 10 como un indicador rápido de la accesibilidad de las páginas.

http://www.xtec.cat/~mlluelle/taw/valida.html

• HERA FFX: http://www.sidar.org/recur/aplica/heraffx.php. Es una herramienta de accesibilidad web que realiza un análisis automático preliminar y da soporte para realizar una revisión manual de las páginas web que se están visualizando en el navegador web Mozilla Firefox.

• Validación de la síntesis del código
• Validador (X)HTML de W3C: http://validator.w3.org/. Es un servicio online gratuito de validación de código que comprueba la conformidad de los documentos respecto a las gramáticas del W3C y otros estándares (X)HMTL.
• Validador de CSS de W3C: http://jigsaw.w3.org/css-validator/. Es una herramienta gratuita para validar las hojas de estilo CSS solas o presentes en documentos (X)HTML, comprobando de esta manera si cumplen las especificaciones del W3C. 

• Barras de herramientas
• Web Accesibility Toolbar. Es una barra de herramientas cuyas funciones son: redimensionar el tamaño del navegador, activar/ desactivar las hojas de estilo, localizar características desaconsejadas, analizar la página con los validadores HTML o CSS, listar o resaltar las imágenes presentes o sustituirlas por su texto alternativo, hacer pruebas de color, identificar y resaltar los elementos estructurales o semánticos de la página Web (encabezados, listas, tablas de datos, frames...), etc.
• Firefox Accesibility Extension. Extensión para Mozilla Firefox que añade una barra de herramientas con opciones útiles para realizar comprobaciones de accesibilidad. 

• Herramienta de evaluación de color y contraste
• Colour Contrast Analyser para páginas Web. Herramienta para analizar el contraste que ofrece distintas combinaciones de color de primer plano y de fondo. También contiene la funcionalidad para crear simulaciones de ciertas condiciones visuales como la ceguera al color. En este enlace podéis descargaros la herramienta: Descarga Colour Contrast Analyser

Referencias bibliográficas

ONCE-CIDAT. (2013). Guía de referencia: Accesibilidad de páginas Web. Recuperado en http://www.once.es/new/servicios-especializados-en-discapacidad-visual/accesibilidad/accesibilidad-en-internet/documentos/AccesibilidadWeb2013.pdf