La Accesibilidad Web es posible: Gilda jaunsaras

Post on 13-Apr-2017

176 views 2 download

Transcript of La Accesibilidad Web es posible: Gilda jaunsaras

La Accesibilidad Web es posible: “Experiencias ycasos de aplicación”Alumno: Ing. Gilda Jaunsaras

CONICET: Una experiencia de accesibilidad

CLAVES:

Conciencia del Acceso a la Información

Diseño Universal

Contenido reproducible bajo distintas circunstancias

Planificación de mejoras Web

PROBLEMÁTICA PAGINA PRINCIPAL

CONICET: Una experiencia de accesibilidad

RESULTADOS DEL VALIDADOR EXAMINATOR.WSCONICET: Una experiencia de accesibilidad

Puntaje total: 5.0

Limitación total para ver: 4.4

Limitación grave para ver: 5.2

Limitación de los miembros superiores: 5.2

Limitación para comprender: 4.9

Limitaciones derivadas de la edad: 5.5

WWW.CONICET.GOV.AR

MUY MAL: •Hay un elemento embed sin contenido alternativo•Hay trece tablas sin celdas de encabezados•Hay un elemento object sin alternativa textual•Hay 8 enlaces cuyo contenido es sólo una imagen sin alternativa textual•Hay tres controles de formulario sin etiquetas asociadas ni atributo title•Hay 11 enlaces con el mismo texto pero diferentes destinos•Hay dos formularios sin botones de envío

MAL: •Hay ocho imágenes sin alternativa textuales•En dos casos se asocian eventos a elementos no interactivos•El primer enlace de la pagina no lleva al contenido principal de la pagina•Falta el código de idioma en el atributo xml: lang

REGULAR:•Falta el encabezado principal de la página

EJEMPLO: 1. Hay un elemento embed sin contenido alternativo <embedwidth="536" height="160" src="http://www.conicet.gov.ar/wp-content/uploads/2013/03/banner-55-YPF2-OBRAS-VALOR-SINEP.swf"> <NOEMBED>Su navegador no soporta el plug-in RealAudio</NOEMBED>En caso de que no acepte el Plug-in Mostraría un texto alternativo.

2. Hay trece tablas sin celdas de encabezados

Dado que estaban colocadas etiquetas <td> que no tenían encabezados, por ello como era una tabla que visualizaba un menú, y no estaba en CSS, se le agregó la etiqueta <th> en reemplazo de <td> Por ejemplo: <tr> <th > <a href="http://www.conicet.gov.ar/">Inicio</a> </th> </tr>

PROBLEMÁTICA PÁGINA DE CONTACTO

CONICET: Una experiencia de accesibilidad

RESULTADOS DEL VALIDADOR EXAMINATOR.WSCONICET: Una experiencia de accesibilidad

Puntaje total: 3.9

Limitación total para ver: 4.1

Limitación grave para ver: 4.2

Limitación de los miembros superiores: 3.2

Limitación para comprender: 3.4

Limitaciones derivadas de la edad: 4.3

URL: http://web.conicet.gov.ar/web/conicet/contacto

MUY MAL:

•Hay quince tablas sin celdas de encabezado•Hay seis controles de formulario sin etiquetas asociadas•Hay catorce enlaces cuyo contenido es sólo una imagen sin alternativa textual•En tres casos se especifican valores absolutos para el tamaño de las fuentes•En cuatro casos se usan medidas absolutas en atributos HTML

REGULAR:

•En dos casos se usan medidas absolutas para indicar el ancho de un elemento•Hay un caso de regla CSS que no especifican los colores de primer plano y fondo a la vez

MAL:

•Hay dos etiquetas sin atributo for•No existen enlaces para saltar bloques de contenido•El primer enlace de la página no lleva al contenido principal de la página•Hay 60 valores repetidos en los atributos id•En dos casos se asocian eventos a elementos no interactivos

CONCLUSIONES DE LA EXPERIENCIA:

COMUNICACIÓN Y ACEPTACIÓN

ACCESIBILIDAD WEB EN INFORMÁTICA Y EL ESTADO

MIRADA ACTUAL

CONICET: Una experiencia de accesibilidad

Gracias!!!