Accesibilidad, hojas de estilo en cascada y usted.

Presentación del tema: "Accesibilidad, hojas de estilo en cascada y usted."— Transcripción de la presentación:

1 Accesibilidad, hojas de estilo en cascada y usted

2

3 Cuando las personas comienzan a leer sobre ACCESIBILIDAD, suena bastante prometedor.

4  El problema es que al ejecutar el sitio a través de un validador, resulta ser algo más parecido a un corrector gramatical que a un corrector Ortográfico.  De acuerdo, encuentra algunos errores y descuidos obvios que se pueden solucionar fácilmente, como la ausencia de un texto alternativo. Pero también es inevitable la aparición de una serie de advertencias vagas sobre cosas que puede estar haciendo mal, y una lista larga de recomendaciones sobre aspectos que debe comprobar y que quizá no son problemas reales.

5  El hecho es que el mundo deja de ser perfecto en cuanto deja descolgado a cualquiera de nosotros.  Incluso con la tecnología y los estudiantes actuales es posible conseguir que cualquier sito sea muy accesible sin un gran esfuerzo enfocándolo hacia unas cuantas cosas que tendrían mejor impacto. Las 5 cosas que puede hacer AHORA mismo

6  Si algo confunde a la mayoría de las personas que utilizan su sitio, es casi seguro que también confundirá a los usuarios que tienen problemas de accesibilidad. Número 1 : solucione los problemas de USABILIDAD que confunden a todos

7 or ejemplo sitio Web.  Por ejemplo….. PIENSE en la ultima vez que tuvo problemas para utilizar su sitio Web. Ahora imagínese intentando solucionar ese problema sin poder ver la pagina.  Lo mejor que puede hacer para mejorar la accesibilidad de su sitio es probarlo con frecuencia, refinando continuamente las partes que desconciertan a todos.

8 La mejor forma de aprender a conseguir que algo sea mas utilizable consiste en observar como las personas intentan utilizarlo. La mayoría de nosotros no tiene experiencia en el uso de una tecnología adaptable, y mucho menos en observar como la utilizan otras personas.

9  Los usuarios de lectores de pantalla escudri ñ an con sus orejas La mayor í a de usuarios invidentes son tan impacientes como la mayor í a de los usuarios que pueden ver. Quieren obtener la informaci ó n que necesitan tan r á pidamente como sea posible. Escuchan las primeras palabras de un vinculo o de una l í nea de texto. Si no les parece importante, se mueven r á pidamente al siguiente vinculo, l í nea, encabezado o p á rrafo.

10 Accesibilidad Web y estilo cascada

11  La accesibilidad Web habla acerca de que tanta facilidad tienen las paginas de Internet tanto para los consumidores en general como a las personas con alguna discapacidad ya sea física o mental El máximo organismo dentro de la jerarquía de Internet que se encarga de promover la accesibilidad es el World Wide Web Consortium (W3C), en especial su grupo de trabajo Web Accessibility Initiative (WAI). En 1999 el WAI publicó la versión 1.0 de sus pautas de accesibilidad Web Primero la accesibilidad

12 ¿Por qué son necesarias estas pautas? Las personas con diferentes tipos de discapacidad pueden experimentar dificultades para utilizar la Web debido a la combinación de barreras en la información de las páginas Web, con las barreras de las "aplicaciones de usuario Estas pautas se dividen en tres bloques: 1.Pautas de Accesibilidad al Contenido en la Web (WCAG) Están dirigidas a los webmasters e indican cómo hacer que los contenidos del sitio Web sean accesibles. 2.Pautas de Accesibilidad para Herramientas de Autor (ATAG) Están dirigidas a los desarrolladores del software que usan los webmasters, para que estos programas faciliten la creación de sitios accesibles. 3.Pautas de Accesibilidad para Agentes de Usuario (UAAG) Están dirigidas a los desarrolladores de Agentes de usuario (navegadores y similares), para que estos programas faciliten a todos los usuarios el acceso a los sitios Web.

13 Un sitio Web accesible es: -Transformable: La información y los servicios deben ser accesibles para todos y deben poder ser utilizados con todos los dispositivos de navegación. -Comprensible: Contenidos claros y simples. -Navegable: Mecanismos sencillos de navegación.

14 Ahora el estilo cascada  Que es?  Al principio de las paginas Web todo era texto. Cuando aparecieron los primeros navegadores visuales, los diseñadores comprobaron que a diferencia de la autoedición que permite tomar el control de todo, HTML no permite controlar casi nada. Los comandos son complejos y difíciles de utilizar. (tablas)

15 Hoja de estilo en cascada o CSS (siglas en inglés de cascading style sheets) es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML2 (y por extensión en XHTML). El World Wide Web Consortium (W3C) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores. La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación. La información de estilo puede ser definida en un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo Control infinitamente mayor del formato Flexibilidad: un solo cambio en una hoja de estilo puede cambiar la apariencia de un sitio entero o generar variaciones útiles

16  La implementación de CSS le facilitara dos cosas que mejoraran mucho la accesibilidad de su sitio  Colocar el contenido en serie: a diferencia del diseño basado en tablas con css puede colocar el contenido en un orden secuencial en el archivo de origen y aun así colocar las cosas en el lugar que desea de la pagina  Permitir el redimensionamiento del texto: CSS facilita convertir el texto en redimensionable; algo enormemente útil para personas con discapacidad

17  La accesibilidad web: implementar cambios especificos en el codigo HTML.  A ñ ada un texto alternativo a todas las im á genes: a ñ ada atributo alt a las im á genes que los lectores de pantalla deben ignorar, y a ñ ada un texto descriptivo y util para el resto.  Haga que los formularios funcionen con los lectores de pantalla: esto se reduce en gran parte a utilizar el elemento label de HTML, para asociar los campos con sus prompts, para que el usuario que debe introducir.

18  Cree en un vinculo “ Saltar al contenido principal ” al principio de todas las paginas  Haga que todo el contenido sea accesible mediante el teclado: recuerde que no todo el mundo puede utilizar un raton.  No utilice JavaScript sin una buena razon: algunas tecnologias adaptables no lo soportan todavia del todo bien.  Utilice mapas de imagen del lado del cliente (no del servidor): las etiquetas alt no funcionan con los mapas del lado del servidor.