Accesibilidad en los Sistemas de Información

Transcripción

1 Accesibilidad en los Sistemas de Información David Cabrero Souto Departamento de Computación Facultad de Informática Universidade da Coruña Accesibilidad en los Sistemas de Información p. 1

2 Discapacidades Sordera Ceguera, visión reducida Capacidad motriz limitada Discapacidad de aprendizaje Mudez Accesibilidad en los Sistemas de Información p. 2

3 Tecnologías Asistivas Cómo usa el ordenador una persona con discapacidad? Líneas braille Sintetizador de voz Lector de pantalla Captioning Teclados adaptados y sustitutos de ratón Temas con alto contraste, iconos grandes,... Configuraciones del sistema operativo Teclado en pantalla, texto predictivo Magnificador de pantalla Accesibilidad en los Sistemas de Información p. 3

4 Accesibilidad. Cómo? Habilitación de tecnologías asistivas Interfaces de Usuario alternativas y/o complementarias Usar los servicios del sistema Aplicación Sistema Aplicación Toolkit <<Bridge>> Accesibilidad Broker/Registro Accesibilidad Librería compartida TA (#1) TA (#2) API AT SPI Accesibilidad en los Sistemas de Información p. 4

5 Accesibilidad. Cómo? (II) Acomodar la Interface de Usuario. Algunos ejemplos: Accesibilidad en los Sistemas de Información p. 5

6 Accesibilidad. Cómo? (II) Acomodar la Interface de Usuario. Algunos ejemplos: Colores y fuentes configurables FontData labelfontdata = new FontData( Arial, 10, SWT.BOLD); Font labelfont = new Font(parent.getDisplay(), labelfontdata); Accesibilidad en los Sistemas de Información p. 5

7 Accesibilidad. Cómo? (II) Acomodar la Interface de Usuario. Algunos ejemplos: Colores y fuentes configurables FontData labelfontdata = new FontData( Arial, 10, SWT.BOLD); Font labelfont = new Font(parent.getDisplay(), labelfontdata); Font labelfont = JFaceResources.getBannerFont(); Accesibilidad en los Sistemas de Información p. 5

8 Accesibilidad. Cómo? (II) Acomodar la Interface de Usuario. Algunos ejemplos: Colores y fuentes configurables Acomodar al lector de pantallas (Ventana de login) Label nametitle = new Label(workArea, SWT.NONE); nametitle.settext( Name: ); Label passwordtitle = new Label(workArea, SWT.NONE); passwordtitle.settext( Password: ); nameentryfield = new Text(workArea, SWT.BORDER); passwordentryfield = new Text(workArea, SWT.BORDER); Accesibilidad en los Sistemas de Información p. 5

9 Accesibilidad. Cómo? (II) Acomodar la Interface de Usuario. Algunos ejemplos: Colores y fuentes configurables Acomodar al lector de pantallas (Ventana de login) Label nametitle = new Label(workArea, SWT.NONE); nametitle.settext( &Name: ); nameentryfield = new Text(workArea, SWT.BORDER); Label passwordtitle = new Label(workArea, SWT.NONE); passwordtitle.settext( &Password: ); passwordentryfield = new Text(workArea, SWT.BORDER); Accesibilidad en los Sistemas de Información p. 5

10 Accesibilidad. Por qué? Por qué tener en cuenta la accesiblidad? Somos personas Accesibilidad en los Sistemas de Información p. 6

11 Accesibilidad. Por qué? Por qué tener en cuenta la accesiblidad? Somos personas Ánimo solidario Accesibilidad en los Sistemas de Información p. 6

12 Accesibilidad. Por qué? Por qué tener en cuenta la accesiblidad? Somos personas Ánimo solidario Es la ley Accesibilidad en los Sistemas de Información p. 6

13 Accesibilidad. Por qué? Por qué tener en cuenta la accesiblidad? Somos personas Ánimo solidario Es la ley Está de moda Accesibilidad en los Sistemas de Información p. 6

14 Accesibilidad. Por qué? Por qué tener en cuenta la accesiblidad? Somos personas Ánimo solidario Es la ley Está de moda Egoísmo Accesibilidad en los Sistemas de Información p. 6

15 Software Libre Software Libre + Proyectos de accesibilidad = matrimonio perfecto Accesibilidad en los Sistemas de Información p. 7

16 Haz lo que yo digo... Web de la facultad de informática <a href="#content" title= Saltar o menú class="hide"> Saltar o menú </a> <div class="iewokaraun"> Menú: </div> <ul id="menubar"> <li id="faculty"> <a href= /Faculty.do title= A facultade >A facultade</a> <ul> <li><a href= /HarvestExternalData.do?operation=faculty.howtoarrive title= Cómo chegar >Cómo chegar</a></li> <li><a href= /HarvestExternalData.do?operation=faculty.library title= Biblioteca >Biblioteca</a></li> <li><a href= /HarvestExternalData.do?operation=faculty.departments title= Departamentos >Departamentos</a></li> Accesibilidad en los Sistemas de Información p. 8

17 Haz lo que yo digo... (II) Cogami (Confederación Gallega de Minusválidos) Proyecto de teleenseñanza Accesibilidad en los Sistemas de Información p. 9

18 Haz lo que yo digo... (II) Cogami (Confederación Gallega de Minusválidos) Proyecto de teleenseñanza Lazarux Distribución Linux (Live-CD) Accesibilidad en los Sistemas de Información p. 9

19 Haz lo que yo digo... (II) Cogami (Confederación Gallega de Minusválidos) Proyecto de teleenseñanza Lazarux Distribución Linux (Live-CD) LAForGE (Leveraging Accessibility FOR Gentler Eclipse) Accesibilidad en la plataforma Eclipse <autobombo> IBM s Eclipse Innovation Grant 2004 </autobombo> Accesibilidad en los Sistemas de Información p. 9

20 Accesibilidad y W3C W3C tiene un gran compromiso con la accesibilidad: The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, W3C Director and inventor of the World Wide Web Accesibilidad en los Sistemas de Información p. 10

21 Accesibilidad y W3C W3C tiene un gran compromiso con la accesibilidad: The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, W3C Director and inventor of the World Wide Web SMIL (Synchronized Multimedia Integration Language) extended-media-object.html#media-mediaaccessibility Accesibilidad en los Sistemas de Información p. 10

22 Accesibilidad y W3C W3C tiene un gran compromiso con la accesibilidad: The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, W3C Director and inventor of the World Wide Web SMIL (Synchronized Multimedia Integration Language) extended-media-object.html#media-mediaaccessibility WAI (Web Accessibility Initiative) Accesibilidad en los Sistemas de Información p. 10

23 WAI En Artículos, noticias, enlaces, recursos Accesibilidad en los Sistemas de Información p. 11

24 WAI En Artículos, noticias, enlaces, recursos Recursos: Web Content Accessibility Guidelines Accesibilidad en los Sistemas de Información p. 11

25 WAI En Artículos, noticias, enlaces, recursos Recursos: Web Content Accessibility Guidelines Checklist of Checkpoints for Web Content Accessibility Guidelines Accesibilidad en los Sistemas de Información p. 11

26 WAI En Artículos, noticias, enlaces, recursos Recursos: Web Content Accessibility Guidelines Checklist of Checkpoints for Web Content Accessibility Guidelines Techniques for Web Content Accessibility Guidelines Accesibilidad en los Sistemas de Información p. 11

27 Web Content Accessibility Guidelines De nuevo: acomodar las tecnologías asistivas. Accesibilidad en los Sistemas de Información p. 12

28 Web Content Accessibility Guidelines De nuevo: acomodar las tecnologías asistivas. Ejemplo: Alternativas equivalentes para el contenido visual Accesibilidad en los Sistemas de Información p. 12

29 Web Content Accessibility Guidelines De nuevo: acomodar las tecnologías asistivas. Ejemplo: Alternativas equivalentes para el contenido visual <img src= /i/ jpg /> Navegador modo texto (p.e. links): Accesibilidad en los Sistemas de Información p. 12

30 Web Content Accessibility Guidelines De nuevo: acomodar las tecnologías asistivas. Ejemplo: Alternativas equivalentes para el contenido visual <img src= /i/ jpg /> <img src= /i/ jpg alt= Foto del gato /> Navegador modo texto (p.e. links): Foto del gato Accesibilidad en los Sistemas de Información p. 12

31 Web Content Accessibility Guidelines (II) Agrupar enlaces y facilitar un camino alternativo. Accesibilidad en los Sistemas de Información p. 13

32 Web Content Accessibility Guidelines (II) Agrupar enlaces y facilitar un camino alternativo. <a href= #menubar title= Saltar selección de idioma class= hide > Saltar seleccción de idioma </a> Accesibilidad en los Sistemas de Información p. 13

33 Web Content Accessibility Guidelines (II) Agrupar enlaces y facilitar un camino alternativo. Accesibilidad en los Sistemas de Información p. 13

34 Web Content Accessibility Guidelines (II) Agrupar enlaces y facilitar un camino alternativo. Accesibilidad en los Sistemas de Información p. 13

35 Listas de validación Listas de comprobación divididas en tres prioridades: Prioridad 1. Tiene que. Prioridad 2. Debería. Prioridad 3. Podría. Con niveles de adecuación: A. Prioridad 1. Doble A. Prioridad 1 y 2. Triple A. Prioridad 1, 2 y 3. Accesibilidad en los Sistemas de Información p. 14

36 Listas de validación (II) Ejemplo. Puntos de verificación: 1.1 Proporcione un texto equivalente para todo elemento no textual (p. ej. a través de alt, longdesc o en el contenido del elemento).... [Prioridad 1] Proporcione enlaces redundantes en formato texto con cada zona activa de un mapa de imagen del servidor. [Prioridad 1]... Accesibilidad en los Sistemas de Información p. 15

37 Listas de validación (III) Software de validación. Accesibilidad en los Sistemas de Información p. 16

38 Listas de validación (III) Software de validación. Peligro: <img src= /i/ jpg alt= /> Accesibilidad en los Sistemas de Información p. 16

39 Lo dice el sentido común, pero no es un estándar. Accesibilidad en los Sistemas de Información p. 17