Maquetación HTML. Edición de textos accesibles. Nivel de conformidad AA Sesión 2: Imágenes y enlaces
|
|
- Esteban Soler Henríquez
- hace 7 años
- Vistas:
Transcripción
1 Maquetación HTML Edición de textos accesibles Nivel de conformidad AA Sesión 2: Imágenes y enlaces 1
2 Introducción Porqué estamos aquí? Norma UNE basada en las Pautas de Accesibilidad al Contenido Web (WCAG) 2
3 Introducción Porqué vosotros? Personal de la universidad que edita textos en el sitio web de la UA 3
4 Índice Elementos gráficos: Imágenes y multimedia Navegación Enlaces Estructura: Encabezados Listas Citas Párrafos Énfasis Tablas Lenguaje y comprensión Lenguaje claro y sencillo Abreviaturas y acrónimos Cambio de idioma Metadatos Herramientas de evaluación 4
5 Índice Elementos gráficos: Imágenes y Multimedia Navegación Enlaces Estructura: Encabezados Listas Citas Párrafos Énfasis Tablas Lenguaje y comprensión Cambio de idioma Abreviaturas y acrónimos Lenguaje claro y sencillo Metadatos Herramientas de evaluación 5
6 Imágenes Decorativas: No es necesario texto alternativo. Necesarias: Obligatorio el texto alternativo a no ser que el contenido que transmite la imagen se encuentra en un texto junto a ella. No poseen contenido textual (Ej. Una fotografía). Texto alternativo Contenido que representa. Poseen contenido textual Texto alternativo El mismo texto que en la imagen. Imágenes que funcionan como enlaces Texto alternativo Función que realiza y depende del texto del enlace. Imágenes complejas (Ej. gráficos) Texto alternativo + Descripción larga 6
7 Imágenes 7
8 Imágenes CASO 1: Imágenes decorativas. El texto alternativo ha de estar vacío. 8
9 Imágenes 9
10 Imágenes CASO 1: Imágenes decorativas Fallo más común: No uses para las imágenes decorativas como alternativa textual: nombre del archivo (mi_archivo.jpg), imagen, foto, etc. Ver ejemplo 10
11 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga (no más de 150 caracteres). Proporcionar una alternativa textual corta para el contenido no textual que cumpla la misma función y presente la misma información que el contenido no textual. Deben cumplir el mismo propósito y transmitir la misma información. No se trata de describir los detalles gráficos (a no ser que eso sea lo adecuado), sino de proporcionar la misma información o funcionalidad. El texto alternativo debe ser breve y lo más informativo posible El texto alternativo debe servir como reemplazo del contenido no textual 11
12 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. Preguntas de ayuda para escoger una alternativa textual Por qué está aquí la imagen? Qué información está transmitiendo? Cuál es su propósito? Si no pudiese usar la imagen qué palabras usaría para transmitir la misma información y/o función? Redacta el texto como si se lo estuvieses contando a una persona. 12
13 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. Inserción de alternativa textual a través de ejemplos Ejemplo 1: Iconos 13
14 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. EJEMPLOS Ejemplo 2: Iconos 14
15 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. EJEMPLOS Ejemplo 3: Fotografías De izquierda a derecha aparecen XX, YY, ZZ, MM. ZZ e YY se están dando la mano. 15
16 Imágenes Fotografía ubicada en un contexto. Cuál sería su alternativa textual corta correcta? 16
17 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. EJEMPLOS Ejemplo 4: Imágenes que transmiten información textual Universitat d Alacant. Universidad de Alicante Logo de XX (no ponerlo) Campus Virtual. Intranet de la UA. Docencia, gestión e investigación. Ejemplo 17
18 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. Algunos fallos más comunes: Usar alternativas incorrectas que no proporcionan la misma información o función, como por ejemplo usar nombres de archivos, texto de relleno o genéricos, etc. No actualizar las alternativas textuales cuando cambia el contenido no textual. Usar alternativas textuales redundantes con el contexto en el que está ubicada la imagen. 18
19 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. EJEMPLOS Ejemplo 5: Grupo de imágenes Texto alternativo: 3 de 5 19
20 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. EJEMPLOS Ejemplo 6: Imágenes que funcionan como enlaces Texto alternativo vacío para no ser redundantes Texto alternativo: Casa Texto alternativo: Página principal 20
21 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. EJEMPLOS Ejemplo 7: Imágenes que funcionan como enlaces y aportan información adicional al del texto del enlace Salón de grados de la Universidad de Alicante. 21
22 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. EJEMPLOS Ejemplo 7: Imágenes que funcionan como enlaces y aportan información adicional al del texto del enlace Cuando desactivemos las imágenes o leamos con un lector de pantalla la información es transmitida así: Salón de grados de la Universidad de Alicante. Google Maps 22
23 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. EJEMPLOS IMPORTANTE! Combinar enlaces y recursos contiguos al mismo recurso 23
24 Imágenes CASO 2: Imágenes necesarias que no requieren alternativa textual larga. EJEMPLOS Ejemplo 8: Fórmulas matemáticas 24
25 Imágenes Texto alternativo: Breve y conciso (no más de 150 caracteres). Lo más significativo posible con lo que representa la imagen. No redundante. Enlazar texto e imagen en el mismo vínculo. No se han de usar textos como foto, imagen, nombres de archivos, etc. 25
26 Imágenes CASO 3: Imágenes necesarias que requieren alternativa textual larga. Cuando una alternativa textual corta NO PUEDE cumplir el mismo propósito y presentar la misma información que el contenido no textual. Alternativa textual corta + alternativa textual larga. 26
27 Imágenes Necesarias Imágenes complejas + 27
28 Imágenes CASO 3: Imágenes necesarias que requieren alternativa textual larga. Técnica 1: Descripción larga cerca del contenido no textual 28
29 Imágenes CASO 3: Imágenes necesarias que requieren alternativa textual larga. Técnica 1: Descripción larga cerca del contenido no textual Visita por días de la semana. Descrip Alternativa textual corta: Visita por días de la semana. Descripción a continuación. 29
30 Imágenes CASO 3: Imágenes necesarias que requieren alternativa textual larga. Técnica 1: Descripción larga cerca del contenido no textual Lunes: 71 Martes: 155 Miércoles: 197 Jueves: 184 Lunes Martes Miércoles Jueves
31 Imágenes CASO 3: Imágenes necesarias que requieren alternativa textual larga. Técnica 2: Descripción larga en otra ubicación, incluyendo un enlace a la misma cerca del contenido no textual. Visitas por día de la semana 31
32 Imágenes CASO 3: Imágenes necesarias que requieren alternativa textual larga. Técnica 2: Descripción larga en otra ubicación, incluyendo un enlace a la misma cerca del contenido no textual. Visitas por día de la semana Ejemplo de una compañera 32
33 Multimedia Inserción de un vídeo embebido Proporcionar una alternativa textual corta al insertar el vídeo. 33
34 Multimedia Inserción de un vídeo embebido Si el vídeo lo hemos producido nosotros (transcripción textual + subtitulado + audiodescripción). Si el vídeo lo insertamos de una fuente externa podemos incorporar un resumen a continuación o en otra página, siguiendo las técnicas anteriormente comentadas, destacando lo más importante del mismo, su finalidad, etc. 34
35 Imágenes Porqué es necesario? Es leído por lectores de pantalla, el cual permite que dicha imagen sea accesible para usuarios con ciertas discapacidades visuales o cognitivas. Se muestra en el lugar de la imagen para aquellos navegadores que no admiten la visualización de imágenes. Proporciona una descripción y un significado a las imágenes que pueden ser leídos por los motores de búsqueda, y determina el contenido de la imagen. 35
36 Imágenes Ahora os toca a vosotros Entrar en la página imagenes.html y realizar los ejercicios 36
37 Índice Elementos gráficos Navegación Enlaces Estructura: Encabezados Listas Citas Párrafos Énfasis Tablas Lenguaje y comprensión Cambio de idioma Abreviaturas y acrónimos Lenguaje claro y sencillo Metadatos Herramientas de evaluación 37
38 Navegación. Enlaces El texto de un enlace debe de indicar claramente cual es su propósito, como el contenido o información que se encuentra en el documento de destino o una descripción de la acción o funcionalidad que invocan. Los enlaces del tipo "pinche aquí" o "siga este enlace" no son significativos ya que ocultan hacia dónde dirigen. (Ejemplo) Ha de ser corto y significativo como para tener sentido fuera del contexto. 38
39 Navegación. Enlaces Objetivo Ayudar a los usuarios a comprender el propósito de cada enlace de forma que puedan decidir seguir el enlace o no. Dos consideraciones: Enlaces con el mismo destino han de tener el mismo texto descriptivo. Y enlaces con diferente destino han de tener diferentes textos descriptivos. 39
40 Navegación. Enlaces Ejemplo 1: Había mucho derramamiento de sangre durante la época medieval". Ejemplo 2: Aprenda más acerca de la Comisión sobre Voto Electrónico y envíe su voto. Ejemplo 3: Comisión sobre Voto Electrónico. 40
41 Navegación. Enlaces Ejemplo 4: Qué opción es la mejor? Opción A Título del libro 1 en formato: HTML, PDF, mp3. Título del libro 2 en formato: HTML, PDF, mp3. Opción B Título del libro 1 en formato HTML, PDF, mp3. Título del libro 2 en formato HTML, PDF, mp3. 41
42 MAL BIEN Ejemplo 4: Ejemplo
43 Navegación. Enlaces Si elegimos la opción A Cuidado! Existe un error. Cuál es? Opción A Título del libro 1 en formato: HTML, PDF, mp3. Título del libro 2 en formato: HTML, PDF, mp3. 43
44 Navegación. Enlaces Cómo diferenciamos los enlaces? Con el campo descripción del enlace. Nunca hemos de repetir el texto que aparece en el enlace ni usar la palabra Enlace de en la descripción. Sólo lo usaremos para complementar la información. Consejo: Aunque esta práctica está permitida por las WCAG 2.0 es mejor, siempre que se pueda, hacer el texto del enlace lo más descriptivo posible. 44
45
46 Navegación. Enlaces Si elegimos la opción B Existiría el mismo error? Opción B Título del libro 1 en formato HTML, PDF, mp3. Título del libro 2 en formato HTML, PDF, mp3. 46
47 Navegación. Enlaces Ejemplo 5: Qué opción es más adecuada? Opción A Título de la noticia 1. Descripción de la noticia 1. Título de la noticia 2. Descripción de la noticia 2. Opción B Título de la noticia 1. Descripción de la noticia 1. [leer más] Título de la noticia 2. Descripción de la noticia 2. [leer más] 47
48 Si elegimos la opción B hay que diferenciar los enlaces a través del campo descripción. 48
49 Navegación. Enlaces Ejemplo 6: Enlace a un documento PDF, Word, etc. Qué enlace es más significativo? Estatuto de la Universidad de Alicante. Estatuto de la Universidad de Alicante (PDF, 10 MG). 49
50 Navegación. Enlaces Ejemplo 6: Enlace a un documento PDF, Word, etc. Ejemplo en la UA 50
51 Navegación. Enlaces Ejemplo 6: Enlace a un documento PDF, Word, etc. Solución 51
52 Navegación. Enlaces Ejemplo 6: Enlace a un documento PDF, Word, etc. CUIDADO! Es información relevante y por lo tanto hay que incluirla dentro del enlace. Bien: Ley Orgánica 4/2006 (PDF, 6Mb). Mal: Ley Orgánica 4/2006 (PDF, 6Mb). 52
53 Navegación. Enlaces Ejemplo 7: Enlaces que provocan un cambio de contexto. Existen enlaces en los menús horizontales y verticales que provocan un gran cambio de contexto. Ejemplo Soluciones: Hacer más descriptivo el enlace Integrantes del servicio (Directorio de la UA) O a través del campo descripción. 53
54 Navegación. Enlaces Ejemplo 8: Abrir enlace en una nueva ventana La apertura de contenido en una nueva ventana es una mala práctica mejor evitarla. Si se usa, la mejor solución es: 54
55 Navegación. Enlaces Ejemplo 8: Abrir enlace en una nueva ventana Abre en una nueva ventana. 55
56 Navegación. Enlaces Ejemplo 9: Enlace a otro sitio web diferente de la UA 56
57 Navegación. Enlaces Ejemplo 9: Enlace a otro sitio web diferente de la UA Abre un enlace externo 57
58 Navegación. Enlaces Ejemplo 10: Enlace externo + apertura de nueva ventana Abre un enlace externo en una nueva ventana. 58
59 Navegación. Enlaces Ejemplo 11: Enlaces consecutivos Enlace 1 Enlace 2 Crear una lista Enlace 1 Enlace 2 Enlace 3 NO O separarlos con caracteres imprimibles rodeados de espacios. Importante! El espacio en blanco no es un carácter imprimible. Enlace 1 Enlace 2 Enlace 3 59
60 Navegación. Enlaces Ejemplo 12: No incluir como texto del enlace la url del mismo. 60
61 Navegación. Enlaces Ejemplo 10: No incluir como texto del enlace la url del mismo. 61
62 En resumen: Navegación. Enlaces 1. Los enlaces tienen que tener sentido fuera de contexto. 2. No todos los enlaces tienen que llevar una descripción, a no ser que sea necesaria por no cumplirse el punto anterior. Es más adecuado mejorar el texto del enlace que proporcionar una descripción. 3. Las descripciones, al igual que el texto de los enlaces han de ser cortas y lo más significativas posible por lo que: 1. No repetir el texto del enlace. 2. No incluir las palabras Enlace a. 3. Ejemplo 62
63 Imágenes Ahora os toca a vosotros Entrar en la página enlaces.html y realizar los ejercicios 63
64 Conocer más sobre accesibilidad Pautas de Accesibilidad al Contenido de la Web 1.0 (WCAG 1.0) Pautas de Accesibilidad al contenido de la Web 2.0 (WCAG 2.0) Norma UNE :2004 Norma UNE :2012 Certificación AENOR-Marca N de Accesibilidad TIC The Web Content Accessibility Guidelines Normativa legal Usable y Accesible: Olga Carreras Accesibilidad Web: Sergio Luján Planes y Estrategias Europeas en Materia de Sociedad de la Información W3C: How People with Disabilities Use the Web W3C: Web Accessibility Initiative (WAI) 64
65 Gracias por vuestra atención Ester Serna Berná Responsable técnico área desarrollo web Analista accesibilidad web Tel Fax
Maquetación HTML. Edición de textos accesibles. Nivel de conformidad AAA Sesión II: Imágenes y enlaces. Edición textos accesibles [SESIÓN II]
Maquetación HTML Edición de textos accesibles Nivel de conformidad AAA Sesión II: Imágenes y enlaces 1 Índice 1. Elemento no textual: Imágenes y multimedia 2. Navegación Enlaces 3. Estructura: a. Encabezados
Más detallesMaquetación HTML. Edición de textos accesibles. Nivel de conformidad AAA. Edición textos accesibles [SESIÓN II] Imágenes
Maquetación HTML Edición de textos accesibles Nivel de conformidad AAA 1 Índice 1. Imágenes [sesión II] 2. Enlaces [sesión III] 3. Estructura: [sesión IV] a. Orden lógico de lectura b. Encabezados c. Listas
Más detallesMaquetación HTML. Edición de textos accesibles. Nivel de conformidad AAA. Edición de textos accesibles [SESION IV] - Estructura
Maquetación HTML Edición de textos accesibles Nivel de conformidad AAA www.eltallerdigital.com (+34) 965 90 95 67 Ester Serna Berná Responsable técnico área desarrollo Web Taller Digital Universidad de
Más detallesGestión de la Accesibilidad Web
Gestión de la Foro TIC Ester Serna Berna Responsable del Área de Desarrollo Web Gestión de la Trayectoria del Taller Digital Gestión de la Trayectoria del Taller Digital 2001: Aplicación pautas para el
Más detallesDecálogo de buenas prácticas
Decálogo de buenas prácticas Introducción Accesibilidad Qué es la infoaccesibilidad? El decálogo de la infoaccesibilidad Introducción Uno de los principales medios de comunicación con el que cuentan las
Más detallesAccesibilidad en la Web
Módulo Políticas Sociales Promoción interna 2016 Universidad de Alicante Ester Serna Berná Área desarrollo web ester.serna@eltallerdigital.com Página 1 de 1 Introducción a la Accesibilidad en la Web...
Más detallesCriterios para hacer documentos Word accesibles para lectores de pantalla
Criterios para hacer documentos Word accesibles para lectores de pantalla Lo primero que tenemos que hacer es indicar el idioma en el que vamos a utilizar. Si escribimos en castellano, y el idioma que
Más detallesElaboración de documentos PowerPoint accesibles
Contenido Elaboración de documentos PowerPoint accesibles Elaboración de documentos PowerPoint accesibles 1 Introducción 1 Plantillas 1 Título y orden de lectura 2 Idioma 5 Texto alternativo de imágenes
Más detallesMaquetación HTML. Edición de textos accesibles. Nivel de conformidad AAA. Edición de textos accesibles [SESION V] - Lenguaje y comprensión
Maquetación HTML Edición de textos accesibles Nivel de conformidad AAA www.eltallerdigital.com (+34) 965 90 95 67 Ester Serna Berná Responsable técnico área desarrollo Web Taller Digital Universidad de
Más detallesIntroducción a la accesibilidad web
Introducción a la accesibilidad web Sergio Luján Mora Profesor visitante CÓMO HAGO QUE MI SITIO WEB SEA ACCESIBLE? El WAI 10 consejos breves WCAG 1.0 Contenido Método de aplicación Niveles de conformidad
Más detallesMANUAL PRÁCTICO PARA HACER TEXTOS ACCESIBLES PARA ESTUDIANTES CON DIVERSIDAD FUNCIONAL
MANUAL PRÁCTICO PARA HACER TEXTOS ACCESIBLES PARA ESTUDIANTES CON DIVERSIDAD FUNCIONAL Extracto del texto original elaborado por Aima Tafur Peral OIPD (2011) Universidad Complutense de Madrid Universidad
Más detallesMANUAL PRÁCTICO PARA HACER TEXTOS ACCESIBLES PARA ESTUDIANTES CON DIVERSIDAD FUNCIONAL.
MANUAL PRÁCTICO PARA HACER TEXTOS ACCESIBLES PARA ESTUDIANTES CON DIVERSIDAD FUNCIONAL. Extracto del texto original elaborado por Aima Tafur Peral OIPD (2011) INTRODUCCIÓN Los documentos más accesibles
Más detallesAccesibilidad en la Web
MAQUETACIÓN DE TEXTOS ACCESIBLES Ester Serna Berná Área desarrollo Web ester.serna@eltallerdigital.com 1 Índice de contenidos 1. Introducción a la. 2. Limitaciones en el acceso a los contenidos. 3. Qué
Más detallesCómo utilizar el Editor de contenidos en 3.0
UNLVIRTUAL Cómo utilizar el Editor de contenidos en 3.0 El Editor de contenidos es una adaptación de los procesadares de texto más conocidos (Word o Writer), con las funciones que el docente necesita para
Más detallesManual del Participante V 1.0
Manual del Participante V 1.0 soporte@diplomados.com a. Cómo ingresar al aula virtual? 1. Ingresa a la dirección http://www.diplomados.com 2. Seleccione el país de procedencia: 3. Seleccionamos en la barra
Más detallesPautas de Accesibilidad al Contenido de la Web W3C WAI
Pautas de Accesibilidad al Contenido de la Web W3C WAI Pautas 1. Proporcione alternativas equivalentes para el contenido visual y auditivo. 2: No se base sólo en el color. 3. Utilice marcadores y hojas
Más detallesInforme analítico. Barreras a la accesibilidad. Ayuntamiento de Badajoz. 9.7 URL:
Ayuntamiento de Badajoz Web@x: 9.7 URL: http://www.aytobadajoz.es:80/es/ayto/portada El informe analítico proporciona una medida de la extensión de los problemas encontrados y la naturaleza de los mismos.
Más detallesFORMACIÓN DEL CERTIFICADO DE PROFESIONALIDAD MÓDULO FORMATIVO 1 Denominación: CONSTRUCCIÓN DE PÁGINAS WEB. Código: MF0950_2 Nivel de cualificación
FORMACIÓN DEL CERTIFICADO DE PROFESIONALIDAD MÓDULO FORMATIVO 1 Denominación: CONSTRUCCIÓN DE PÁGINAS WEB. Código: MF0950_2 Nivel de cualificación profesional: 2 Asociado a la Unidad de Competencia: UC0950_2:
Más detallesUNIÓN EUROPEA Fondo Europeo de Desarrollo Regional Una manera de hacer Europa INFORME ACCESIBILIDAD
UNIÓN EUROPEA Fondo Europeo de Desarrollo Regional Una manera de hacer Europa INFORME ACCESIBILIDAD WWW.CEDAV.NET ÍNDICE ESTUDIO, ANÁLISIS DE REQUISITOS DE ACCESIBILIDAD DIAGNÓSTICO Y PREPARACIÓN DE ESPECIFICACIONES
Más detallesTema 8. Normativa UNE. Requisitos de Accesibilidad a Plataformas Informáticas
Tema 8. Normativa UNE. Requisitos de Accesibilidad a Plataformas Informáticas Informática para la Salud. Aplicaciones informáticas para personas con discapacidad. UNE 139.801 EX. Soporte físico EX. Soporte
Más detallesAccesibilidad: Discapacidad en la web (Parte 2)
Accesibilidad: Discapacidad en la web (Parte 2) Ester Serna Berná Responsable técnico área desarrollo web. Taller Digital de la Universidad de Alicante (España) IDW-AccWeb-01-02 Tipos de discapacidad Discapacidades
Más detallesBloque 2. La accesibilidad en exelearning
Bloque 2. La accesibilidad en exelearning Autores Manuela Varilla Valderas Todo el documento está sujeto a los siguientes términos de la licencia Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional.
Más detallesArtículos: En Joomla! un Artículo es una parte. Capitulo III. Subcategoría: Sistema Solar Artículos: Mercurio, Venus, Tierra. Siguiendo con el ejemplo
Capitulo III Principios para la creación de contenido Para crear artículos que se mostrarán como contenido del sitio web, se deben tener en cuenta la forma en que se van a organizar las informaciones,
Más detallesTEMA 1: INTRODUCCIÓN A LA ACCESIBILIDAD
TEMA 1: INTRODUCCIÓN A LA ACCESIBILIDAD Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid {lmoreno,pmf}@inf.uc3m.es Asignatura Humanidades: Evitando la barreras de accesibilidad en la Sociedad
Más detallesInforme Accesibilidad Sistema Back-Office INTECCA etiquetación Videoclases AVIP
Página 1 de 9 Informe Accesibilidad Sistema Back-Office INTECCA etiquetación Videoclases AVIP Descripción/Objeto Destinatario Este informe analiza el nivel de accesibilidad de la herramienta de Back Office
Más detallesTema 3.2: Accesibilidad a los sitios web. Estándares de accesibilidad
Tema 3.2: Accesibilidad a los sitios web. Estándares de accesibilidad Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid {lmoreno,pmf}@inf.uc3m.es Asignatura Humanidades: Evitando las barreras
Más detallesPRÁCTICA: EVALUACIÓN DE LA ACCESIBILIDAD DE LA PÁGINA DE INICIO DE UN SITIO WEB
PRÁCTICA: EVALUACIÓN DE LA ACCESIBILIDAD DE LA PÁGINA DE INICIO DE UN SITIO WEB Evaluación de Accesibilidad de la web: http://www.psoeandalucia.com con HERA Este es el informe de resultados obtenido: Podemos
Más detallesDERECHOS HUMANOS, UN COMPROMISO DE TODAS Y TODOS DPIT-01 COMISIÓN DE DERECHOS HUMANOS DEL ESTADO DE PUEBLA
DERECHOS HUMANOS, UN COMPROMISO DE TODAS Y TODOS WWW.CDHPUEBLA.ORG.MX DPIT-01 COMISIÓN DE DERECHOS HUMANOS DEL ESTADO DE PUEBLA WWW.CDHPUEBLA.ORG.MX Introducción Esta estrategia contempla contar en el
Más detallesTema 10. Las pautas mundiales sobre accesibilidad al WEB. Las pautas WAI
Terapia Ocupacional y Adaptación funcional del medio Tema 10. Las pautas mundiales sobre accesibilidad al WEB. Las pautas WAI Curso 2003-2004 2004 Pautas de Accesibilidad al Contenido en la Web Pautas
Más detallesModalidades.
Curso de HTML5 Accesible con Sublime Text Se han escrito o creado infinidad de libros y cursos sobre desarrollo Web. Sin embargo, la tecnología de desarrollo de sitios Web ha evolucionado muchísimo desde
Más detallesGuía campus de formación. Plataforma Moodle
Guía campus de formación Plataforma Moodle Guía rápida del alumno 1.1 Introducción... 3 1.2 Acceso a Moodle... 4 1.3 Antes de comenzar... 5 1.4 Acceso a los cursos... 6 1.5 Editar el perfil de usuario...
Más detallesIntroducción a la accesibilidad web Apuntes clase 3a
Introducción a la accesibilidad web Apuntes clase 3a http://accesibilidadweb.dlsi.ua.es/formacion/introduccion-a-la-accesibilidad-web-1/ Sergio Luján Mora Ángel Andrés Cabañero Resta Contenido Contenido...
Más detallesAccesibilidad en la Web
Accesibilidad en la Web "El poder de la Web está en su universalidad. El acceso de todo el mundo con independencia de su discapacidad es un aspecto esencial" Tim Berners-Lee, inventor del World Wide Web
Más detallesPLAN DE FORMACIÓN VIRTUAL PRESENCIAL
PLAN DE FORMACIÓN VIRTUAL PRESENCIAL Dirección de Educación Superior Tecnológica y Técnico Productiva - DESTP DIRIGIDO A: Especialistas, directores y docentes involucrados en el desarrollo local a través
Más detallesObjetivo: Comunicación inclusiva. Pautas y herramientas necesarias. Formatos accesibles. Contenidos Comprensibles.
Objetivo: Comunicación inclusiva Pautas y herramientas necesarias. Formatos accesibles. Contenidos Comprensibles. ACCESIBILIDAD es la condición previa necesaria que debe materializarse para que la igualdad
Más detallesAccesibilidad universal en la organización de eventos. Protocolo y comunicación para todos
Accesibilidad universal en la organización de eventos. Protocolo y comunicación para todos Emmanuelle Gutiérrez y Restrepo III Congreso III de de Comunicación y y Seguridad en Eventos Eventos UCM UCM Facultad
Más detallesGuía fácil de elaboración de Materiales Accesibles
Guía fácil de elaboración de Materiales Accesibles Área de Atención a la Discapacidad Oficina de Acción Solidaria y Cooperación Vicerrectorado de Relaciones Institucionales, Responsabilidad Social y Cultura
Más detallesMaquetación HTML. Edición de textos accesibles. Nivel de conformidad AAA Sesión 3: Estructura, Lenguaje y comprensión y Evaluación
Maquetación HTML Edición de textos accesibles Nivel de conformidad AAA Sesión 3: Estructura, Lenguaje y comprensión y Evaluación (+34) 965 90 95 67 1 Índice 1. Elemento no textual: Imágenes y multimedia
Más detallesElaboración de documentos InDesign accesibles
Contenido Elaboración de documentos InDesign accesibles Elaboración de documentos InDesign accesibles 1 Introducción 1 Título y autor 2 Estilos de párrafo para encabezados 3 Herramienta de texto 6 Estilo
Más detallesDocumentación accesible en distintos formatos
Accesibilidad Web Documentación accesible en distintos formatos David González Alamilla dgonzale@uji.es Índice Introducción Documentos en Writer de OpenOffice Documentos PDF Generación de PDF accesible
Más detallesChecklist o listado de chequeo de los Criterios de Conformidad de las WCAG 2.0
Checklist o listado de chequeo de los Criterios de Conformidad de las WCAG 2.0 Esta obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial-Compartirigual 3.0 España 1 NIVEL A WCAG 2.0
Más detallesPautas de Accesibilidad para el Contenido de la Web (WCAG)
Pautas de Accesibilidad para el Contenido de la Web (WCAG) La Iniciativa de Accesibilidad Web (WAI) es una actividad que desarrolla el Consorcio World Wide Web (W3C) con el objetivo de facilitar el acceso
Más detallesPautas de Accesibilidad para el Contenido de la Web (WCAG)
Pautas de Accesibilidad para el Contenido de la Web (WCAG) La Iniciativa de Accesibilidad Web (WAI) es una actividad que desarrolla el Consorcio World Wide Web (W3C) con el objetivo de facilitar el acceso
Más detallesAccesibilidad web en entornos virtuales de aprendizaje. Patricia Acosta
Accesibilidad web en entornos virtuales de aprendizaje Patricia Acosta acostanp@gmail.com Contenido Accesibilidad web Accesibilidad en Moodle Web Content Accessibility Guidelines (WCAG 2.0) Sugerencias
Más detallesAccesibilidad en el Diseño de Aplicaciones Web
Accesibilidad en el Diseño de Aplicaciones Web Sergio Luján Mora CÓMO HAGO QUE MI SITIO WEB SEA ACCESIBLE? 1 El WAI 10 consejos breves WCAG 1.0 Contenido Método de aplicación Niveles de conformidad WCAG
Más detallesHaciendo Drupal un poco más accesible. @kikoalonsob
Haciendo Drupal un poco más accesible @kikoalonsob Acerca de mi Desarrollador Drupal Freelance (Back-end) Axel Springer España Autobild Computer Hoy Hobby Consolas @kikoalonsob kikoalonsob www.kikoalonsob.com
Más detallesMANUAL DEL AULA VIRTUAL (MOODLE)
MANUAL DEL AULA VIRTUAL (MOODLE) A continuación se presenta un manual para el manejo del aula virtual a través de Moodle y de esta manera conocer este entorno de aprendizaje para realizar ciertas actividades
Más detallesSe trata de una solución de accesibilidad basada 100% en la propia Web. Existen dos clases de modos de comunicación:
Qué es Inclusite. Se trata de una solución de accesibilidad basada 100% en la propia Web. Un modo de navegación que se amolda a las necesidades específicas de cada persona usuaria permitiendo distintas
Más detallesTEMA 4: ACCESIBILIDAD A LOS CONTENIDOS DIGITALES
TEMA 4: ACCESIBILIDAD A LOS CONTENIDOS DIGITALES Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid {lmoreno,pmf}@inf.uc3m.es Asignatura Humanidades: Evitando la barreras de accesibilidad
Más detallesGuía de accesibilidad de documentos electrónicos Valentín Sama Rojo Esther Sevillano Asensio
Guía de accesibilidad de documentos electrónicos Valentín Sama Rojo Esther Sevillano Asensio UNIVERSIDAD SIN BARRERAS (0182006 01A01) La presente publicación pertenece a Valentín Sama Rojo, y está sujeta
Más detallesCampus Virtual UE. Guía rápida de uso
Universidad Europea 2016 Índice Presentación... 3 1. Cómo accedo al Campus Virtual?... 3 2. Cómo edito mi perfil?... 7 3. Qué voy a encontrar en mi Campus Virtual?... 8 4. Cuándo accedo a mi asignatura,
Más detallesElaboración de documentos Excel accesibles
Elaboración de documentos Excel accesibles Contenido Elaboración de documentos Excel accesibles 1 Introducción 1 Tablas 1 Insertar la tabla 1 Evitar celdas vacías 3 Evitar filas o columnas vacías 4 Evitar
Más detallesConocimientos previos
Tema: Los controles de formularios e informes Ficha de aprendizaje 12 n Logro Aprende a usar los controles para mejorar el diseño de formularios e informes. Indaga en la sección Controles cuáles permiten
Más detallesGuía Saga Suite Contenido Secciones
Guía Saga Suite Contenido Secciones Tabla de contenido Acceso a la Edición del recurso...- 2 - Cómo editar el recurso...- 3 - Tipos de bloque de contenido...- 6 - Texto Simple...- 6 - Bloque de texto...-
Más detallesESTUDIO DE ACCESIBILIDAD WEB EN LAS BIBLIOTECAS VIRTUALES EN SALUD EN PERÚ
ESTUDIO DE ACCESIBILIDAD WEB EN LAS BIBLIOTECAS VIRTUALES EN SALUD EN PERÚ Rocío del Carmen Quiliano Terreros, Universidad Peruana del Norte; Alicia Ríos Terrones, Ministerio de Salud de Perú Crics, OPS,
Más detallesVI. APARTADO PARA TRÁMITES Y SERVICIOS EN LOS SITIOS WEB DE LAS DELEGACIONES
VI. APARTADO PARA TRÁMITES Y SERVICIOS EN LOS SITIOS WEB Las Tecnologías de Información y Comunicación (TIC s) son una herramienta fundamental para la instrumentación de estrategias que permitan realizar
Más detallesUniversidad Complutense de Madrid CURSOS DE LA UNIVERSIDAD DE MAYORES
Universidad Complutense de Madrid CURSOS DE LA UNIVERSIDAD DE MAYORES 0 Office: qué programas incluye y para qué sirven Procesadores de texto: Word Presentaciones: PowerPoint Hojas de cálculo: Excel Introducción
Más detallesi2 Cuaderno del Analista
i2 Cuaderno del Analista Highest Classification of this briefing is UNCLASSIFIED//FOR OFFICIAL USE ONLY/RELEASABLE TO USA, PANAMA El Cuaderno del Analista Aplicado DESCRIPCIÓN: Herramienta de software
Más detallesMANUAL DE USUARIO E-CURRICULUM
MANUAL DE USUARIO E-CURRICULUM FACULTAD DE INGENIERÍA UNIVERSIDAD NACIONAL DE COLOMBIA-DNSAV MARZO 2008 1 TABLA DE CONTENIDO 1. INTRODUCCIÓN 4 2. INGRESANDO A E-CURRICULUM 4 3. PANEL DE ADMINISTRACIÓN
Más detallesW3C-WAI - Panorama de la Accesibilidad Web. World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI)
W3C-WAI - http://www.w3.org/wai Panorama de la Accesibilidad Web World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) Iniciativa de Accesibilidad Web del Consorcio World Wide Web 9-2 La cadena
Más detallesMANUAL DE USUARIO LLENADO DE PLAN DE MEJORA. HTSIGA004-CACEI Versión: 1.3
MANUAL DE USUARIO LLENADO DE PLAN DE MEJORA HTSIGA004-CACEI Versión: 1.3 Introducción Este manual tiene como objetivo instruir al usuario acerca de las funcionalidades que ofrece el Sistema Integral para
Más detallesPLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA
PLAN DE ESTUDIOS DE INFORMÁTICA SEGUNDO GRADO DE SECUNDARIA Consideraciones iniciales: 1. Presentar el reglamento del aula de medios (uso correcto de las computadoras, medidas de seguridad en el aula,
Más detallesEJERCICICIO Nº11: INSERTAR CONTENIDOS DENTRO DE CADA TEMA
EJERCICICIO Nº11: INSERTAR CONTENIDOS DENTRO DE CADA TEMA Una vez se han definido los títulos de cada tema ha llegado la hora de saber incluir varios tipos de contenidos, en este caso: 1. Una imagen descriptiva
Más detallesConsejos de accesibilidad para diseñadores web
Consejos de accesibilidad para diseñadores web Sergio Luján Mora sergio.lujan@ua.es @sergiolujanmora Versión 1.0 (01/03/2015) Contenido Resumen... 2 Pautas... 5 Principio 1: Perceptible - La información
Más detallesTema 3.3: Evaluación de la accesibilidad web
Tema 3.3: Evaluación de la accesibilidad web Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid {lmoreno,pmf}@inf.uc3m.es Asignatura Humanidades: Evitando las barreras de accesibilidad en
Más detallesINFOTECH MÓDULO 1 CURSO. Aprendiendo sobre Dreamweaver. Creación de páginas web con Adobe Dreamweaver
INFOTECH MÓDULO 1 Aprendiendo sobre Dreamweaver CURSO Creación de páginas web con Adobe Dreamweaver INFOTECH Capacidades específicas Nombre del módulo 1 Contenidos Recursos Comprensión e Indagación y Actitudes
Más detallesUSO DE ELEMENTOS MULTIMEDIA, INTERNACIONALIZACION Y ACCESIBILIDAD. Complemento (no sustituto) al texto
USO DE ELEMENTOS MULTIMEDIA, INTERNACIONALIZACION Y ACCESIBILIDAD Gráficos Complemento (no sustituto) al texto Transmitir información que con texto no se representaría eficientemente Mejorar la navegación
Más detallesManual del Curso. Mi Correo Electrónico, Mi Relación Digital. Módulo 03 Enviar un Correo
Manual del Curso Mi Correo Electrónico, Mi Relación Digital Módulo 03 Enviar un Correo Índice de Contenidos Módulo 03 Enviar un correo... 3 Partes de un correo... 3 Para... 3 Cc... 4 Cco... 4 Asunto...
Más detallesInstructivo de uso del Campus Virtual
Instructivo de uso del Campus Virtual Pasos para conocer cómo se accede y recorre la plataforma virtual de Fundación Noble. Cualquier duda o inconveniente, comunicate a: soportecampus@grupoclarin.com 1.
Más detallesImplementación de un MOOC accesible de Introducción a la programación en Java bajo la plataforma Open EdX para la Universidad Nacional (UNA)
Implementación de un MOOC accesible de Introducción a la programación en Java bajo la plataforma Open EdX para la Universidad Nacional (UNA) Darío Ríos Navarro Qué es un MOOC? Los MOOC, acrónimo en inglés
Más detallesAccesibilidad web GUÍA FUNCIONAL
Accesibilidad web GUÍA FUNCIONAL 0 _ ÍNDICE 01_Introducción 02_Primeros pasos 03_Conceptos 04_Navegación por voz 05_Navegación por teclado 06_Navegación por sonido 07_Compatibilidad con lectores de pantalla
Más detallesAgosto: Generación Digital. Brecha digital y acceso al conocimiento [Reseña] D. en C. Silvia Berenice Fajardo Flores
Agosto: Generación Digital Brecha digital y acceso al conocimiento [Reseña] D. en C. Silvia Berenice Fajardo Flores Brecha digital y acceso al conocimiento [Reseña] El acceso al conocimiento por medio
Más detalles1. En la pagina institucional en el menu lateral izquierdo, encontara el boton zona de acceso. 2. En zona de acceso seleccione la opción E-libro
1. En la pagina institucional en el menu lateral izquierdo, encontara el boton zona de acceso 2. En zona de acceso seleccione la opción E-libro 3. Se abrirá una nueva pestaña y podrá iniciar su búsqueda
Más detallesGuía de Navegación de la Plataforma de Contratación del Estado
Guía de Navegación de la Plataforma de Contratación del Estado http://contrataciondelestado.es Dirección General del Patrimonio del Estado Subdirección General de Coordinación de la Contratación Electrónica
Más detallesGUÍA RÁPIDA PARA ESTUDIANTES INGRESO Y USO DE LA PLATAFORMA VIRTUAL UCAT
Vicerrectorado Académico Coordinación de Educación Virtual GUÍA RÁPIDA PARA ESTUDIANTES INGRESO Y USO DE LA PLATAFORMA VIRTUAL UCAT Conéctese al portal institucional colocando en la barra de dirección
Más detallesCapacitación en Plataforma Moodle
Capacitación en Plataforma Moodle Actualización Septiembre de 2016 Editar perfil e incorporar recursos Pág. 1 of 28 CÓMO INGRESAR AL AULA VIRTUAL Para acceder al Aula Virtual, se puede utilizar cualquier
Más detallesCONSIDERACIONES PARA LA ELABORACIÓN DE DOCUMENTOS ACCESIBLES. Servicio Nacional de la Discapacidad
CONSIDERACIONES PARA LA ELABORACIÓN DE DOCUMENTOS ACCESIBLES Servicio Nacional de la Discapacidad www.senadis.gob.cl INTRODUCCIÓN La Convención Internacional sobre los Derechos de las Personas con Discapacidad,
Más detallesUNED Play: un ejemplo de incorporación de estándares de accesibilidad en el desarrollo de aplicaciones móviles
UNED Play: un ejemplo de incorporación de estándares de accesibilidad en el desarrollo de aplicaciones móviles C. Rodrigo, N. Vázquez, M. Vázquez, M.A. Marqueta, L.M. de Frutos Cátedra Tecnología y Accesibilidad
Más detallesHerramientas Google Aplicadas a Educación
Índice de contenido Google Sites: cómo crear, editar y compartir un sitio... 2 Cómo acceder a los sitios... 2 Cómo crear tu sitio... 3 Utilizar una plantilla de sitios... 3 Seleccionar un tema para el
Más detallesGuía de Navegación de la
Guía de Navegación de la Plataforma de Contratación del Sector Público Dirección General del Patrimonio del Estado Subdirección General de Coordinación de la Contratación Electrónica Versión: 3.00 Fecha:
Más detallesMANUAL DE USUARIO CAMPUS VIRTUAL
MANUAL DE USUARIO CAMPUS VIRTUAL Esta guía representa los pasos a seguir por el alumno desde la aceptación en un curso Moodle hasta su posterior utilización, pero antes de explicar la forma de acceder
Más detallesFICHA DE ANÁLISIS DE VISIBILIDAD WEB
FICHA DE ANÁLISIS DE VISIBILIDAD WEB RECOMENDACIONES DE ANALÍTICA WEB PARA SITIOS INSTITUCIONALES Dominio unam.mx Elaboró: Dirección General de Tecnologías de Información y Comunicación (DGTIC) Fecha:
Más detallesEn Fireworks, puede crear una bar nav creando un símbolo en el Editor de botones y luego poniendo instancias de dicho símbolo en el lienzo.
Creación de barras de navegación Una barra de navegación, también denominada bar nav, es un grupo de botones que ofrece vínculos a otras áreas de un sitio Web. Normalmente, no cambia de aspecto en el sitio,
Más detallesLA PRENSA IMPRESA EN EL AULA. Guía del alumnado
LA PRENSA IMPRESA EN EL AULA Guía del alumnado 1. Introducción... 3 2. Prensa impresa en el aula... 3 3. Prensa digital en el aula... 4 4. Uso y consulta de los documentos... 5 2 1. Introducción El material
Más detallesGUÍA DE ACCESO A LA PLATAFORMA
GUÍA DE ACCESO A LA PLATAFORMA La Dirección de Desplazados y Cultura de Paz (DDCP) del Ministerio de la Mujer y Poblaciones Vulnerables (MIMP), es la encargada de la gestión del Curso Virtual Introducción
Más detalles1 INTRODUCCIÓN REQUISITOS DEL SISTEMA...
ÍNDICE 1 INTRODUCCIÓN... 2 2 REQUISITOS DEL SISTEMA... 2 3 PÁGINA DE INICIO Y GENERALIDADES... 2 3.1 PÁGINA DE INICIO... 2 3.2 GENERALIDADES... 3 3.3 OTRAS GENERALIDADES E ICONOGRAFÍA... 5 4 CONOCE...
Más detallesTABLAS, SÍMBOLOS Y APLICACIONES MULTIMEDIA
5 TABLAS, SÍMBOLOS Y APLICACIONES MULTIMEDIA Tablas Símbolos y objetos multimedia Ventanas de un documento Vínculos en un documento GUÍA DIDÁCTICA Descripción Las tablas permiten organizar la información
Más detallesCUARTO CURSO DE EDUCACIÓN SECUNDARIA OBLIGATORIA. 1. Adoptar conductas y hábitos que permitan la protección del individuo en su interacción en la red.
CUARTO CURSO DE EDUCACIÓN SECUNDARIA OBLIGATORIA BLOQUE 1: ÉTICA Y ESTÉTICA DE LA INTERACCIÓN EN RED. La red: plataformas y servicios de intercambio y publicación de información digital. Pautas de uso
Más detallesPáginas multimedia Pestañas - Acordeones
Este es un tipo de página que puede contener una serie de páginas con contenidos distintos en su interior. Este conjunto de páginas que podemos incrustar en la página principal podemos presentarlas como
Más detallesAspectos a tener en cuenta en la utilización de los recursos de Moodle. Introducción
Aspectos a tener en cuenta en la utilización de los recursos de Moodle Programa Integración de Tecnologías a la Docencia Universidad de Antioquia Introducción En este documento se encuentra una recopilación
Más detallesGuía de acceso al campusfert
Guía de acceso al campusfert En esta guía vamos a ver: Primer paso en el campusfert. Crear nuestro usuario... 2 Acceder de nuevo al campus... 5 Segundo paso en el campusfert. Matricularse en un curso...
Más detallesNUEVO AMBIENTE DE APRENDIZAJE INACAP (AAI) GUÍA DE APOYO PARA EL ALUMNO.
NUEVO AMBIENTE DE APRENDIZAJE INACAP (AAI) www.inacap.cl/tutoriales-aai Gerencia de Sistemas y Tecnologías Agosto de 2011 ÍNDICE Introducción 3 1. Cómo ingreso al nuevo Ambiente de Aprendizaje INACAP (AAI)?
Más detallesInstructivo para alumnos. Universidad Nacional de Santiago del Estero / Escuela para la Innovación Educativa/ Campus Virtual / 2017
Instructivo para alumnos Universidad Nacional de Santiago del Estero / Escuela para la Innovación Educativa/ Campus Virtual / 2017 Índice Ingreso a la plataforma 3 1. Edición del perfil del usuario 4 2.
Más detallesAnexo 9: Tutorial Comunidad Virtual y Blog
Alta en la Comunidad Virtual. 1. Escribir http://comunidad.eduambiental.org/ en la barra de direcciones del navegador. 2. En la esquina superior izquierda, pinchar en Comience ahora creando una cuenta.
Más detallesMANUAL de administración
MANUAL de administración blogs de asambleístas www. asambleanacional. gob.ec MANUAL de administración blogs de asambleístas CONTENIDO Ingreso a los blogs de asambleístas -------------------------------------
Más detallesFACULTAD DE CIENCIAS DE LA SALUD PROGRAMA DE PSICOLOGÍA TICS semestre III 2014
FACULTAD DE CIENCIAS DE LA SALUD PROGRAMA DE PSICOLOGÍA TICS semestre III 2014 PROCEDIMIENTO PASO A PASO PARA CREAR Y CONFIGURAR UN BLOG EN WORDPRESS. 1. Abra la internet con el navegador Google Chrome
Más detalles.THOMSON REUTERS PROVIEW
.THOMSON REUTERS PROVIEW Esta plataforma permite acceder a la versión electrónica de los libros que la biblioteca ha comprado en papel de las editoriales Aranzadi, Civitas y Lex Nova. Cómo localizar los
Más detallesDía Mes Año Hora Minutos. Fecha y Hora 29 Abril : 39
#30 COMPLETO Recopilador: Web Link (Enlace web) Comenzó: miércoles, 29 de abril de 2015 20:23:29 Última modificación: jueves, 30 de abril de 2015 16:13:15 Tiempo destinado: 19:49:45 Dirección IP: 200.86.125.74
Más detallesLa accesibilidad como indicador de calidad de los entornos de aprendizaje enriquecidos por tecnologías
La accesibilidad como indicador de calidad de los entornos de aprendizaje enriquecidos por tecnologías José Ramón Hilera González Universidad de Alcalá [Coordinador proyecto europeo ESVI-AL: Enlace al
Más detallesQué es el libromedia 2.0?
Qué es el libromedia 2.0? Un libro digital innovador que permite la integración plena de las TIC en el aula de una forma sencilla. No requiere conectividad, facilita la práctica docente y se puede personalizar.
Más detalles