Accesibilidad, hojas de estilo en cascada y usted.

18
Capitulo 11 Accesibilidad, hojas de estilo en cascada y usted

Transcript of Accesibilidad, hojas de estilo en cascada y usted.

Page 1: Accesibilidad, hojas de estilo en cascada y usted.

Capitulo 11

Accesibilidad, hojas de estilo en cascada y usted

Page 2: Accesibilidad, hojas de estilo en cascada y usted.
Page 3: Accesibilidad, hojas de estilo en cascada y usted.

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

Page 4: Accesibilidad, hojas de estilo en cascada y usted.

El problema es que al ejecutarel 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 algunoserrores y descuidos obvios quese 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.

Page 5: Accesibilidad, hojas de estilo en cascada y usted.

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 cuantascosas que tendrían mejor impacto.

Las 5 cosas que puede hacer AHORA mismo

Page 6: Accesibilidad, hojas de estilo en cascada y usted.

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

Page 7: Accesibilidad, hojas de estilo en cascada y usted.

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.

Page 8: Accesibilidad, hojas de estilo en cascada y usted.

Numero 2

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.

Page 9: Accesibilidad, hojas de estilo en cascada y usted.

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.

Page 10: Accesibilidad, hojas de estilo en cascada y usted.

Accesibilidad Web y estilo cascada

Page 11: Accesibilidad, hojas de estilo en cascada y usted.

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

Page 12: Accesibilidad, hojas de estilo en cascada y usted.

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

Page 13: Accesibilidad, hojas de estilo en cascada y usted.

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.

Page 14: Accesibilidad, hojas de estilo en cascada y usted.

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)

Page 15: Accesibilidad, hojas de estilo en cascada y usted.

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

Page 16: Accesibilidad, hojas de estilo en cascada y usted.

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

Page 17: Accesibilidad, hojas de estilo en cascada y usted.

Numero 5: recolecte la fruta que cuelga baja 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.

Page 18: Accesibilidad, hojas de estilo en cascada y usted.

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.