Presentación realizada en el marco de la Jornada "La Accesibilidad Web es posible: Experiencias y Casos de Aplicación", organizada por la Facultad de Informática, la Comisión de Discapacidad de la UNLP y el CeSPI. Más información: http://goo.gl/MfZ9k1.

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

2. 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

3. PROBLEMÁTICA PAGINA PRINCIPAL
CONICET: Una experiencia de accesibilidad

4. RESULTADOS DEL VALIDADOR EXAMINATOR.WS
CONICET: 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

5. 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

6. EJEMPLO:
1. Hay un elemento embed sin contenido alternativo
<embed width="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>

8. PROBLEMÁTICA PÁGINA DE CONTACTO
CONICET: Una experiencia de accesibilidad

9. RESULTADOS DEL VALIDADOR EXAMINATOR.WS
CONICET: 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

10. 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

11. CONCLUSIONES DE LA EXPERIENCIA:
COMUNICACIÓN Y ACEPTACIÓN
ACCESIBILIDAD WEB EN INFORMÁTICA Y EL ESTADO
MIRADA ACTUAL
CONICET: Una experiencia de accesibilidad

12. Gracias!!!