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

Tamaño: px
Comenzar la demostración a partir de la página:

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

Transcripción

1 Guías Prácticas de Comprobación de Accesibilidad: IMÁGENES Centro de Referencia en Accesibilidad y Estándares Web Marzo 2008

2 Copyright 2008 Instituto Nacional de la comunicación (INTECO) El presente documento está bajo la licencia Creative Commons Reconocimiento-No comercial-compartir Igual versión 2.5 España. Usted es libre de: - copiar, distribuir y comunicar públicamente la obra - hacer obras derivadas Bajo las condiciones siguientes: - Reconocimiento. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra). - No comercial. No puede utilizar esta obra para fines comerciales. - Compartir bajo la misma licencia. Si altera o transforma esta obra, o genera una obra derivada, sólo puede distribuir la obra generada bajo una licencia idéntica a ésta. Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra. Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor Nada en esta licencia menoscaba o restringe los derechos morales del autor. Esto es un resumen legible por humanos del texto legal (la licencia completa) disponible en El presente documento cumple con las condiciones de accesibilidad del formato PDF (Portable Document Format). Se trata de un documento estructurado y etiquetado, provisto de alternativas a todo elemento no textual, marcado de idioma y orden de lectura adecuado. Para ampliar información sobre la construcción de documentos PDF accesibles puede consultar la guía disponible en la sección Accesibilidad > Formación > Manuales y Guías de la página Guías Prácticas de Comprobación de Accesibilidad - Imágenes 2

3 ÍNDICE 1. OBJETIVO DE LA GUÍA 4 2. EQUIVALENTES TEXTUALES Texto alternativo 5 Imágenes de contenido 6 Imágenes decorativas 6 Imágenes funcionales 6 Imágenes con texto 7 Imágenes dinámicas Descripción larga 8 3. VALIDACIÓN DE IMÁGENES Validación de los equivalentes textuales Existencia de texto alternativo Adecuación de las alternativas Color y Contraste Color Contraste Destellos, parpadeos y movimiento Marcadores en vez de imágenes para transmitir información VALIDACIÓN DE MAPAS DE IMAGEN CONCLUSIONES 33 Guías Prácticas de Comprobación de Accesibilidad - Imágenes 3

4 1. OBJETIVO DE LA GUÍA Entre las medidas a adoptar para la consecución de un sitio Web accesible, una de las primeras y más importantes a tener en cuenta es la de proporcionar buenos equivalentes textuales para todas las imágenes y, en general, para todo el contenido no textual. Los usuarios que no puedan acceder a la información visual (discapacitados visuales, usuarios de navegadores de texto o con capacidad gráfica limitada, etc.) pierden la información proporcionada por ese medio si no se proporcionan equivalentes textuales adecuados. El texto se considera accesible para prácticamente todos los usuarios ya que puede ser presentado visualmente así como interpretado por los productos de apoyo. Además se han de tener en cuenta otros requisitos de accesibilidad como son el color y contraste, no usar imágenes animadas ni con destellos o parpadeos y, por norma general, no usarlas para transmitir información textual que se pueda representar fácilmente mediante XHTML y CSS. El objeto de la presente guía práctica es la de proporcionar información sobre los aspectos que intervienen en la comprobación de accesibilidad del contenido Web basado en imágenes y mapas de imagen. Se pretende ofrecer una visión general de la Accesibilidad para esta tipología de contenidos así como una metodología práctica que permita comprobar la adecuación de los mismos conforme a las normativas y recomendaciones vigentes. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 4

5 2. EQUIVALENTES TEXTUALES La alternativa a las imágenes, aunque no parezca entrañar una excesiva dificultad, es uno de los aspectos menos comprendidos y más proclive a errores ya que no siempre resulta obvio cuál es la alternativa textual más adecuada para una imagen. Por tanto, y con el fin de tener la base necesaria para realizar una correcta validación, a continuación se recordará brevemente como se realizan equivalentes textuales adecuados. Los equivalentes textuales deben proporcionar la misma información o función (en la medida de lo posible) que la imagen original. Existen dos mecanismos para proporcionar equivalentes textuales a las imágenes: Texto alternativo (alt): el objetivo del texto alternativo es el de proporcionar un equivalente textual breve y conciso para las imágenes. Descripción larga (longdesc): si la imagen es compleja, y precisa de una descripción demasiado extensa para el texto alternativo, es necesario usar este mecanismo para proporcionar una descripción más detallada TEXTO ALTERNATIVO Toda imagen incluida en una página Web, a través del elemento IMG, debe proporcionar (mediante el atributo alt obligatorio) un texto alternativo, que aporte la misma información o función que la imagen. El texto alternativo es la información proporcionada por los agentes de usuario (navegadores y productos de apoyo) en caso de no mostrarse la imagen. Por ejemplo, los navegadores gráficos que tengan las imágenes desactivadas o no puedan mostrarlas (ruta incorrecta de la imagen), y los navegadores de texto, usarán el texto alternativo en su lugar. Por otra parte, los lectores de pantalla leerán en voz alta el texto alternativo de las imágenes. Ejemplo de código: <img src="imagen.png" alt="descripción breve" /> NOTA: En el caso de las imágenes añadidas a través del elemento OBJECT, dicha alternativa deberá incluirse en el propio cuerpo del elemento. Este método de inserción de imágenes en una página Web no tiene un soporte extendido y se recomienda emplear el elemento IMG para tal fin para garantizar la correcta interpretación del mismo. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 5

6 Ejemplo de código: <object type="image/png" data="imagen.png"> <!-- Contenido alternativo --> </object> El texto alternativo depende del tipo de imagen usada o de la función de la misma. Así, de forma general, podemos diferenciar los siguientes casos: Imágenes de contenido Se considera que una imagen es de contenido cuando proporciona información. En este tipo de imágenes, como ya se ha comentado, el texto alternativo debe proporcionar un equivalente textual breve que proporcione la misma información que la imagen original. Imágenes decorativas Se consideran imágenes decorativas aquellas usadas como recursos gráficos para el diseño de las páginas y que no proporcionan ninguna información o funcionalidad. Por ejemplo: separadores, imágenes de diseño o relleno, imágenes empleadas como viñetas de listas, etc. Este tipo de imágenes deberían incluirse mediante las hojas de estilos (CSS). Sin embargo, en caso de incluirse en el código HTML mediante el elemento IMG, el texto alternativo debe estar vacío (alt=""), o contener un espacio en blanco (alt=" ") cuando la imagen sea lo único que separe dos elementos contiguos. Imágenes funcionales Una imagen funcional es aquella que actúa de vínculo con una página Web o un archivo. Cuando se usa una imagen como enlace existen dos posibilidades para proporcionar un texto alternativo: Si, el enlace está formado por un texto descriptivo y una imagen (que no aporta información relevante), entonces puede considerarse como decorativa, dejando vacío el texto alternativo. Figura 1. Dado que en el propio texto del enlace se indica que se trata de un documento PDF la imagen no aporta información adicional del enlace. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 6

7 Ejemplo de código: <a href="norma.pdf"> <img src= logo.gif alt= />Norma UNE :2004 (PDF) </a> Si la imagen es el único elemento que funciona como enlace, entonces el texto alternativo deberá describir el destino o propósito del vínculo. Figura 2. Icono que enlaza con la página principal. Alt= Página de inicio Como norma general, la funcionalidad de una imagen prevalece a la propia imagen, y salvo casos aislados, en la alternativa no se deberá describir la imagen, sino el propósito de la misma (el destino del enlace). Si la imagen requiere ser descrita se empleará el atributo longdesc para dicho fin. Por esta razón, el texto alternativo se convierte en texto del enlace, y debe identificar adecuadamente el destino del mismo de forma clara y concisa. Imágenes con texto Por lo general, en el texto alternativo se debe proporcionar el texto íntegro que se muestre en la imagen. En la siguiente imagen el texto alternativo correcto sería INTECO Premio IMSERSO Infanta Cristina Premio I+D+i en Nuevas Tecnologías y Ayudas Técnicas. Figura 3.Ejemplo de imagen con texto. En la alternativa deberá aparecer el texto íntegro Guías Prácticas de Comprobación de Accesibilidad - Imágenes 7

8 Imágenes dinámicas El contenido alternativo equivalente tiene que aportar la misma información o funcionalidad que el contenido original aunque éste varíe dinámicamente. En este sentido se ha de prestar especial atención a aquellas imágenes que cambien o se modifiquen dinámicamente, ya que la alternativa también deberá actualizarse adecuadamente DESCRIPCIÓN LARGA Figura 4. Ejemplo de imagen dinámica. Contador de visitas Cuando el texto alternativo no es suficiente para transmitir adecuadamente la información, función o propósito de una imagen (por ejemplo, una gráfica de estadísticas), se deberá emplear el atributo longdesc del elemento de imagen IMG para aportar dicha información. El atributo longdesc debe contener la URL de la página donde se proporciona una descripción detallada de la imagen. La descripción puede estar situada en la misma página que la imagen, preferiblemente antes o después de la misma, de forma que dicha descripción se relacione con la imagen por el contexto, y enlazada con el atributo longdesc mediante un enlace de tipo ancla. El texto alternativo de la imagen debe tener una breve descripción que permita identificar la imagen aunque no entre en detalle. No todos los agentes de usuario interpretan el atributo longdesc adecuadamente, por ello se recomienda proporcionar además un vínculo redundante a la descripción detallada al lado de la imagen. Por ejemplo, puede proporcionarse en forma de pie de imagen que funcione al mismo tiempo como enlace a la descripción detallada. Figura 5. Ejemplo de imagen cuyo pie de imagen actúa de enlace a la descripción larga Guías Prácticas de Comprobación de Accesibilidad - Imágenes 8

9 Ejemplo de código: <img src="grafic.png" alt="superficie de los continentes" longdesc="descripcion.html"> <a href="descripcion.html" title= Enlace a la descripción detallada de la imagen >Superficie de los continentes</a> Guías Prácticas de Comprobación de Accesibilidad - Imágenes 9

10 3. VALIDACIÓN DE IMÁGENES A continuación se explicarán los métodos y herramientas necesarios para la validación de imágenes, tanto a nivel de existencia y adecuación de alternativas textuales, como a nivel de contenido para verificar el correcto uso de las mismas 3.1. VALIDACIÓN DE LOS EQUIVALENTES TEXTUALES Existencia de texto alternativo La ausencia del atributo alt es un error gramatical y por ello es detectado automáticamente por las herramientas de validación de gramática y de Accesibilidad (validador de código (x)html y herramientas automáticas como TAW). Por otra parte, las barras de herramientas usadas para la evaluación manual (barra de herramientas Web Accessibility Toolbar de Internet Explorer y Web Developer Toolbar de Mozilla Firefox) contienen opciones para detectar las imágenes que carecen de texto alternativo. URL de Descarga Web Developer Toolbar: https://addons.mozilla.org/en-us/firefox/addon/60 URL de Descarga Web Accessibility Toolbar: Así, en la barra de herramientas Web Accessibility Toolbar, se pueden reemplazar las imágenes por su texto alternativo con la opción Images - Toggle Image/Alt Figura 6.Reemplazar imágenes por su alternativa en Web Accessibility Toolbar Si no existen alternativas a las imágenes de la página Web a comprobar, se mostrará un mensaje de alerta advirtiendo tal hecho. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 10

11 Figura 7. Mensaje alerta sobre imágenes sin alternativa en Web Accessibility Toolbar De similar forma, la barra de herramientas Web Developer Toolbar permite resaltar aquellas imágenes que no disponen de texto alternativo con la opción Images - Outline Images - Images Without Alt Attributes Figura 8. Resaltar imágenes sin texto alternativo en Web Developer Toolbar Guías Prácticas de Comprobación de Accesibilidad - Imágenes 11

12 Desactivación de hojas de estilo CSS Figura 9.Ejemplo de imagen resaltada sin alternativa Como caso particular de comprobación se ha de tener en cuenta que las imágenes insertadas a través de la hoja de estilos CSS no tienen el atributo alt necesario para indicar el equivalente textual. Por esta razón, las únicas imágenes susceptibles de ser insertadas desde la hoja de estilos CSS son las decorativas, salvo que se empleen técnicas accesibles de reemplazo de texto por imágenes, ya que al no transmitir información relevante no se pierde ningún contenido ni funcionalidad al carecer de ellas. El procedimiento a realizar es pues, desactivar los estilos y las imágenes de fondo para comprobar que no se pierde ninguna información relevante. Figura 10. Opción deshabilitar CSS de la barra Web Accessibility Toolbar Guías Prácticas de Comprobación de Accesibilidad - Imágenes 12

13 Figura 11. Opción Deshabilitar estilos de la barra Web Developer Toolbar Figura 12. Opción Ocultar imágenes de fondo de la barra Web Developer Toolbar Sin embargo, es importante recordar que no sólo se debe comprobar la existencia de alternativas textuales, sino también la adecuación de las mismas Adecuación de las alternativas Para comprobar la adecuación de las alternativas a las imágenes deberá realizarse un proceso manual apoyado en las barras de herramientas y revisión de código. Un posible método de evaluación es acceder a la página a través de un navegador solo texto o con un lector de pantalla. En todos estos casos, se comprobará que no se pierde Guías Prácticas de Comprobación de Accesibilidad - Imágenes 13

14 ninguna funcionalidad ni contenido al prescindir de imágenes, evaluando las alternativas ofrecidas a las mismas. Para facilitar esta tarea se puede hacer uso de algunas herramientas que nos permiten evaluar las alternativas más cómodamente sin necesidad de usar navegadores de texto o lectores de pantalla. Figura 13. Reemplazar imágenes con su alternativa en Web Accessibility Toolbar El menú Images de la barra de herramientas Web Developer Toolbar para Mozilla Firefox, contiene opciones para comprobar la adecuación de las alternativas, siendo la más útil Display Alt Attributes (Mostrar atributos alt). Figura 14.Opciones del menú Imágenes Web Developer Toolbar La opción Display Alt Attributes muestra al mismo tiempo la imagen y el texto alternativo. De este modo se podrá comprobar más fácilmente la adecuación de la alternativa comparando ambas y viendo si realmente son equivalentes. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 14

15 Figura 15. Imágenes con la opción Display Alt Attributes activada La opción View Image Information (Ver información de imagen) abre una nueva página con la información relativa a todas las imágenes contenidas en el documento Web. Figura 16. Ejemplo de la información mostrada La opción Replace Images with Alt Attributes (reemplazar imágenes con sus alternativas) actúa de igual modo que la opción Toggle Image/Alt (intercambiar imagen con alt) de Web Accessibility Toolbar. En el caso de que exista alguna imagen que requiera de una descripción larga, porque el texto alternativo resulte insuficiente, se puede comprobar si se está proporcionando dicha descripción con la extensión Longdesc para el navegador Firefox. Esta extensión muestra una opción nueva en el menú contextual de aquellas imágenes que contengan longdesc para acceder al documento enlazado en el que se proporciona la descripción. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 15

16 3.2. COLOR Y CONTRASTE Figura 17. View Image Longdesc Firefox Color La información ofrecida mediante imágenes, no debe transmitirse utilizando como único medio el color, ya que ésta podría no ser percibida por usuarios de pantallas monocromáticas o con deficiencias en la percepción del color. Como ejemplo de dependencia de color se observa cómo en la Figura 18, en escala de grises (Figura 19), no es posible diferenciar entre las comunidades en alerta y las comunidades sin riesgo. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 16

17 Figura 18. Mapa con dependencia de color Figura 19. Mapa en escala de grises Para corregir este problema de dependencia de color se pueden emplear diferentes técnicas: 1. Elección de colores con el suficiente contraste de forma que permitan diferenciarse entre si en escala de grises. (Ver apartado siguiente Contraste). 2. Emplear tramas para diferenciar las áreas dependientes de color. 3. Situar la leyenda encima de cada región del mapa. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 17

18 Figura 20. Ejemplo de empleo de trama para diferenciar las áreas Figura 21. Ejemplo de empleo de trama en escala de grises Para comprobar que no existe dependencia única de color en las imágenes se pueden utilizar diferentes métodos de evaluación: Imprimir la página en blanco y negro y comprobar que no se pierde ninguna información. Navegar en escala de grises emulando una pantalla monocromática. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 18

19 Figura 22.Escala de grises en Web Accessibility Toolbar Emular los diferentes tipos de daltonismo: deuteranopia, protanopia, tritanopia, etc. Vischeck Colour blindness simulation (www.vischeck.com ). Figura 23.Vischeck colour blindness simulation de la barra Web Accessibility Toolbar Figura 24. Captura de la ventana de simulación Fujitsu ColorDoctor (http://www.fujitsu.com/global/accessibility/assistance/cd/) Guías Prácticas de Comprobación de Accesibilidad - Imágenes 19

20 Figura 25. Fujitsu Color Doctor con ejemplo de Deuteranopia Simular diferentes tipos de deficiencias visuales. Por ejemplo a través de la aplicación Visual Impairment Simulator (http://www.cita.uiuc.edu/software/vis/downld.php) Guías Prácticas de Comprobación de Accesibilidad - Imágenes 20

21 Figura 26. Captura Visual Impairment Simulator Figura 27. Simulación de Glaucoma Figura 28. Simulación de Degeneración macular Guías Prácticas de Comprobación de Accesibilidad - Imágenes 21

22 Contraste Debe existir un contraste suficiente entre el color de primer plano y el color de fondo, en especial en las imágenes que transmiten información textual. Figura 29. Ejemplo de elección de un contraste insuficiente Para comprobar las combinaciones de color de primer plano y color de fondo (contraste) se puede utilizar la herramienta Colour Contrast Analyser. En la opción Colour de la barra Web Accessibility Toolbar, existe un acceso directo a dicha herramienta. Figura 30. Colour Contrast Analyser - Web Accessibility Toolbar Guías Prácticas de Comprobación de Accesibilidad - Imágenes 22

23 Figura 31. Aplicación Colour Contrast Analyser La aplicación Colour Contrast Analyser trabaja con dos algoritmos: el de diferencia de brillo y color y el de luminosidad, siendo el primero el que se debe usar actualmente ya que el algoritmo de luminosidad aún se encuentra en fase experimental. Mediante un selector de color (cuentagotas) se escoge el color de fondo y el color de primer plano que se desean evaluar, considerándose que la combinación es válida cuando supere ciertos umbrales mínimos Los valores mínimos son 125 para el diferencial de brillo y 500 para el diferencial de color. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 23

24 Figura 32. Ejemplo de un mal contraste Colour Contrast Analyser permite, además, evaluar la diferencia de brillo y color también para diferentes discapacidades en la percepción del color y se deben superar los umbrales mínimos en cada una de ellas. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 24

25 Figura 33. Umbrales mínimos para las diferentes discapacidades en la percepción del color Esta herramienta puede utilizarse de forma independiente a través de una aplicación de escritorio: URL de Descarga: Por otro lado, existe la posibilidad de listar todas las combinaciones de colores de la página con sus correspondientes resultados al aplicar cada uno de los algoritmos citados a través de la aplicación Juicy Studio Colour Contrast Analyser Para acceder a esta lista se ha de seleccionar la opción Contrast Analyser all tests de la opción Juicy Studio Contrast Analyser del menú Colour de la barra Web Accessibility Toolbar. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 25

26 Figura 34. Contrast Analyser - all tests O bien a través de la extensión correspondiente de Firefox Juicy Studio Contrast Analyser: URL de Descarga: Figura 35.Juicy Studio Contrast Analyser Firefox Guías Prácticas de Comprobación de Accesibilidad - Imágenes 26

27 Figura 36. Ejemplo de contrastes 3.3. DESTELLOS, PARPADEOS Y MOVIMIENTO Una pantalla parpadeante o con destello puede provocar ataques en usuarios con epilepsia foto sensitiva; por eso, los desarrolladores deben evitar causar destello de la pantalla. Esta premisa es extensible al las imágenes animadas teniendo en cuenta los siguientes puntos a revisar: No deben contener destellos. La frecuencia de parpadeo no debe oscilar entre 4 y los 59 destellos por segundo (hertzios) y debe poseer un nivel máximo a los 20 destellos por segundo. Aunque no se supere dicha frecuencia, el parpadeo debe parar automáticamente al cabo de un tiempo determinado o permitir que los usuarios puedan detenerlo. Si existe movimiento, el bucle de reproducción debe ser finito y no muy extenso y además si contiene información, ésta debe presentarse de forma íntegra al detener el movimiento Para la evaluación de la frecuencia de parpadeo para imágenes GIF animadas se puede utilizar la opción GIF Flicker Test del menú Images de la barra Web Accessibility Toolbar. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 27

28 Esta herramienta mide la frecuencia de cambio de las imágenes animadas. Hay que tener en cuenta los umbrales de parpadeo y no considerar que todas las imágenes animadas son parpadeantes o con destellos Figura 37. GIF Flicker Test Figura 38. Leyenda GIF Flicker Test 3.4. MARCADORES EN VEZ DE IMÁGENES PARA TRANSMITIR INFORMACIÓN No se deben utilizar imágenes para transmitir información cuando ésta se puede representar mediante (X)HTML+CSS. El uso de etiquetas (y hojas de estilo) donde sea posible, mejor que imágenes, promueve la accesibilidad por las siguientes razones: Guías Prácticas de Comprobación de Accesibilidad - Imágenes 28

29 El texto se puede redimensionar y es interpretado por los productos de apoyo como los lectores de pantalla. Los mecanismos de búsqueda pueden usar la información del texto. Es habitual el uso de imágenes para proporcionar información textual que se debería transmitir mediante texto, como por ejemplo en encabezados, tablas de datos o menús de navegación. En ocasiones se emplean imágenes incluso para parte del propio contenido textual de los documentos. Este uso de las imágenes debe evitarse, con las siguientes excepciones: Logotipos e imágenes promocionales. Encabezados que requieran usar tipografías no reproducibles mediante (X)HTML y CSS. La evaluación de este punto es totalmente manual, no existiendo herramientas que realicen o faciliten esta tarea. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 29

30 4. VALIDACIÓN DE MAPAS DE IMAGEN Un mapa de imagen es una imagen en la que determinadas zonas (áreas) son enlaces. Existen dos tipos de mapas de imágenes: Los mapas de imagen de cliente: toda la información necesaria está contenida en la página y por tanto el navegador es capaz de realizar la acción. Los mapas de imágenes de servidor: en ellos, el navegador envía la posición del ratón al servidor y es el servidor el que evalúa y realiza la acción. Como todo elemento no textual, para todo mapa de imagen se debe proporcionar una alternativa equivalente al mismo tal y como se describió en el apartado "Equivalentes textuales". Además, si se trata de un mapa de imagen de cliente, debe llevar un texto alternativo para cada región activa del mismo (atributo alt del elemento AREA) que describa el destino de los enlaces. Ejemplo de código mapa de cliente: <map id="mapa" name="mapa"> <area alt="descripción del enlace del Área 1" href="pagina.html" shape="rect" coords="0,10,5,25" /> <area alt="descripción del enlace del Área 2" href="pagina2.html" shape="poly" coords=" " /> [ ] </map> <img src="../imagenes/mapaccaa.gif" alt="mapa de imagen XXXX usemap="#mapa" /> En un mapa de imagen de servidor, el usuario no sabe cual es el destino de cada área del mismo, por lo tanto deben replicarse los enlaces en formato texto de cada zona activa. Éstos deben aparecer lo más cerca posible del mapa. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 30

31 Figura 39. Ejemplo de Mapa de imagen Debido a la imposibilidad de hacer directamente accesible un mapa de imagen de servidor, deberá ser sustituido, en la medida de lo posible, por un mapa de cliente, excepto cuándo las zonas sensibles (áreas) no puedan ser definidas con una forma geométrica. Para comprobar la accesibilidad en los mapas de imagen se ha de seguir los mismos criterios para las imágenes desde el punto de vista de las alternativas. En la barra Web Accessibility Toolbar existe una opción en el menú de Images que detalla los mapas de imagen contenidos en la página. Figura 40. Show Image Maps de la barra Web Accessibility Toolbar Al acceder a dicha opción se mostrará una página que contendrá una lista de los mapas de imagen empleados agrupados por tipología (servidor/cliente) con una imagen estática de cada uno de ellos y el código de los mismos a continuación. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 31

32 Figura 41. Ejemplo de la información mostrada de la opción Show Image Maps de la barra Web Accessibility Toolbar En el detalle del código se puede ver cuál es el texto alternativo empleado para cada zona activa de los mapas de imagen de cliente y, por tanto, comprobar la adecuación de los mismos. Guías Prácticas de Comprobación de Accesibilidad - Imágenes 32

33 5. CONCLUSIONES Para comprobar la accesibilidad del contenido Web basado en imágenes y mapas de imagen se han de seguir las siguientes pautas generales: Revisar la existencia de textos alternativos con herramientas automáticas o manuales. Revisar la adecuación de las alternativas con las opciones que nos proporcionan herramientas como Web Accessibility Toolbar y Web Developer Toolbar. Comprobar que no se está empleando el color como medio único de transmisión de la información y que el contraste es el adecuado. Comprobar que las imágenes animadas no contienen destellos y que se proporciona un mecanismo de detención del movimiento o que el bucle de repetición es finito. Comprobar que al utilizar una imagen en una página Web no existe un marcador más apropiado para la tarea. Seleccionar en la medida de lo posible un mapa de imagen de cliente en vez de servidor y revisar la adecuación de las alternativas a las áreas del mismo (en un mapa de servidor, comprobar que se proporcionan enlaces redundantes). Guías Prácticas de Comprobación de Accesibilidad - Imágenes 33

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

Guía Práctica de Comprobación de Accesibilidad: FORMULARIOS Guía Práctica de Comprobación de Accesibilidad: FORMULARIOS Centro de Referencia en Accesibilidad y Estándares Web Mayo 2009 Copyright 2009 Instituto Nacional de la comunicación (INTECO) El presente documento

Más detalles

Guía Práctica de Comprobación de Accesibilidad: TABLAS DE DATOS

Guía Práctica de Comprobación de Accesibilidad: TABLAS DE DATOS Guía Práctica de Comprobación de Accesibilidad: TABLAS DE DATOS Centro de Referencia en Accesibilidad y Estándares Web Diciembre 2008 Copyright 2008 Instituto Nacional de la comunicación (INTECO) El presente

Más detalles

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

Guías Prácticas de Comprobación de Accesibilidad: Guías Prácticas de Comprobación de Accesibilidad: MULTIMEDIA Centro de Referencia en Accesibilidad y Estándares Web Noviembre 2008 Copyright 2008 Instituto Nacional de la comunicación (INTECO) El presente

Más detalles

GUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF

GUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF GUÍA BREVE DE ACCESIBILIDAD EN DOCUMENTOS PDF Centro de Referencia en Accesibilidad y Estándares Web Copyright 2007 Instituto Nacional de la comunicación (INTECO) El presente documento está bajo la licencia

Más detalles

Análisis de la accesibilidad del sitio web. Ayuntamiento de El Campello (http://www.elcampello.es)

Análisis de la accesibilidad del sitio web. Ayuntamiento de El Campello (http://www.elcampello.es) Análisis de la accesibilidad del sitio web Ayuntamiento de El Campello (http://www.elcampello.es) Alexandre López Berenguer Sergio Luján Mora Fecha de realización:24-3-2011 Esta obra está bajo una licencia

Más detalles

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0 ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES

Más detalles

GUÍA DE RECOMENDACIONES DE ACCESIBILIDAD Y CALIDAD WEB

GUÍA DE RECOMENDACIONES DE ACCESIBILIDAD Y CALIDAD WEB GUÍA DE RECOMENDACIONES DE ACCESIBILIDAD Y CALIDAD WEB Centro de Referencia en Accesibilidad y Estándares Web Enero 2009 Copyright 2009 Instituto Nacional de la comunicación (INTECO) El presente documento

Más detalles

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

GUÍA DE CUESTIONES BÁSICAS DE ACCESIBILIDAD PARA LOS EDITORES FINALES DE CONTENIDOS GUÍA DE CUESTIONES BÁSICAS DE ACCESIBILIDAD PARA LOS EDITORES FINALES DE CONTENIDOS Julio 2010 Copyright 2010 Ministerio de la Presidencia. Gobierno de España El presente documento está bajo la licencia

Más detalles

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

14 Guía de Microsoft Word 2010 Guía de contenido digital accesible 14 Guía de Microsoft Word 2010 Guía de contenido digital accesible Mireia Ribera Este documento tiene una licencia Reconocimiento-No Comercial-Compartir- Igual 3.0 de Creative Commons. Se permite la reproducción,

Más detalles

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net)

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Danny J. Rivera I. Sergio Luján Mora 24 de Marzo de 2011 Esta obra está bajo una licencia de Creative Commons Reconocimiento-SinObraDerivada

Más detalles

Introducción a la Accesibilidad Web

Introducción a la Accesibilidad Web Introducción a la Accesibilidad Web Ricardo Borillo Domenech borillo@uji.es Índice Introducción. Referencias. Marco legislativo. Herramientas. Comprobación de la accesibilidad en un sitio web. Principales

Más detalles

Seminario Accesibilidad Web

Seminario Accesibilidad Web 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

Más detalles

Guía rápida de evaluación automatizada de contenidos web según WCAG 2.0 usando herramientas de software libre

Guía rápida de evaluación automatizada de contenidos web según WCAG 2.0 usando herramientas de software libre Guía rápida de evaluación automatizada de contenidos web según WCAG 2.0 usando herramientas de software libre José R. Hilera 1, Teresa Díez 1, Mª José Domínguez 1, Lourdes Moreno 2, David Sangilbert 1

Más detalles

Servicios de accesibilidad Web

Servicios de accesibilidad Web experiencias reales, soluciones reales Servicios de accesibilidad Web Ref.: SER_ACC_V3_julio_ 2009 w w w. o b s e r v a l i a. c o m Índice 1. Introducción a la accesibilidad [ 3] 2. Auditorías de accesibilidad

Más detalles

ACCESIBILIDAD EN DOCUMENTOS PDF

ACCESIBILIDAD EN DOCUMENTOS PDF ACCESIBILIDAD EN DOCUMENTOS PDF Centro de Referencia en Accesibilidad y Estándares Web Copyright 2007 Instituto Nacional de la comunicación (INTECO) El presente documento está bajo la licencia Creative

Más detalles

ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE

ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ÍNDICE COLORES CORPORATIVOS... 2 INFORMACIÓN DEL DOCUMENTO... 3 FOTOS E IMAGENES... 4 TABLAS... 7 ACCESIBILIDAD... 10 TAW3... 10 Guía de estilo. Anexo accesibilidad

Más detalles

REGLAMENTO PARTICULAR DEL CERTIFICADO AENOR DE CONFORMIDAD PARA ACCESIBILIDAD TIC PARA SITIOS WEB RP A90.02

REGLAMENTO PARTICULAR DEL CERTIFICADO AENOR DE CONFORMIDAD PARA ACCESIBILIDAD TIC PARA SITIOS WEB RP A90.02 ESQUEMA PARTICULAR DE CERTIFICACIÓN ACCESIBILIDAD DE SITIOS WEB SECRETARÍA: AENOR Dirección Cl Génova, 6 Teléfono 914 32 60 09 Fax 913 10 46 83 28004 MADRID REGLAMENTO PARTICULAR DEL CERTIFICADO AENOR

Más detalles

CURSO/TALLER CREACIÓN DE MATERIALES EDUCATIVOS DIGITALES ACCESIBLES UNIDAD 5 CÓMO CREAR PÁGINAS WEB ACCESIBLES

CURSO/TALLER CREACIÓN DE MATERIALES EDUCATIVOS DIGITALES ACCESIBLES UNIDAD 5 CÓMO CREAR PÁGINAS WEB ACCESIBLES CURSO/TALLER CREACIÓN DE MATERIALES EDUCATIVOS DIGITALES ACCESIBLES UNIDAD 5 CÓMO CREAR PÁGINAS WEB ACCESIBLES Contenido DATOS BÁSICOS DEL DOCUMENTO... 3 PARTE I. DESCRIPCIÓN DEL CONTENIDO DE LA UNIDAD...

Más detalles

Ais Web Accessibility:

Ais Web Accessibility: Ais Web Accessibility: Manual rápido de usuario Fecha: 06/09/2006 Referencia: EJIE S.A. Mediterráneo, 3 Tel. 945 01 73 00* Fax. 945 01 73 01 01010 Vitoria-Gasteiz Posta-kutxatila / Apartado: 809 01080

Más detalles

ANEXO. IMAGEN INSTITUCIONAL UNIVERSIDAD DE ALICANTE

ANEXO. IMAGEN INSTITUCIONAL UNIVERSIDAD DE ALICANTE ANEXO. IMAGEN INSTITUCIONAL UNIVERSIDAD DE ALICANTE ÍNDICE RECOMENDACIONES GENERALES... 2 LOGO DE LA UA... 4 COLORES CORPORATIVOS... 5 TIPOGRAFÍA... 5 ELEMENTOS GRÁFICOS... 6 INFORMACIÓN DEL DOCUMENTO...

Más detalles

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

Puede encontrar información sobre los diferentes niveles de accesibilidad de páginas web en este mismo documento o en las siguientes direcciones: "El nivel de cumplimiento exigido por SPRI, S.A. a la fecha de hoy en referencia a las normas de accesibilidad de páginas web es el "Nivel AA - prioridad 2". Puede encontrar información sobre los diferentes

Más detalles

GUÍA DE VALIDACIÓN DE ACCESIBILIDAD WEB. Diciembre 2014

GUÍA DE VALIDACIÓN DE ACCESIBILIDAD WEB. Diciembre 2014 GUÍA DE VALIDACIÓN DE ACCESIBILIDAD WEB Diciembre 2014 TÍTULO: Guía de Validación de Accesibilidad WEB Promovido por la Dirección de Tecnologías de la Información y las Comunicaciones. Características:

Más detalles

GUÍA DE ACCESIBILIDAD EN DOCUMENTOS PDF

GUÍA DE ACCESIBILIDAD EN DOCUMENTOS PDF GUÍA DE ACCESIBILIDAD EN DOCUMENTOS PDF Octubre 2010 Copyright 2010 Ministerio de la Presidencia. Gobierno de España El presente documento está bajo la licencia Creative Commons Reconocimiento-No comercial-compartir

Más detalles

CONSEJOS PARA CREAR UN DOCUMENTO MICROSOFT WORD 2007 ACCESIBLE

CONSEJOS PARA CREAR UN DOCUMENTO MICROSOFT WORD 2007 ACCESIBLE CONSEJOS PARA CREAR UN DOCUMENTO MICROSOFT WORD 2007 ACCESIBLE (Sistema Operativo Windows) Marzo 2011 Lourdes Moreno López 1,2 lmoreno@inf.uc3m.es 1: Grupo LaBDA, Departamento Informática, UC3M (Universidad

Más detalles

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

FUNDACIÓN KONECTA FUNDOSA TECHNOSITE GUÍA DE BUENAS PRÁCTICAS EN ACCESIBILIDAD TECNOLÓGICA GRUPO KONECTA 1 Elaboración y redacción: Fundosa Technosite. Diseño y Maquetación: Asociados y Cía. Fotografías: Banco de imágenes de Fundosa Technosite. Para cualquier tipo de opinión, duda o sugerencia

Más detalles

FIRMA ELECTRÓNICA SNAP-SGE MANUAL DE USUARIO ENERO 2013. Página 1 de 15

FIRMA ELECTRÓNICA SNAP-SGE MANUAL DE USUARIO ENERO 2013. Página 1 de 15 FIRMA ELECTRÓNICA SNAP-SGE MANUAL DE USUARIO ENERO 2013 Página 1 de 15 SUBSECRETARÍA DE GOBIERNO ELECTRÓNICO FIRMA ELECTRÓNICA Código: Versión: V1.0 Número de Páginas: 15 Elaborado por: Jhonson Sani Revisado

Más detalles

Accesibilidad en el Diseño de Aplicaciones Web

Accesibilidad 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 detalles

Manual de NVU Capítulo 2: Elementos básicos de una páginas Web

Manual de NVU Capítulo 2: Elementos básicos de una páginas Web Manual de NVU Capítulo 2: Elementos básicos Pág. 1 Manual de NVU Capítulo 2: Elementos básicos de una páginas Web Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero

Más detalles

Accesibilidad y Gestión de la Información

Accesibilidad y Gestión de la Información accesibilidad y GeStión de la información 145 Accesibilidad y Gestión de la Información Ju a n r. ra B u ñ a l (juanra@udc.es) daniel rivero (drivero@udc.es) Dpto. Tecnologías de la Información y las Comunicaciones

Más detalles

CURSO: ASEGURANDO TU SMARTPHONE O TABLET ANDROID

CURSO: ASEGURANDO TU SMARTPHONE O TABLET ANDROID CURSO: ASEGURANDO TU SMARTPHONE O TABLET ANDROID MÓDULO 2 QUE NADIE USE TU MÓVIL OFICINA DE SEGURIDAD DEL INTERNAUTA NOVIEMBRE 2012 Copyright 2010 Instituto Nacional de Tecnologías de la comunicación (INTECO)

Más detalles

Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00

Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 ÍNDICE DE CONTENIDOS INTRODUCCIÓN...3 ÁREAS DEL SITIO WEB...4 1. ENCABEZADO...5 2. SECCIONES Y PÁGINAS DEFINIDAS...5 3. CONTENIDO...5 4. NOVEDADES

Más detalles

Accesibilidad Web en el SID http://sid.usal.es. @SID_redid @damasovelazquez

Accesibilidad Web en el SID http://sid.usal.es. @SID_redid @damasovelazquez Accesibilidad Web en el SID http://sid.usal.es @SID_redid @damasovelazquez El Servicio de Información sobre Discapacidad (I) Qué puedo encontrar en el SID? Noticias Fuentes documentales Legislación y normativa

Más detalles

OPCIONES DEL EDITOR WEB CKEDITOR

OPCIONES DEL EDITOR WEB CKEDITOR OPCIONES DEL EDITOR WEB CKEDITOR El editor web CKEditor facilita la introducción de disposiciones y anuncios en la aplicación web cómodamente a través del navegador. A continuación se enumeran cada una

Más detalles

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

METODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO ÍNDICE DE CONTENIDO Metodología de desarrollo de contenidos web accesibles...1 Estándares de accesibilidad de la UE...2 Desglose por roles...2 Creación de contenidos...2 Diseño...3 Programación...4 Anexo

Más detalles

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

FUNDACIÓN KONECTA. Estudio piloto de aplicaciones informáticas en 30 empresas y guía de buenas prácticas Estudio piloto de aplicaciones informáticas en 30 empresas y guía de buenas prácticas 1. Objetivo Ofrecer una panorámica de la accesibilidad tecnológica en grandes empresas, con el objetivo de favorecer

Más detalles

Prólogo 3. Convenciones Tipográficas... 3 Sugerencias... 4. Introducción 5. Familiarizándose con el interfaz de SiteBuilder 6

Prólogo 3. Convenciones Tipográficas... 3 Sugerencias... 4. Introducción 5. Familiarizándose con el interfaz de SiteBuilder 6 Parallels Panel Contenidos Prólogo 3 Convenciones Tipográficas... 3 Sugerencias... 4 Introducción 5 Familiarizándose con el interfaz de SiteBuilder 6 Creación de un sitio web 8 Edición de un sitio web

Más detalles

Metodología para Evaluar la Accesibilidad de Aplicaciones Nativas

Metodología para Evaluar la Accesibilidad de Aplicaciones Nativas 21 de septiembre de 2015 Metodología para Evaluar la Versión 1.0 Aviso legal La presente documentación está protegida por la legislación vigente en materia de propiedad intelectual prohibiéndose expresamente

Más detalles

SERVICE DEFINITION MANUAL DEL ADMINISTRADOR

SERVICE DEFINITION MANUAL DEL ADMINISTRADOR SERVICE DEFINITION MANUAL DEL ADMINISTRADOR Versión de producto: 1.5 Última revisión: 11-11-2008 2008 Carabela Consulting, S.L. Este documento contiene información confidencial. Página 1 de 18 ÍNDICE 1.

Más detalles

CURSO: ASEGURANDO TU SMARTPHONE O TABLET IOS MÓDULO 2 QUE NADIE USE TU MÓVIL!

CURSO: ASEGURANDO TU SMARTPHONE O TABLET IOS MÓDULO 2 QUE NADIE USE TU MÓVIL! CURSO: ASEGURANDO TU SMARTPHONE O TABLET IOS MÓDULO 2 QUE NADIE USE TU MÓVIL! Noviembre 2012 Copyright 2010 Instituto Nacional de Tecnologías de la comunicación (INTECO) El presente documento está bajo

Más detalles

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

Más detalles

Joomla! 3.3 Cree y administre sus sitios Web

Joomla! 3.3 Cree y administre sus sitios Web Capítulo 1: Descubrir Joomla! A. Razones para crear un sitio con Joomla! 9 B. Documentarse sobre Joomla! 9 C. La hoja de ruta de Joomla! 10 D. Qué es un CMS? 12 E. HTML y XHTML 12 F. Diferenciar el contenido

Más detalles

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

Recomendaciones para el diseño de cursos para Moodle utilizando criterios de usabilidad y accesibilidad Recomendaciones para el diseño de cursos para Moodle utilizando criterios de usabilidad y accesibilidad PRIGIONIERO, Miguel Universidad Abierta Interamericana Asesor externo en OPS miguel.prigioniero@vaneduc.edu.ar

Más detalles

GUÍA DE CONTENIDO DIGITAL ACCESIBLE

GUÍA DE CONTENIDO DIGITAL ACCESIBLE GUÍA DE CONTENIDO DIGITAL ACCESIBLE Editores Javier Gómez Arbonés Jordi L. Coiduras Autores Mireia Ribera, Afra Pascual, Marina Salse, Llúcia Masip, Toni Granollers, Juan M. López, Marta Oliva, Rosa Gil,

Más detalles

Prácticas de Programación Multimedia.

Prácticas de Programación Multimedia. Prácticas de Programación Multimedia. Las prácticas de la asignatura Programación Multimedia van a consistir en el diseño de un sitio web con distintos contenidos multimedia sobre el que se irán añadiendo

Más detalles

www.apliqr.com Manual de Usuario - v0.1 Manual de usuario v0.1

www.apliqr.com Manual de Usuario - v0.1 Manual de usuario v0.1 Manual de usuario v0.1 1 Índice de contenidos 1.Iniciar sesión...3 2.Crear una cuenta de usuario...4 3.Elegir un plan de servicio...5 4.Pasar a un plan de pago...7 5.Ver el plan contratado...8 6.Códigos

Más detalles

Recomendaciones para la creación de documentos de contenido docente accesible

Recomendaciones para la creación de documentos de contenido docente accesible Recomendaciones para la creación de documentos de contenido docente accesible Héctor R. Amado-Salvatierra 1, Rocael Hernández 1 1 Departamento GES, Universidad Galileo 7 av. Calle Dr. Suger, Zona 10, 01010,

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La

Más detalles

Análisis y Diseño de Sistemas de Información para Internet

Análisis y Diseño de Sistemas de Información para Internet Análisis y Diseño de Sistemas de Información para Internet 6. Accesibilidad Luís Rodríguez Baena (luis.rodriguez@upsam.net) Universidad Pontificia de Salamanca (campus Madrid) Facultad de Informática Diseño

Más detalles

GUÍA DE INSTALACIÓN DEL DNIE EN MS-WINDOWS INTECO-CERT

GUÍA DE INSTALACIÓN DEL DNIE EN MS-WINDOWS INTECO-CERT GUÍA DE INSTALACIÓN DEL DNIE EN MS-WINDOWS INTECO-CERT Abril 2012 El presente documento cumple con las condiciones de accesibilidad del formato PDF (Portable Document Format). Se trata de un documento

Más detalles

La importancia de la accesibilidad Web

La importancia de la accesibilidad Web Olga Revilla David Provencio plataforma.net Es mi sitio Web accesible? En las administraciones públicas o grandes empresas nos encontraremos siempre con el requisito obligatorio de que las aplicaciones

Más detalles

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

2. Recomendaciones para hacer accesibles los contenidos de un documento PowerPoint 2010 Capítulo 2. RECOMENDACIONES PARA POWERPOINT 2010 35 2. Recomendaciones para hacer accesibles los contenidos de un documento PowerPoint 2010 A continuación vamos a presentar las características más importantes

Más detalles

REGLAMENTO PARTICULAR DE LA MARCA AENOR N PARA ACCESIBILIDAD TIC PARA SITIOS WEB RP A90.01

REGLAMENTO PARTICULAR DE LA MARCA AENOR N PARA ACCESIBILIDAD TIC PARA SITIOS WEB RP A90.01 ESQUEMA PARTICULAR DE CERTIFICACIÓN ACCESIBILIDAD DE SITIOS WEB SECRETARÍA: AENOR Dirección Cl Génova, 6 Teléfono 914 32 60 09 Fax 913 10 46 83 28004 MADRID REGLAMENTO PARTICULAR DE LA MARCA AENOR N PARA

Más detalles

Evaluación de la accesibilidad web. Experimentación en la Universidad Nacional de Asunción. UNA

Evaluación de la accesibilidad web. Experimentación en la Universidad Nacional de Asunción. UNA Evaluación de la accesibilidad web. Experimentación en la Universidad Nacional de Asunción. UNA Carmen Varela 1 y Antonio Miñán 1 1 Universidad Nacional de Asunción Asunción, Paraguay carmenvarelapy@gmail.com,

Más detalles

Manual de Quipux para usuarios finales

Manual de Quipux para usuarios finales Quipux, gestiona la documentación digital y/o impresa, dicha documentación puede se interna, es decir aquella que se remite y se recibe en los departamentos de la misma organización. Asimismo, el Quipux

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

Accesibilidad PID_00167609

Accesibilidad PID_00167609 Accesibilidad PID_00167609 FUOC PID_00167609 Accesibilidad Ninguna parte de esta publicación, incluido el diseño general y la cubierta, puede ser copiada, reproducida, almacenada o transmitida de ninguna

Más detalles

Creación de páginas Web FrontPage

Creación de páginas Web FrontPage Creación de páginas Web FrontPage 1.- Introducción Las páginas web están basadas en lo que se llama el hipertexto. En el hipertexto no hace falta seguir el documento de forma lineal, sino que se establecen

Más detalles

Manual de Formulario. www.sagasoluciones.com info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75

Manual de Formulario. www.sagasoluciones.com info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75 Manual de Formulario info@sagasoluciones.com C/ Salado, 11. Local 10. 41011 Sevilla +34 954 45 72 75 MANUAL DE FORMULARIO CONTROL DEL DOCUMENTOS Realizado (21/01/2010) Inmaculada Peña Ruiz Técnico Revisado

Más detalles

accesibilidad a los sitios web del Estado Colombiano

accesibilidad a los sitios web del Estado Colombiano accesibilidad a los sitios web del Estado Colombiano O r i e n t a c i o n e s b á s i c a s Para que todos los ciudadanos colombianos puedan acceder a la información y a los servicios y trámites en línea,

Más detalles

CÓMO DESARROLLAR. Seminario. Inmaculada Bermejo Salar (inmabsnospam@um.es) Juan Luis Serradilla Amarilla (juanlunospam@um.es)

CÓMO DESARROLLAR. Seminario. Inmaculada Bermejo Salar (inmabsnospam@um.es) Juan Luis Serradilla Amarilla (juanlunospam@um.es) Seminario CÓMO DESARROLLAR APLICACIONES WEB ACCESIBLES Inmaculada Bermejo Salar (inmabsnospam@um.es) Juan Luis Serradilla Amarilla (juanlunospam@um.es) Pg 1 OBJETIVOS DE LA ACCESIBILIDAD Que TODOS puedan

Más detalles

Manual de Proyectos Web

Manual de Proyectos Web ManualdeProyectosWeb EscuelaSuperiordeEconomíayNegocios Volumen2 DefinicióndeSitioWeb PreparadoporIng.FelipeTorres DecanodeIngenieríaIndustrialydeNegocios ManualdeProyectosWEB EscuelaSuperiordeEconomíayNegocios

Más detalles

Introducción a Windows SharePoint Services

Introducción a Windows SharePoint Services Introducción a Windows SharePoint Services - Windows SharePoint Services - Microsoft...Page 1 of 12 http://office.microsoft.com/es-hn/sharepointtechnology/ha100242773082.aspx?mode=print Windows SharePoint

Más detalles

Accesibilidad Web con.net

Accesibilidad Web con.net Accesibilidad Web con.net Internet llega cada vez a más usuarios, por lo que crear sitios Web accesibles se está convirtiendo en algo imprescindible. Para los programadores de sitios Web, los controles

Más detalles

MANUAL DE BANDEJA DE SALIDA

MANUAL DE BANDEJA DE SALIDA Licencia MANUAL DE BANDEJA DE SALIDA SISTEMA DE GESTIÓN DOCUMENTAL QUIPUX Usted es libre de: Copiar, distribuir y comunicar públicamente la obra Hacer obras derivadas Condiciones: Reconocimiento. Debe

Más detalles

Curso Diseño Web con Software libre, VNU

Curso Diseño Web con Software libre, VNU 1. - QUE ES VNU? NVU (se pronuncia N-view, por "new view") es un editor de páginas web libre y gratuito desarrollado bajo la modalidad Open Source, o sea que cualquiera está autorizado para bajarlo sin

Más detalles

Puntuaciones y factores explicativos

Puntuaciones y factores explicativos Puntuaciones y factores explicativos Sitio web Estructura Estructura estándar Cuando la estructura de un sitio web es convencional y se ajusta a lo habitual en su sector, el visitante sabe de antemano

Más detalles

Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales.

Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales. Qué es Powerpoint 2010? Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales. El entorno de trabajo En la siguiente imagen

Más detalles

CREACIÓN DE PÁGINAS WEB CON NVU

CREACIÓN DE PÁGINAS WEB CON NVU CREACIÓN DE PÁGINAS WEB CON NVU 1. Introducción... 1 2. Instalación... 2 3. Antes de comenzar una página web... 2 4. Editar páginas web con NVU... 5 5. Definir el diseño de nuestro sitio... 6 5.1. Plantillas...

Más detalles

POWERPOINT 2013 ONLINE TELEFÓNICA - 36 Horas

POWERPOINT 2013 ONLINE TELEFÓNICA - 36 Horas Crear una presentación que impacte a la audiencia exige potenciar las habilidades de comunicación, así como transmitir efectivamente el mensaje deseado. Con PowerPoint usted puede crear la historia, presentarla

Más detalles

bla bla Documentos Guía del usuario

bla bla Documentos Guía del usuario bla bla Documentos Guía del usuario Documentos Documentos: Guía del usuario fecha de publicación Miércoles, 25. Febrero 2015 Version 7.6.2 Copyright 2006-2015 OPEN-XCHANGE Inc., La propiedad intelectual

Más detalles

Accesibilidad en el Diseño de Aplicaciones Web HERRAMIENTAS

Accesibilidad en el Diseño de Aplicaciones Web HERRAMIENTAS Accesibilidad en el Diseño de Aplicaciones Web Sergio Luján Mora HERRAMIENTAS 1 Contenido Revisores Complementos de los navegadores Ayudas técnicas Simuladores REVISORES 2 Revisores TAW: Test de Accesibilidad

Más detalles

100 EJERCICIOS DE MICROSOFT WORD

100 EJERCICIOS DE MICROSOFT WORD 100 EJERCICIOS DE MICROSOFT WORD 1. como se activan y se desactivan las barras de herramientas Clic derecho en la Barra de Menú Clic en el nombre de la barra que desee activar o desactivar. Clic en el

Más detalles

Curso: PowerPoint 2010

Curso: PowerPoint 2010 Curso: PowerPoint 2010 Código: 309 Familia Profesional: Informática y comunicaciones Acreditación: Formación reconocida a través de vías no formales Modalidad: On line Duración: 75 horas Objetivos: El

Más detalles

Haciendo Drupal un poco más accesible. @kikoalonsob

Haciendo 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 detalles

TUTORIAL DE PICTO SELECTOR

TUTORIAL DE PICTO SELECTOR TUTORIAL DE PICTO SELECTOR Picto Selector es una aplicación para Windows diseñada para facilitar la selección e impresión de tableros de comunicación con pictogramas, agendas visuales, horarios, etc. Este

Más detalles

> Temario Curso Office en Mac <

> Temario Curso Office en Mac < Procesador de texto Introducción El procesador de texto, forma parte de la suite de Microsoft Office y es uno de los más utilizador en la actualidad. Su gran versatilidad permite realizar desde una carta

Más detalles

GUÍA PRÁCTICA DE COMPROBACIÓN DE ACCESIBILIDAD: LEGIBILIDAD Y METAINFORMACIÓN

GUÍA PRÁCTICA DE COMPROBACIÓN DE ACCESIBILIDAD: LEGIBILIDAD Y METAINFORMACIÓN GUÍA PRÁCTICA DE COMPROBACIÓN DE ACCESIBILIDAD: LEGIBILIDAD Y METAINFORMACIÓN Centro de Referencia en Accesibilidad y Estándares Web Febrero 2010 Copyright 2010 Instituto Nacional de Tecnologías de la

Más detalles

1. CREACIÓN DE PRESENTACIONES EN POWERPOINT

1. CREACIÓN DE PRESENTACIONES EN POWERPOINT 1. CREACIÓN DE PRESENTACIONES EN POWERPOINT PowerPoint 2003 es el programa de la suite de Microsoft Office más popular del mercado para la creación de presentaciones con diapositivas usado tanto para la

Más detalles

Manual de instalación de Kaspersky Internet Security

Manual de instalación de Kaspersky Internet Security Manual de instalación de Kaspersky Internet Security A continuación se describe paso a paso la descarga e instalación del antivirus KIS (Kaspersky Internet Security). DESCARGAR EL INSTALADOR Abrir el navegador

Más detalles

10 de mayo de 2011 Guía de accesibilidad para desarrolladores Universitat Oberta de Catalunya Universitat Oberta de Cataluny Aviso legal

10 de mayo de 2011 Guía de accesibilidad para desarrolladores Universitat Oberta de Catalunya Universitat Oberta de Cataluny Aviso legal Guía de accesibilidad para desarrolladores Aviso legal La presente documentación está protegida por la legislación vigente en materia de propiedad intelectual prohibiéndose expresamente reproducir, copiar,

Más detalles

PLAN DE PRUEBAS DE LA SKILLS

PLAN DE PRUEBAS DE LA SKILLS PLAN DE PRUEBAS DE LA SKILLS 17 DISEÑO WEB 1.-Introducción Spainfood es una web que pretende crear una comunidad para potenciar y difundir la cocina española tradicional. Es bien sabido que "en el Sur

Más detalles

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

TECNOLOGÍA DE INFORMACIÓN GUBERNAMENTAL OFICINA DE GERENCIA Y PRESUPUESTO Tema GUÍA DE DISEÑO Y CONTENIDO DE PÁGINAS WEB Descripción Este documento describe los principios a considerar en cuanto al diseño, contenido y navegación de páginas Web. Todos los principios y elementos

Más detalles

Plantilla de texto plano

Plantilla de texto plano Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en

Más detalles

Elaboración de documentos Word accesibles

Elaboración de documentos Word accesibles Elaboración de documentos Word accesibles Contenido Elaboración de documentos Word accesibles 1 Introducción 2 Título del documento 2 Texto alternativo de imágenes y objetos 2 Evitar objetos flotantes

Más detalles

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

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA

Más detalles

INDICE PASO 1: REGISTRO DE DATOS PASO 2: LA PÁGINA DE INICIO.. 7 PASO 3: EDITANDO PÁGINAS...8 PASO 4: AÑADIENDO NUEVAS PÁGINAS...

INDICE PASO 1: REGISTRO DE DATOS PASO 2: LA PÁGINA DE INICIO.. 7 PASO 3: EDITANDO PÁGINAS...8 PASO 4: AÑADIENDO NUEVAS PÁGINAS... MANUAL GOOGLE SITE Google Sites INDICE INTRODUCCIÓN PASO 1: REGISTRO DE DATOS...5 PASO 2: LA PÁGINA DE INICIO.. 7 PASO 3: EDITANDO PÁGINAS...8 PASO 4: AÑADIENDO NUEVAS PÁGINAS.....18 PASO 5: CONFIGURANDO

Más detalles

Diseño de páginas web 2011

Diseño de páginas web 2011 Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero

Más detalles

GUÍA DE CONTENIDO DIGITAL ACCESIBLE

GUÍA DE CONTENIDO DIGITAL ACCESIBLE GUÍA DE CONTENIDO DIGITAL ACCESIBLE Editores Javier Gómez Arbonés Jordi L. Coiduras Autores Mireia Ribera, Afra Pascual, Marina Salse, Llúcia Masip, Toni Granollers, Juan M. López, Marta Oliva, Rosa Gil,

Más detalles

100 EJERCICIOS DE MICROSOFT WORD

100 EJERCICIOS DE MICROSOFT WORD 100 EJERCICIOS DE MICROSOFT WORD 1. COMO SE ACTIVAN Y SE DESACTIVAN LAS BARRAS DE HERRAMIENTAS Clic derecho en la Barra de Menú Clic en el nombre de la barra que desee activar o desactivar. Clic en el

Más detalles

Manual de la aplicación para terminales móviles AppTUSSAM

Manual de la aplicación para terminales móviles AppTUSSAM Edición: 5ª Página 1 de 13 Fecha: 25-03-2014 Manual de la aplicación para terminales móviles AppTUSSAM Edición: 5ª Página 2 de 13 Fecha: 25-03-2014 PANTALLA PRINCIPAL Tiempos de llegada: para consultar

Más detalles

Guía de Uso Ndstudio - Editor (CMS) Net Design Studio. Guía de Uso Manual Gestor CMS. Ndstudio-Editor (CMS) Versión Administrador -1-

Guía de Uso Ndstudio - Editor (CMS) Net Design Studio. Guía de Uso Manual Gestor CMS. Ndstudio-Editor (CMS) Versión Administrador -1- Net Design Studio Guía de Uso Manual Gestor CMS Ndstudio-Editor (CMS) Versión Administrador -1- Índice de contenidos 1 Introducción 2 Acceso 2.1 Entrar en el CMS 3 Módulo Gestor de Contenidos 3.1 Cómo

Más detalles

7. Composer: Imágenes

7. Composer: Imágenes 7. Composer: Imágenes Para insertar una imagen en Composer podemos pulsar sobre el botón imagen de la barra de herramientas o bien a través de la barra de menú en Insertar- imagen. Cuando hemos insertado

Más detalles

Manual de uso básico de la aplicación

Manual de uso básico de la aplicación Manual de uso básico de la aplicación Autor del documento Centro de Apoyo Tecnológico a Emprendedores, Fundación Parque Científico y Tecnológico de Albacete Datos de contacto E-Mail: bilib@bilib.es Página

Más detalles

Fuente: http://www.kzgunea.net

Fuente: http://www.kzgunea.net APRENDE A NAVEGAR INTERNET EXPLORER El navegador Internet Explorer ya lo tenemos integrado en el Sistema Operativo, en sus diferentes versiones desde Windows 95, por lo cual no tendremos que instalarlo.

Más detalles

MÓDULO 1: FUNDAMENTOS DE LAS APLICACIONES OFIMÁTICAS.

MÓDULO 1: FUNDAMENTOS DE LAS APLICACIONES OFIMÁTICAS. MÓDULO 1: FUNDAMENTOS DE LAS APLICACIONES OFIMÁTICAS. Lograr instalar aplicaciones con los valores por omisión, conociendo el funcionamiento de las mismas. Procesadores de Textos: Instalación de la aplicación.

Más detalles

INFORME DE OBSERVATORIO DE ACCESIBILIDAD WEB: COMUNIDADES AUTÓNOMAS

INFORME DE OBSERVATORIO DE ACCESIBILIDAD WEB: COMUNIDADES AUTÓNOMAS INFORME DE OBSERVATORIO DE ACCESIBILIDAD WEB: COMUNIDADES AUTÓNOMAS 19/10/2010 El presente documento cumple con las condiciones de accesibilidad del formato PDF (Portable Document Format). Se trata de

Más detalles

Observatorio De Accesibilidad Web. Ayuntamiento Bilbao

Observatorio De Accesibilidad Web. Ayuntamiento Bilbao Observatorio De Accesibilidad Web Documento elaborado por CTIC CT para el. Todos los contenidos de esta obra pertenecen al y están protegidos por los derechos de propiedad intelectual e industrial que

Más detalles

GUÍA DE CONTENIDO DIGITAL ACCESIBLE

GUÍA DE CONTENIDO DIGITAL ACCESIBLE GUÍA DE CONTENIDO DIGITAL ACCESIBLE Editores Javier Gómez Arbonés Jordi L. Coiduras Autores Mireia Ribera, Afra Pascual, Marina Salse, Llúcia Masip, Toni Granollers, Juan M. López, Marta Oliva, Rosa Gil,

Más detalles

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

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

Más detalles

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

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles