Accesibilidad, hojas de estilo en cascada y usted.

Slides:



Advertisements
Presentaciones similares
UD 4:Instalación y administración de servicios Web Introducción Jorge De Nova Segundo.
Advertisements

CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
Diferencia Entre Blogs y Websites Christian O. Rodríguez Méndez 8 de abril de 2010.
Una página web es una fuente de información adaptada para la World Wide Web(WWW) y accesible mediante un navegador de Internet. Un sitio web es un conjunto.
Repaso desde HTML a XHTML
Definición: En consecuencia, podemos definir la accesibilidad Web como la posibilidad de que un producto o servicio web pueda ser accedido y usado por.
INTRODUCCION A CSS.
Introducción al desarrollo de proyectos RIA.
DESARROLLO DE APLICACIONES Breves apuntes de accesibilidad
1 Las hojas de estilo en cascada Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal utilizado para definir la presentación.
La evolución de la WEB Web 1.0 Web 2.0 Web 3.0.
Ingeniero Anyelo Quintero
Ofrece mejoras en el uso de su plataforma para usuarios con discapacidades físicas y visuales.
ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia.
Aplicando las Pautas ¡¡Comprendiéndolas!!. El espíritu “El poder de la Web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la discapacidad,
Accesibilidad Web.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Lenguaje de Marcado.
 El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros.
Universidad Tecnologica Oteima DISEÑO DE MEDIOS Y MATERIALES MULTIMEDIOS Rigoberto Quintana M. Hojas de estilo en cascada.
3 PROGRAMAR EN UN LENGUAJE DE HIPERTEXTO L.I. OSWALDO MARTINEZ C. EDPW.
FACULTAD: Marketing CARRERA: Administracion de Empresas ASIGNATURA: GESTION DE INFORMACION WEB TÍTULO: TALLER AUTOR: DANILO NERVI PROFESOR: ERIKA ASCENCIO.
Comentarios en PHP Programación en Internet II. Comentarios en PHP Programación en Internet II Universidad de Guadalajara | Centro Universitario de la.
Prof. José T. Cadenas. Aplicación Web La Internet y la Web hacen que sea fácil y atractivo poner toda la información en el cyberespacio, y la hace accesible.
HTML5 & CSS3 Presentado Por: Fernando Ayala
XHTML.
Estudio de accesibilidad de la tienda online de adolfodominguez.com
CREAR UNA WEB Documento extraído de Sector PC On Line
UNIDAD 7 WEB Y HTML.
Herramientas informáticas
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
Gabriel Montañés León. RSS es el acrónimo de Really Simple Sindication (Sindicación Realmente Simple). Es un formato basado en el lenguaje XML que permite.
HTML5 Es la quinta revisión importante del lenguaje básico de la world wide web, HTML. Al no ser reconocido en viejas versiones de navegadores por sus.
Taller 5 GESTION DE LA WEB ESTEFANIA CORDOVA M.. 1) ¿Qué es una página web? Una página web es el nombre de un documento o información electrónica adaptada.
LA WEB 1.0 En esta diapositiva se hablara sobre la web 1.0 Y veremos para que sirvió ese tipo de tecnología.
TECNOLOGIAS ACCESIBLES
Hojas de Estilo en Cascada (Cascading Style Sheets)
PLATAFORMAS DE E-LEARNING. Contenidos Educativos accesibles para plataformas de E-Learning Definición Ventajas del aprendizaje online Componentes del.
Diseño HTML.
Por: Mayela Mascorro Aplicación de las Tecnologías de la Información, Grupo 003. UNIVERSIDAD AUTÓNOMA DE NUEVO LEÓN FACULTAD DE ARQUITECTURA.
¿Qué es Accesibilidad? Accesibilidad Web  acceso universal a la Web
Navegadores web Tema 4 SRI Vicente Sánchez Patón I.E.S Gregorio Prieto.
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
HTML 5 Edgar Vázquez Ayala. Rolando Aarón Pérez Mandujano.
Paginas web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Punto 1 – Introducción al servicio Juan Luis Cano.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños.
TALLER de ACCESIBILIDAD WEB
KompoZer Es un completo sistema de Web que combina archivos Web manejables y de fácil uso del editor de páginas WYSIWYG. Hay binarios disponibles para.
INTERFAZ DE ACCESS  Access es un sistema gestor de bases de datos relacionales (SGBD). Una base de datos suele definirse como un conjunto de información.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
¿Qué es un Mapa Conceptual?
¿Qué es jQuery? jQuery es una librería gratuita y open source, que simplifica la creación de páginas web altamente interactivas. Funciona.
2.1 Conocer la terminología básica del software para diseñar una página Web
 La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicación e intercambio.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Capitulo 3 y 4.   La accesibilidad web habla acerca de que tanta facilidad tienen las paginas de internet tanto para los consumidores en general como.
Diseño de rótulos Para hojear, no leer. Capitulo 3.
USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html.
Páginas web Una página web es un documento visible en la World Wide Web mediante un navegador. Tipos de web EstáticasDinámicas Un sitio web es un conjunto.
Accesibilidad web. ¿Qué es la accesibilidad web? Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de.
PÁGINA WEB, SITIO WEB Y PORTAL WEB Una página web tradicionalmente hace relación a un documento en el internet, disponible para ser leído, con información.
HTML & CSS. 15 Qué es HTML FCC-BUAP Verano 2016BMB - RAM  Es un lenguaje de marcas para formatear y estructurar un documento, que puede leerse en cualquier.
La experiencia del usuario en la banca y los brokers online Problemas de accesibilidad Módulo Usabilidad Vs. Accesibilidad Ponente: Miguel Arias Emergia.
Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.
1 Estudios Sectoriales Accesibilidad web. 2 Á mbito de los estudios Las webs objeto del an á lisis de estos estudios pertenecen a los siguientes Sectores:
Transcripción de la presentación:

Accesibilidad, hojas de estilo en cascada y usted

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

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

 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

 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

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.

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.

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

Accesibilidad Web y estilo cascada

 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

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

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.

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)

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

 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

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

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