Seminario Accesibilidad Web



Documentos relacionados
ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre Versión 1.0

Accesibilidad en el Diseño de Aplicaciones Web

FUNDACIÓN KONECTA. Estudio piloto de aplicaciones informáticas en 30 empresas y guía de buenas prácticas

Pautas generales para elaborar diapositivas accesibles

USABILIDAD Y ACCESIBILIDAD EN WEB Guillermo M. Martínez de la Teja

Análisis de la accesibilidad del sitio web. Ayuntamiento de El Campello (

Diseño de páginas web 2011

Página 1 de 6

METODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO

Estándares de Accesibilidad WEB para personas con discapacidad. Ernesto Quiñones Azcárate Presidencia de APESOL

CONSEJOS DE CÓMO CREAR UN DOCUMENTO ADOBE PDF ACCESIBLE A PARTIR DE UN DOCUMENTO MICROSOFT WORD ACCESIBLE

CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB. Autor: Ing. Ester Regalado Miranda. [Reglas para estructurar y diseñar páginas WEB]

ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE

FUNDACIÓN KONECTA FUNDOSA TECHNOSITE GUÍA DE BUENAS PRÁCTICAS EN ACCESIBILIDAD TECNOLÓGICA

TECNOLOGÍA DE INFORMACIÓN GUBERNAMENTAL OFICINA DE GERENCIA Y PRESUPUESTO

Informes. 3. Elija la opción Nuevo (en la parte superior de la ventana) 4. Elija Autoinformes: en tablas y luego la tabla o consulta que se usará.

Puede encontrar información sobre los diferentes niveles de accesibilidad de páginas web en este mismo documento o en las siguientes direcciones:

Web. Microsoft Excel: Capítulo 1 Creación de páginas web con Dreamweaver

Introducción al diseño web accesible

GUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF

14 Guía de Microsoft Word 2010 Guía de contenido digital accesible

Elaboración de documentos Word accesibles

Curso Online de Adobe Dreamweaver. Introducción :

Cintas de opciones. Inicio Insertar Diseño Animaciones Presentación con diapositivas Revisar Vista. Diseño

Normas gráficas para sitios web

Producción Hipermedia

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (

TIPOS DE PUBLICIDAD EN INTERNET ANUNCIOS Y ENLACES RECTANGULARES Y/O CUADRADOS - BANNER ADS:

GUÍA DE CUESTIONES BÁSICAS DE ACCESIBILIDAD PARA LOS EDITORES FINALES DE CONTENIDOS

Servicios de accesibilidad Web

3.1 Definir objetivos y contenidos de la página web

Páginas Web Barcelona

Presentaciones. Con el estudio de esta Unidad pretendemos alcanzar los siguientes objetivos:

diseños orientados al usuario?

ELABORACIÓN DE DOCUMENTOS WEB MEDIANTE LENGUAJES DE MARCAS 60h

accesibilidad a los sitios web del Estado Colombiano

USO DE AULA VIRTUAL PARA PROGRAMAS VIRTUALES Y A DISTANCIA RECOMENDACIONES PARA PROFESORES

Prezi: editor de presentaciones

Creación de contenidos en WebBuilder. Herramienta Web Builder en Word de Microsoft Office

MICROSOFT FRONTPAGE Contenido

USABILIDAD LUIS CARLOS ACEVES G.

Recomendaciones para el diseño de cursos para Moodle utilizando criterios de usabilidad y accesibilidad

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora

CREACIÓN Y CONFIGURACIÓN DE WIKIS

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE

Gestor de contenidos de la plataforma web

Guía para la Automatización de Documentos en. Microsoft Word

Conciliación bancaria en CheqPAQ Cargado de estado de cuenta

ACTUALIZACIÓN DE LA PLATAFORMA EDUCATIVA: MOODLE 3.0

FeriaOnline.com C/Llamaquique Nº 4 Tfno: Oviedo mail: info@feriaonline.com Url:

Lectura No. 3. Contextualización. Nombre: Página web DISEÑO DIGITAL 1. Para qué te sirve saber elaborar una página web?

2. Recomendaciones para hacer accesibles los contenidos de un documento PowerPoint 2010

PLATAFORMA VIRTUAL BASADA EN MOODLE

Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado.

Aspectos Técnicos. Manual de marca - Diseño publicitario - Diseño web. Rebrand

Guías Prácticas de Comprobación de Accesibilidad:

CONCURSO DE SITIOS WEB DE RAMAS ESTUDIANTILES IEEE

Haciendo Drupal un poco más

Guía de accesibilidad de documentos electrónicos Valentín Sama Rojo Esther Sevillano Asensio

CESyA. Audiodescripción. Calidad de la accesibilidad web en Gestores de Contenido

Informe sobre la accesibilidad del sitio web del Consorcio de Turismo del Ayuntamiento de Sevilla

R13 Maqueta Original

Guía Práctica de Comprobación de Accesibilidad: FORMULARIOS

Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Guadalinex Básico Impress

Conceptos Generales en Joomla

MAQUETA SITIO WEB PARA EL 1º NIVEL

Formularios. Formularios Diapositiva 1

Consejos FASES DEL PROYECTO: CÓMO ELABORAR MATERIAL COMPLEMENTEARIO

DIPLOMADO EN MULTIMEDIOS

LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA

Manual Consultas Web - PC Sistel Ver 486R4+ - USUARIO JEFATURA

PROPÓSITO... 2 DETERMINANTES PARA UNA BUENA EXPERIENCIA DE USO...

Diseño de Páginas Web 2011

Diseño de páginas web

ESTRUCTURA DE LOS SITIOS DE CATEDRAS

Páginas web ::: El sitio web: estructura y navegación Diseño de materiales multimedia. Web Sitio web: estructura y navegación

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL

Estándar de edición y publicación de contenidos para el Sitio Web

Portafolios. jueves 18 de octubre de 2012

Operación Microsoft Access 97

5.- Crear páginas web con Nvu

Reporte Registro de Personas con Discapacidad

ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009)

[CLASE PRÁCTICA 7: Web Page Maker (Revista)]

Multimedia Educativo

DREAMWEAVER CS3 Guía Rápida

UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN

Plantilla de texto plano

BUREAU VERITAS Certification

Imágenes y objetos IMÁGENES

FORMAS DE ORGANIZAR LA INFORMACIÓN. Esquema circular (algorítmico)

Principios fundamentales del diseño

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO DE PÁGINA WEB

22. TRABAJO CON OLE Y MULTIMEDIA

Manual de Microsoft Power Point 2007 Parte 2 Universidad Politécnica de San Luis Potosí

Transcripción:

Programa Nacional para la Sociedad de la Información Proyecto ISIS Iniciativa por una Sociedad de la Información Sin barreras Seminario Accesibilidad Web

Seminario sobre Accesibilidad Web Uso de computadoras por personas con discapacidad Demostración de lector de pantalla por voz Introducción del tema de Accesibilidad Web Guía de accesibilidad Web Las hojas de estilo como herramientas de accesibilidad Experiencia en accesibilidad de Educ.ar

SERVICIO WEB PRODUCTOR SERVIDOR BROWSER ADAPTACION AGENTE DE USUARIO USUARIO

1. IMAGENES Y GRAFICOS DE DATOS Las imágenes y los gráficos de datos deben incluir un texto alternativo que describa su función o contenido. Si el contenido de la imagen o el gráfico es muy importante, hacer un resumen del mismo e incluirlo en el atributo LONGDESC.

2. VIDEOS Y OTROS OBJETOS MULTIMEDIA Si el elemento no es solo decorativo, incluir texto alternativo con una descripción general de la animación. Esta norma se aplica a: gif animados, videos, animaciones mediante scripts, applets o flash Indicar la aparición y función elementos sonoros con algún elemento visual. Incluir, como opción para el usuario: relato en modo texto o sonido de la evolución de los componentes visuales significativos, sincronizado con la acción. subtitulado o transcripción de los elementos de sonido y voz de los videos.

3. MAPAS DE IMAGENES Toda área activa de la imagen debe tener un texto alternativo que describa el hipervínculo. Usar sólo mapas de tipo cliente. Si no se logra una versión accesible del mapa (o como adicional): incluir en la página una lista formato texto con los mismos hipervínculos que el mapa de imagen.

4. COLORES Toda información provista mediante colores debe transmitirse también por el texto, el contexto o la tipografía. No usar texto o fondo parpadeantes. Los colores y figuras de fondo deben contrastar con el texto, para ofrecer una buena legibilidad a personas con limitaciones en la percepción del color o en caso de usuarios con monitor blanco y negro.

5. TABLAS Para las tablas de datos utilizar encabezamiento de fila y columna en forma consistente. No utilizar la propiedad de encabezamiento sólo para alterar la tipografía o alineación del texto. Si una tabla tiene dos o más filas de títulos, usar marcas jerárquicas para identificarlas. Si se utilizan tablas para diagramar en forma de columnas, no recurrir a las marcas de encabezamiento para definir tipografías. Incluír sumarios en las tablas.

6. SCRIPTS, APPLETS Y OTROS OBJETOS PROGRAMATICOS Asegurarse que las páginas presentan la información esencial, aun cuando los scripts, applets u otros elementos programáticos estén desactivados o no sean soportados por el navegador del usuario.

7. HOJAS DE ESTILO Si se utilizan hojas de estilo, organizar los documentos de modo que puedan ser leídos de forma comprensible, aun si el navegador no soporta esta característica.

8. TIEMPO DE REACCION No utilizar mecanismos que impongan la reacción del usuario en un tiempo máximo predeterminado.

9. HIPERVINCULOS Para sostener los hipervínculos, utilizar una frase que tenga sentido cuando se lea aislada o fuera de contexto. No usar expresiones como "cliquear acá" o "versión completa" o "entrar". Crear un órden lógico de tabulación entre los hipervínculos.

10. ORGANIZACION DE LAS PAGINAS No usar los encabezados (H1, H2, H3, etc.) con el fin de definir tipografías en diferentes tamaños o estilos. Cuando se los utilice sólo debe ser para expresar la estructura de la página.

11. FORMULARIOS Los formularios deben permitir que las personas que usan ayudas técnicas para navegar puedan acceder a la información y a los campos requeridos para completar y remitir el formulario. Incluyendo las instrucciones que sean necesarias.

12. LISTAS Incluir un título en la lista. Rotular numéricamente los elementos de la lista para facilitar su ubicación, aunque sean percibidos fuera de contexto. También en el caso de las listas anidadas, por ejemplo: rotular el primer nivel con números y los subítems con letras, o rotular en forma jerárquica: 1, 1.1, 1.2, 1.2.1.

13. MARCOS (FRAMES) Colocar para cada marco el atributo title o name. La fuente de un marco no debe ser un archivo de imagen, ya que no puede incluirse un texto ALT.

14. DE CARACTER GENERAL Si no se logra que la página sea accesible, o si tiene un fuerte contenido gráfico, colocar al inicio un hipervínculo a una página alternativa con la información en forma de texto puro. Preferir el uso de archivos en formato ".html", en lugar de archivos ".pdf". Especificar el idioma en que se inicia el documento y cada cambio de idioma que se produzca. No provocar la aparición de ventanas pop up ni cambiar de ventana activa sin informar al usuario.

REFERENCIAS Las normas internacionales sobre accesibilidad son elaboradas por: W3C Web Accessibility Initiative. www.w3.org/wai/