diseno_paginas_web_accesibles.pdf - Traducción de los...

This preview shows page 1 out of 187 pages.

Unformatted text preview: Traducción de los documentos sobre las “Pautas de accesibilidad al contenido en la Web 1.0” de WAI-W3C Región de Murcia Consejería de Trabajo, Consumo y Política Social Secretaría Sectorial de Acción Social Dirección General de Familia y Servicios Sectoriales DISEÑO DE PÁGINAS WEB ACCESIBLES EDICIÓN ELETRÓNICA: Distribución: Sección de Documentación Consejería de Trabajo, Consumo y Política Social Avda. de la Fama, 3 - 30003 MURCIA Teléfono: 968 36 68 24 - Fax: 968 36 51 82 [email protected] Aviso Legal Importante Edita: Consejería de Trabajo Consumo y Política Social Secretaría Sectorial de Acción Social Dirección General de Familia y Servicios Sectoriales Traducción Realizada por: Carlos Egea García, Alicia Sarabia Sánchez y Alan Chuter para Fundosa Teleservicios S.A. por encargo del Real Patronato sobre Discapacidad Diseño y Maquetación: alfredoparedes diseño gráfico • ilustración Imprime: Industrias Gráficas LIBECROM Depósito Legal: ISBN 84-87926-36-3 Este documento no tieneautorización oficial de World Wide Web Consortium (W3C), Web Accessibility Initiative (WAI). Contiene material con el copyright (c) W3C Los únicos documentos reconocidos por este Consorcio son sus originales en Inglés: • Fact Sheet for “Web Content Accessibility Guidelines 1,.0” • Quick Tips To Make Accessibles Web Sites • Web Contents Accessibility Guidelines 1.0 • Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0 Todos los derechos están reservados por W3C. Las normas aplicables de W3C pueden encontrarse en: • Sobre el copyright, la propiedad intelectual y los avisos legales. • Sobre uso de los documentos. • Sobre licencias de software. Este documento puede contener errores debido a su traducción. Construir una sociedad más justa e igualitaria es tarea de todos. Desde la Consejería de Trabajo, Consumo y Política Social de la Región de Murcia estamos construyendo igualdad; y para construirla estamos trabajando desde todos los ámbitos y todas las áreas. Nuestra meta en el sector de la discapacidad es la plena integración social y laboral de las personas que la padecen y la atención a sus familiares; tratando de adaptar nuestras políticas y nuestras acciones a las nuevas demandas sociales que se vienen produciendo, algunas de las cuales ya se han consolidado en el pórtico de este siglo XXI, como es el acceso a las nuevas tecnologías. Es en este punto, precisamente, dónde el documento que tienen entre sus manos recobra una singular importancia. “Diseño de páginas web accesibles” es un instrumento que ha visto la luz fruto de la colaboración que mantenemos con el Real Patronato de Discapacidad. El Gobierno Regional de Murcia considera que la revolución tecnológica y social que ha supuesto el acceso a Internet, dándonos capacidad para abrirnos al mundo de la información, los servicios, la cultura, o el intercambio de experiencias, no puede estar vetada para quienes por su discapacidad tienen limitadas sus condiciones sensoriales o motrices. Queremos lograr un mundo sin barreras de comunicación. Un mundo, que como personas, nos haga más libres. Creemos que “Diseño de páginas web accesibles” es una herramienta útil de trabajo, con la que, sin lugar a dudas, estamos creando nuevas oportunidades para las personas con discapacidad. Lourdes Méndez Monasterio Consejera de Trabajo, Consumo y Política Social Comunidad Autónoma de la Región de Murcia 2 índice Tabla de Contenidos............................................................................................................................4 1. Introducción..............................................................................................................................................11 2. Preguntas frecuentes sobre las “Pautas de Accesibilidad al Contenido en la Web 1.0”........................13 3. Pautas de Accesibilidad al Contenido en la Web 1.0 ............................................................................23 4. Técnicas para las Pautas de Accesibilidad al Contenido en la Web 1.0..............................................55 5. Técnicas Fundamentales para las Pautas de Accesibilidad al Contenido en la Web 1.0...................77 6. Técnicas HTML para las Pautas de Accesibilidad al Contenido de la Web 1.0..................................96 7. Técnicas CSS para las Pautas de Accesibilidad al Contenido en la Web 1.0...................................155 8. Tabla de Puntos de Verificación para las Pautas de Accesibilidad al Contenido en la Web 1.0......178 3 índice tabla de contenidos 1. Introducción.............................................................................................................................................................11 2. Preguntas frecuentes sobre las “Pautas de Accesibilidad al Contenido en la Web 1.0”....13 • ¿Qué son las Pautas de Accesibilidad al Contenido en la Web?..................................................................................14 • ¿Qué son las “prioridades”, los “niveles de adecuación” y cómo se usan los logotipos?..............................................14 • ¿Para quién están escritas estas pautas?....................................................................................................................14 • ¿Por qué son necesarias estas pautas? ¿Por qué son importantes?...........................................................................15 • ¿A cuánta gente afectan los problemas de accesibilidad en la Web?...........................................................................15 • ¿Cuáles son algunos ejemplos de barreras habituales en las páginas Web?................................................................15 • ¿Cómo afectan estas pautas a la manejabilidad y apariencia de los sitios para los usuarios sin discapacidad?............16 • ¿Por qué no recomiendan estas pautas la utilización de páginas sólo texto?...............................................................16 • ¿Es más costoso hacer un sitio accesible?..................................................................................................................16 • ¿Hay algunas herramientas de creación mejores que otras para hacer accesibles los sitios?.......................................17 • ¿Se convertirán estas pautas en una exigencia? ¿Hay consecuencias legales por no hacer accesible un sitio?...........17 • ¿Qué recursos de apoyo están disponibles para usar estas pautas?...........................................................................17 • ¿Hay herramientas que puedan ayudarme? ¿Puedo comprobar la accesibilidad de mi sitio?.......................................18 • ¿Qué es lo principal que hay que entender para hacer un sitio accesible?...................................................................18 • ¿Mantendrán estas pautas su estabilidad a medida que se desarrollen las tecnologías de la Web?.............................19 • ¿Quién se ha implicado en el desarrollo de estas pautas?............................................................................................19 • ¿Qué sitios de la Web están usando ya estas pautas? ¿Puedo ver ejemplos?.............................................................19 • ¿Cómo se relacionan estas pautas con otras pautas y otros trabajos de W3C/WAI?...................................................20 • ¿Cómo aprender más sobre la accesibilidad a la Web y sobre la WAI?........................................................................20 • ¿Cuál es la función del W3C en la accesibilidad a la Web?...........................................................................................20 Sobre la Iniciativa de Accesibilidad en la Web..................................................................................................................21 guía breve para crear sitios web accesibles......................................................................................................................22 3. Pautas de Accesibilidad al Contenido en la Web 1.0...........................................................................23 Resumen.......................................................................................................................................................................24 Estatus de este documento...........................................................................................................................................25 1. Introducción...............................................................................................................................................................25 2. Motivos del diseño accesible......................................................................................................................................27 2.1. Asegurar una transformación correcta....................................................................................................................27 2.2. Hacer comprensible y navegable el contenido.....................................................................................................27 3. Cómo se organizan las pautas...................................................................................................................................28 3.1. Convenciones del documento.............................................................................................................................28 4. Prioridades................................................................................................................................................................28 5. Adecuación................................................................................................................................................................29 6. Pautas de Accesibilidad al Contenido de la Web........................................................................................................30 Pauta 1. Proporcione alternativas equivalentes para el contenido visual y auditivo.....................................................30 Pauta 2. No se base sólo en el color..........................................................................................................................31 4 tabla de contenidos Pauta 3. Utilice marcadores y hojas de estilo y hágalo apropiadamente..........................................................................................................32 Pauta 4. Identifique el idioma usado...............................................................................................................................................................33 Pauta 5. Cree tablas que se transformen correctamente................................................................................................................................34 Pauta 6. Asegúrese de que las páginas que incorporan nuevas tecnologías se transformen correctamente...................................................35 Pauta 7. Asegure al usuario el control sobre los cambios de los contenidos tempo-dependientes.................................................................36 Pauta 8. Asegure la accesibilidad directa de las interfaces de usuario incrustadas..........................................................................................37 Pauta 9. Diseñe para la independencia del dispositivo....................................................................................................................................38 Pauta 10. Utilice soluciones provisionales.......................................................................................................................................................39 Pauta 11. Utilice las tecnologías y pautas W3C..............................................................................................................................................40 Pauta 12. Proporcione información de contexto y orientación........................................................................................................................41 Pauta 13. Proporcione mecanismos claros de navegación.............................................................................................................................42 Pauta 14. Asegúrese de que los documentos sean claros y simples..............................................................................................................43 Apendice A. Validación........................................................................................................................................................................................45 Apendice B. Glosario...........................................................................................................................................................................................46 Reconocimientos.................................................................................................................................................................................................52 Referencias.........................................................................................................................................................................................................53 4. Técnicas para las Pautas de Accesibilidad al Contenido en la Web 1.0......................................................................55 Resumen.............................................................................................................................................................................................................56 1. Cómo está organizado este documento..........................................................................................................................................................56 1.1. Prioridades...............................................................................................................................................................................................57 2. Técnicas para las Pautas de Accesibilidad al Contenido en la Web...................................................................................................................57 Pauta 1. Proporcione alternativas equivalentes para el contenido sonoro y visual ..........................................................................................57 Pauta 2. No se base sólo en el color..............................................................................................................................................................58 Pauta 3. Utilice marcadores y hojas de estilo y hágalo de forma apropiada....................................................................................................59 Pauta 4. Identifique el idioma utilizado.............................................................................................................................................................60 Pauta 5. Crear tablas que se trasformen correctamente.................................................................................................................................60 Pauta 6. Asegúrese de que las páginas que incorporan nuevas tecnologías se transformen correctamente...................................................61 Pauta 7. Asegure al usuario el control sobre los cambios de contenidos tempo-sensibles..............................................................................62 Pauta 8. Asegure la accesibilidad directa de las interfaces de usuario incrustadas..........................................................................................63 Pauta 9. Diseñe con independencia del dispositivo...................................................................................................................................................63 Pauta 10. Utilice soluciones provisionales......................................................................................................................................................64 Pauta 11. Utilice las tecnologías y pautas de W3C.........................................................................................................................................65 Pauta 12. Proporcione información de contexto y orientación........................................................................................................................66 Pauta 13. Proporcione mecanismos claros de navegación.............................................................................................................................66 Pauta 14. Asegúrese de que los documentos sean claros y sencillos.............................................................................................................67 3. Glosario...........................................................................................................................................................................................................68 4. Referencias.....................................................................................................................................................................................................74 5 tabla de contenidos 5. Recursos..........................................................................................................................................................................................................76 5.1. Otras Pautas ...........................................................................................................................................................................................76 5.2. Aplicaciones de usuario y otras herramientas..........................................................................................................................................76 6. Agradecimientos..............................................................................................................................................................................................76 5. Técnicas Fundamentales para las Pautas de Accesibilidad al Contenido en la Web 1.0....................................77 Resumen.............................................................................................................................................................................................................78 Estatus de este documento.................................................................................................................................................................................78 1. Estructura contra presentación.......................................................................................................................................................................79 2. Equivalentes textuales....................................................................................................................................................................................80 2.1. Panorámica de las tecnologías................................................................................................................................................................81 .2.2. Compatibilidad con lo anterior...................................................................................................................................................................81 3. Páginas alternativas.........................................................................................................................................................................................82 3.1. Control independiente del dispositivo para interfaces incrustadas............................................................................................................84 4. Navegación.....................................................................................................................................................................................................84 5. Comprensión....
View Full Document

  • Winter '17
  • World Wide Web, Sitio web, Comunidad autónoma, Página web

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern