ACCESIBILIDAD. Prof: Moisés Mañas

Transcripción

1 ACCESIBILIDAD Master en Artes Visuales y Multimedia Dpto. Escultura / Pintura -Universidad Politécnica de Valencia Prof: Moisés Mañas Moimacar@esc.upv.es

2 Accesibilidad en espacios: Decreto Ley DPR 384 de fecha 24/10/78. Aspectos fundamentales.

3 La accesibilidad es la posibilidad de que un sitio o servicio Web pueda ser visitado y utilizado de forma satisfactoria por el mayor número posible de personas, independientemente de sus propias limitaciones o de las derivadas de su entorno. El W3C, a través de su iniciativa WAI (Web Accessibility Iniciative), busca que la Web sea accesible para todos-as independientemente de su cultura, idioma, recursos materiales y discapacidad de los usuariosas. 1997

4 La accesibilidad web beneficia a los siguientes colectivos: Personas mayores Personas con discapacidad Físicas, psíquicas, sensoriales Cognitivas y de lenguaje

5 Usuarios con discapacidades atendidas por los estándares No todos lo usuarios usan navegadores web Existen dispositivos especiales para discapacitados Existe software especifico para discapacitados

6 Usuarios con discapacidades atendidas por los estándares No todos lo usuarios usan navegadores web Existen dispositivos especiales para discapacitados Existe software especifico para discapacitados Usuarios Ciegos Usuarios con Ceguera al Color Usuarios con visión débil que no pueden leer texto pequeño Usuarios con deficiencia auditiva o sordos Usuarios que no usan ratón Usuarios con discapacidades debidas a la artritis u otros problemas de control motor Epilepsia fotosensible

7 La accesiblidad está únicamente dirigida a discapacitados?

8 La accesiblidad únicamente dirigida a discapacitados? Usuarios con acceso a internet vía modem (56Kbits) Usuarios con resoluciones inferiores a 1024x768px y 16/24/32bits color. Usuarios con dispositivos de representación distintos a los comunes monitores, tanto CRT como TFT/Plasma. Por ejemplo, PDAs, GPS de los coches, etc... Usuarios que carecen de plugins específicos (Flash, SVG, MathXML, etc...) Usuarios con un hardware un poco obsoleto (p.e. grandes cantidades de javascript, mucho consumo de cpu y memoria)

9 Principales problemas de accesibilidad web Existen diferentes barreras que dificultan la navegación por Internet. Una clasificación muy general de estas barreras podría ser la que propone Alejandro Gonzalo García Bravo[1] : 1.Dificultades de software o hardware. 2.Dificultades de entorno o contexto. 3.Dificultades debidas al diseño del documento. 4.Dificultades debidas a discapacidades. [1] Bravo García, Alejandro Gonzalo. Accesibilidad web. Un problema pendiente. Nuevas oportunidades de negocio para las empresas de TIC. < Consulta:

10 Discapacidades visuales Ceguera: Pérdida importante e incorregible de la visión en ambos ojos. Necesidades: Lector de pantalla (reproduce en contenido a través de síntesis de voz o braille). Navegadores solo texto. Ej.: Lynx. Navegadores de voz. Principales barreras: Imágenes sin texto alternativo. Imágenes complejas: gráficos o planos sin descripción. Video sin descripción textual o sonora. Lectura de tablas secuencial. Marcos sin alternativas NOFRAME o sin nombres significativos. Formularios que no permiten el uso del tabulador. Formatos no estándar de documentos que pueden ser problemáticos para el lector de pantalla.

11 Discapacidades visuales JAWS for Windows (o JFW, forma abreviada con la que se lo conoce generalmente) es un potente lector de pantalla que permite a una persona totalmente ciega acceder a los contenidos de la salida visual de un ordenador personal mediante voz y/o el alfabeto Braille; para la emisión hablada se emplean generalmente programas sintetizadores de voz aunque también es posible utilizar dispositivos externos diseñados para tal fin, y la salida en Braille se realiza siempre a través de terminales generadores de este código

12 Discapacidades visuales Visualización en navegadores de solo texto :

13 Discapacidades visuales Navegación por voz: Player.php?movieNo=1&movieList=Window- Eyes_Tutorials/tutorial_list&class=gw_tutorial&var=t utoriallist&size=small

14 Discapacidades visuales Baja visión: Existen diferentes tipos de baja visión, por ejemplo falta de agudeza (visión poco nítida), distrofia macular (solo se ve la parte central del campo visual o solo los bordes) o visión borrosa. Necesidades: Monitores muy grandes. Aumento del texto e imágenes a nivel de sistema operativo. Ampliadores de pantalla o software específico. Selección de determinadas combinaciones de colores o tipos de letra. Principales barreras: Páginas web con tamaño de letra difícil de cambiar o que se desconfiguran al cambiarlo. Imágenes con poco contraste y cuyo contraste no se puede cambiar mediante la redefinición de la hoja de estilo. Texto en forma de imagen que nos salta a la línea siguiente al final de la línea. Dependiendo de la severidad de la deficiencia visual, algunas de las descritas en el apartado anterior.

15 Uso de cambio de tamaños de tipografias

16 Ejemplo de posibilidad de ampliación del interfaz gráfico Ejemplo de posibilidad de convertir el interfaz en negativo (mayor contraste)

17 Ejemplo de teclado accesible con teclas aumentadas Ejemplo de teclado accesible con teclas aumentadas en negativo, mayor contraste Ejemplo (homemade) de teclado con señalización de teclas importantes

18 Discapacidades visuales Daltonismo: Falta de sensibilidad a ciertos colores. Las formas comunes del daltonismo incluyen dificultad para distinguir rojo y verde, o amarillo y azul. En algunos casos puede ser incapacidad para percibir cualquier color. Necesidades: Hojas de estilo propias (adaptadas) Principales barreras: Color que se emplea como indicador único para dar énfasis al texto. Texto con contraste insuficiente con el color o el diseño de fondo. Navegadores que no soportan el uso de hojas de estilo de usuario.

19

20 Discapacidades auditivas Sordera: Pérdida importante e incorregible de la capacidad auditiva en ambos oídos. El idioma principal de algunos es una lengua de signos. Necesidades: Activar o desactivar los subtítulos de los contenidos sonoros durante la navegación. Principales barreras: Falta de subtítulos o transcripciones de contenidos sonoros. Falta de imágenes relacionadas con los contenidos en páginas llenas de texto, que puede resultar en comprensión más lenta para personas no habituadas al uso de lenguaje escrito o hablado.

21 Discapacidades auditivas Duro de oído: Persona con sordera ligera o moderada. Necesidades: Subtítulos para contenidos sonoros. Amplificadores de sonido. Poder ajustar el nivel de sonido de un archivo sonoro. Principales barreras: Falta de subtítulos o transcripciones de sonido.

22 Discapacidades físico motoras Discapacidades motrices: Debilidad, limitaciones de control muscular (movimientos involuntarios, falta de coordinación, parálisis), limitaciones de sensibilidad, artritis o falta de miembros. Necesidades: Ratón especial. Teclado con disposición de teclas adecuado al rango de movimiento. Dispositivos especiales como ratones de cabeza, licornio o apuntador de boca. Software de reconocimiento de voz u otras ayudas técnicas. Activar comandos mediante secuencias de teclas individuales en vez de con combinaciones de teclas. Más tiempo para rellenar formularios interactivos.. Principales barreras: Opciones de respuesta con restricción de tiempo en páginas Web. Navegadores y herramientas de edición que no soportan alternativas de teclado para los comandos del ratón. Formularios que no permiten la navegación en secuencia lógica con la tecla tabulador.

23 Ratón para boca Ratón para mentón Ejemplo de teclado con trackball preparado para minusvalías del tipo parálisis cerebral Ratón para mano

24 Deficiencias en el habla Deficiencias en el habla: Dificultad para pronunciar de forma reconocible por algunas aplicaciones de reconocimiento de voz, o por el nivel sonoro o la claridad. Necesidades: Modo alternativo de entrada de datos, como el teclado. Principales barreras: Sitios que requieren interacción mediante voz.

25 Discapacidades cognitivas y neuronales Dislexia-discalculia: Dificultades con el proceso del lenguaje escrito o imágenes que se leen visualmente, o con lenguaje hablado cuando éste se escucha o con números leídos y escuchados. Necesidades: Obtener la información por más de un medio a la vez. Es decir, visual y auditivamente al mismo tiempo. Principales barreras: Falta de modalidades alternativas para acceder a la información.

26 Discapacidades cognitivas y neuronales Trastorno de déficit de atención: Dificultades para concentrarse en la información. Necesidades: Desactivar las animaciones de un sitio para poder concentrarse en los contenidos. Principales barreras: Elementos visuales o sonoros que no se puedan desactivar fácilmente. Falta de una organización clara y regular de los sitios.

27 Discapacidades cognitivas y neuronales Discapacidad cognitiva: Aprendizaje lento y dificultades para comprender conceptos complejos. Necesidades: Elementos gráficos que faciliten la compresión. Lenguaje claro y sencillo. Principales barreras: Uso de lenguaje innecesariamente complejo. Falta de gráficos en los sitios web. Falta de organización clara y coherente.

28 Discapacidades cognitivas y neuronales Falta de memoria: Problemas de memoria a corto plazo, largo plazo o pérdida de habilidades del lenguaje. Necesidades: Estructura de navegación coherente dentro del sitio y elementos de orientación dentro del sitio como bread crumbs(home>nivel1>nivel2), mapas del sitio, etc. Principales barreras: Falta de organización coherente del sitio. Falta de elementos de orientación.

29 Discapacidades cognitivas y neuronales Discapacidades de salud mental: Dificultad para concentrarse en la información o por visión borrosa o temblor de manos debidos a los efectos secundarios de los medicamentos. Necesidades: Deshabilitar los elementos visuales o sonoros. Amplificadores de pantalla. Principales barreras: Elementos visuales o sonoros que el usuario no puede deshabilitar. Páginas con tamaño de letra fijo.

30 Discapacidades cognitivas y neuronales Trastornos de epilepsia: Ataques provocados por destellos visuales o sonoros a ciertas frecuencias. Necesidades: Desactivar animaciones, texto parpadeante o frecuencias de sonido. Principales barreras: Uso de frecuencias visuales o de sonido que puedan provocar ataques.

31 Discapacidades relacionadas con la edad Envejecimiento: Cambios en la capacidad funcional de los usuarios. Pueden ser cambios sutiles y paulatinos en sus capacidades o en combinaciones de capacidades incluidas en la visión, el oído, la destreza o la memoria. Necesidades: Dependen de las discapacidades funcionales detectadas.. Principales barreras: Dependen de las discapacidades funcionales detectadas.

32 Normativas- legalidades

33 Normativas- legalidades Normas Uniformes sobre la igualdad de oportunidades para las personas con discapacidad, son una resolución aprobada por la Asamblea General de la ONU en diciembre de CEI (Comisión Electrotécnica Internacional) se desarrolló la guía ISO/IEC 71 Directrices para que la normalización atienda las necesidades de los mayores y de las personas con discapacidad.

34 Normativas- legalidades Legislación Española: LEY 51/2003 La primera ley de ámbito nacional en la que se trata específicamente la accesibilidad web es la LEY 34/2002, de 11 de julio, de Servicios de la Sociedad de la Información y de Comercio Electrónico (LSSICE). Publicada el 12 de julio de La importancia y trascendencia de esta ley, viene dada sobre todo por su alcance, declarándose la obligatoriedad de cumplir el Nivel AA de conformidad a todos los sitios web de las administraciones públicas y de aquellos organismos en parte financiadas por éstas.

35 Normativas- legalidades Norma Informática para la salud. Aplicaciones informáticas para personas con discapacidad.requisitos de accesibilidad de las plataformas informáticas. Soporte lógico". Ha desarrollado una marca Accesibilidad TIC Desde Resolución del Consejo sobre "Accesibilidad electrónica" - Mejorar el acceso de las personas con discapacidad a la sociedad del conocimiento: Resolución del 14 de enero de 2003

36 RECOMENDACIONES

37 RECOMENDACIONES WCAG UAAG ATAG WCAG 1.0 (Web Content Accessibility Guidelines 1.0) UAAG (User Agent Accessibility Guidelines 1.0 ) ATAG (Authoring Tool Accessibility Guidelines 1.0)

38 RECOMENDACIONES La accesibilidad Web se entiende desde tres áreas bien diferenciadas: WCAG Sitios Web y aplicaciones. Relativo a la accesibilidad del contenido de los sitios Web, permite que las personas con discapacidad interactúen adecuadamente con la Web.

39 RECOMENDACIONES La accesibilidad Web se entiende desde tres áreas bien diferenciadas: WCAG UAAG Sitios Web y aplicaciones. Relativo a la accesibilidad del contenido de los sitios Web, permite que las personas con discapacidad interactúen adecuadamente con la Web. Aplicaciones de usuario-a. Estudia cómo mejorar la accesibilidad en las aplicaciones software que se emplean para acceder al contenido de la Web, como navegadores y reproductores multimedia, para que las personas con discapacidad puedan utilizarlos correctamente.

40 RECOMENDACIONES La accesibilidad Web se entiende desde tres áreas bien diferenciadas: WCAG UAAG ATAG Sitios Web y aplicaciones. Relativo a la accesibilidad del contenido de los sitios Web, permite que las personas con discapacidad interactúen adecuadamente con la Web. Aplicaciones de usuario-a. Estudia cómo mejorar la accesibilidad en las aplicaciones software que se emplean para acceder al contenido de la Web, como navegadores y reproductores multimedia, para que las personas con discapacidad puedan utilizarlos correctamente. Herramientas de autor. Sobre las aplicaciones usadas por los desarrolladores-as para la creación de las páginas Web se trabaja en dos líneas: Que las herramientas de autor produzcan contenido Web Accesible. Que puedan ser utilizadas por personas con discapacidad.

41 WCAG ATAG UAAG

42 VENTAJAS 1. Desarrollo más rápido y más simple 2. Menores costos 3. Compatibilidad 4. Descarga más rápida 5. Accesibilidad 6. Posicionamiento 7. Adaptación 8. Contenido reutilizable 9. Mayor audiencia 10.Web Semántica 11. Internacionalización 12. Cuestiones legales y normativas.

43 WCAG WCAG El documento está formado por 14 Pautas Generales sobre el diseño accesible: 1. Proporcione alternativas equivalentes para el contenido visual o auditivo. 2. No se base solo en el color. 3. Utilice marcadores y hojas de estilo y hágalo adecuadamente. 4. Identifique el idioma usado. 5. Cree tablas que se transformen correctamente. 6. Asegúrese de que las páginas que incorporan nuevas tecnologías se transformen correctamente. 7. Asegure al usuario el control sobre los cambios de los contenidos tempodependientes. 8. Asegure la accesibilidad directa de las interfaces de usuario incrustadas. 9. Diseñe para la independencia de dispositivo. 10. Utilice soluciones provisionales. 11. Utilice las tecnologías y pautas del W3C. 12. Proporcione información de contenido y presentación. 13. Proporcione mecanismos claros de navegación. 14. Asegúrese de que los documentos sean claros y simples.

44 BARRERAS Las principales barreras que encuentran los usuarios-as para acceder a los sitios web son: Contenidos visuales, como imágenes, sin texto alternativo. Elementos multimedia sin subtitular o sin describir su contenido visual. Mapas de imagen sin texto alternativo para las diferentes zonas activas del mismo. Uso inadecuado de elementos estructurales o con fines sólo de presentación. Tablas usadas para maquetación y difíciles de interpretar cuando se interpretan por tecnologías asistivas. Falta de contenido alternativo para los marcos (frames), scripts, u otros elementos programados, impidiendo la navegación a usuarios-as cuyo navegador no los soporte.

45 Prioridades y niveles de adecuación

46 Prioridades y niveles de adecuación Cada punto de verificación tiene asignada una prioridad que indica cómo afecta a la accesibilidad de un sitio Web si dicho punto de verificación no se cumple. Es decir, según cuál sea su impacto en la accesibilidad. Prioridad 1 Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfacer este punto de verificación es un requerimiento básico para que algunos grupos puedan usar los documentos Web.

47 Prioridades y niveles de adecuación Cada punto de verificación tiene asignada una prioridad que indica cómo afecta a la accesibilidad de un sitio Web si dicho punto de verificación no se cumple. Es decir, según cuál sea su impacto en la accesibilidad. Prioridad 1 Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfacer este punto de verificación es un requerimiento básico para que algunos grupos puedan usar los documentos Web. Prioridad 2 Un desarrollador de contenidos de páginas Web debe satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfacer este punto de verificación eliminará importantes barreras de acceso a los documentos Web.

48 Prioridades y niveles de adecuación Cada punto de verificación tiene asignada una prioridad que indica cómo afecta a la accesibilidad de un sitio Web si dicho punto de verificación no se cumple. Es decir, según cuál sea su impacto en la accesibilidad. Prioridad 1 Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfacer este punto de verificación es un requerimiento básico para que algunos grupos puedan usar los documentos Web. Prioridad 2 Un desarrollador de contenidos de páginas Web debe satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfacer este punto de verificación eliminará importantes barreras de acceso a los documentos Web. Prioridad 3 Un desarrollador de contenidos de páginas Web puede satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán alguna dificultad para acceder a la información del documento. Satisfacer este punto de verificación mejorará la accesibilidad de los documentos Web.

49 Prioridades y niveles de adecuación Adecuación de nivel A (A) Prioridad 1 Un desarrollador de Se contenidos satisfacen de páginas todos Web los tiene puntos que satisfacer este punto de verificación. De otra de verificación forma, uno o más de grupos prioridad de usuarios 1. encontrarán imposible acceder a la información del documento. Satisfacer este punto de verificación es un requerimiento básico para que algunos grupos puedan usar los documentos Web. Adecuación de nivel Doble A (AA) Prioridad 2 Un desarrollador de Se contenidos satisfacen de páginas todos Web los debe puntos satisfacer este punto de verificación. De otra de forma, verificación uno o más de grupos prioridad encontrarán 1 y 2. dificultades en el acceso a la información del documento. Satisfacer este punto de verificación eliminará importantes barreras de acceso a los documentos Web. Adecuación de nivel Triple A (AAA) Prioridad 3 Un desarrollador de Se contenidos satisfacen de páginas todos Web los puede puntos satisfacer este punto de verificación. De otra de forma, verificación uno o más grupos de prioridad de usuarios 1, encontrarán 2 y alguna dificultad para acceder 3. a la información del documento. Satisfacer este punto de verificación mejorará la accesibilidad de los documentos Web.

50 Desarrollo de validación de un sitio web: WCAG Validación del código HTML o XHTML: Validación de estilos CSS Validación de Accesibilidad UAAG ATAG

51 Pruebas /software

52 Visualización en nuestro navegador : La primera comprobación la haremos con nuestro propio navegador. Visualizar la página sin hoja de estilo. Visualizar la página sin cargar imágenes. Visualizar la página sin cargar objetos programados (applets, scripts, plugin, etc.). Visualizar la página sin sonido. Visualizar la página sin colores, ni fondos.

53 Sin CSS estilos Con CSS estilos

54 Accessibility Toolbar Software funciones que ofrece son: Redimensionar el tamaño del navegador para comprobar cómo se ve la página Web en diferentes resoluciones sin tener que modificarla en el monitor. Activar y desactivar las hojas de estilo. Buscar elementos HTML desaconsejados. Analizar la página mediante enlaces a varios validadores HTML o CSS. Reconocer, listar o resaltar las imágenes presentes o sustituirlas por su texto alternativo. Hacer pruebas de color, como listar los colores usados o mostrar la página en escala de grises. Esta herramienta ofrece enlaces a direcciones Web para analizar el contraste, así como a las simulaciones de Vischeck de diferentes tipos de daltonismo. Identificar y resaltar los elementos estructurales o semánticos de la página Web (encabezados, listas, tablas de datos, frames...). En la siguiente imagen puedes ver que permite conocer algunas propiedades y la jerarquía estructural de un elemento situando el puntero del ratón sobre él.

55 Validadores TAW Software

56 Validadores HERA Software

57 PORTABILIDAD

58 Validadores Examinator Software

59 Validadores WEBXACT Software

60 Colour Contrast Analyser Software Versión online:

61 Ejemplos /código

62 Código TITLE <a href="#mainmenu" title=" Acceso rapìdo, tecla 0" accesskey="0">ir al menu</a ALT Uso de title en los hipervínculos <a href="/index.php"><img src="images/esilogo.gif" alt="esi logo and link to main page" class="flotaizda" /></a> Uso de alts en los hipervínculos

63 LONGDESC Código Sirve para proveer el texto de la descripción del gráfico para aquellas personas que requieran usar los lectores de pantalla. La descripción se encuentra en un archivo separado el cual es desplegado en una ventana nueva cuando el usuario elije escuchar la descripción. (Puede ser descriptores amplios de la imagen)

64 LONGDESC Código <div><img src="afrapepopulations.jpg" width="438" height="323" border="0" alt="african Great Ape Populations longdesc="greatape_description.html"></div>

65 LONGDESC Código Ejemplo de traducción del gráfico complejo: Transcript del lector de pantalla JAWS [Graphic. African great ape populations. Left paren. Press enter for long description right paren. (note: paren is short for parenthesis) Enter. New browser window. African great apes chart: text description - Microsoft Internet Explorer. Heading. Description of African great apes chart. Blank. (blank line) The chart, African Great Apes, is a histogram displaying estimated population sizes for all 9 known subspecies of African Great Apes. All are currently listed by the International Union for Conservation of Nature and Natural Resources left paren IUCN right paren as endangered or critically endangered. The scientific and English common names and population sizes for each species or subspecies are listed below. Blank. Table with three columns and ten rows. Summary: A three-column chart giving the names and population sizes for endangered species of African Great Apes.] Ejemplo de traducción sonora mediante síntesis de voz: _to/graphic/img_w_longdesc/img_w_longdesc.mp3

66 ACCESSKEY Navegación por teclado: Código <ul> <li class="oculto"><a href="#mainmenu" title=" Acceso rapido, tecla 0" accesskey="0">ir al menu</a></li> <li class="oculto"><a href="#content" title= Acceso rapido, tecla 9" accesskey="9">ir al contenido</a></li> </ul>

67 Gráficos y multimedia Reducir al mínimo el uso de gráficos. Dar a todos los gráficos (incluso banners) que nombres comprensible y que transmita a fondo lo que el hay en el gráfico y lo que hace. Utilice texto ALT para describir brevemente las imágenes, y el atributo LONGDESC para describirlos minuciosamente. Nunca difuminar las imágenes para indicar no disponibilidad. Cuando los gráficos contienen información útil, también proporcionar la información en textual. Consulte a los usuarios maneras alternativas de obtener la información contenida en cualquier gráficos a los que se enfrentan. No reducirá una imagen de una página en su sitio y usarlo como Gráfica (o de botón) en otra página. Al hacer uso de gráficos, elija siempre imágenes claras y nítidas. Facilitan a los usuarios saltarse cualquier multimedia y Flash. No crear automáticamente una versión de sólo texto de su sitio.

68 Ventanas pop-up, rollover texto, las nuevas ventanas, y los menús en cascada Evite el uso de ventanas emergentes. (pop-up), asegúrese de que no es la acción por defecto Evite abrir nuevas ventanas del navegador. Si lo hace abrir nuevas ventanas del navegador, siempre proporcionar una forma sencilla de obtener, Volver a la página principal del sitio principal. No confíe en rollover de texto para transmitir cualquier información. Evite el uso de los menús en cascada.

69 Enlaces y botones Limite el número de enlaces en una página. Evite pequeños botones y enlaces de texto minúsculo. Deje espacio entre los enlaces y botones. Evite el uso de imágenes como el único método para vincular a algo. Subrayar todos los enlaces. Crear vínculos dentro de texto cuando tiene sentido. Use sólo los botones adicionales cuando es necesario.

70 PÁGINA DE ORGANIZACIÓN Inmediatamente confirmar el nombre de la compañía una vez se haya cargado la página principal. Inmediatamente confirmar lo que la página tiene una vez que ha cargado. No asociar la palabra página principal con el logotipo de su empresa si planea volver a utilizar el mismo gráfico en todas las páginas. Reducir la necesidad de desplazarse (Scrolls nunca horizontales). Cuando los usuarios deben hacer una elección, tenga todas las posibilidades en la misma zona. Cuando los usuarios deben hacer una elección, advertir que la elección se acerca, Y decirles la cantidad de opciones que tienen. Con cuidado, considere la posibilidad de utilizar "Ir a Enlaces" para que los usuarios puedan saltar o enlaces Elementos de navegación. Elija una simple dirección Web de su sitio, y que mantenga URL en el campo de la dirección de la página después de la carga. (dirección lógica.)

71 Formularios y campos Limite la cantidad de información que requieren formularios; recoger sólo la mínimo necesario. Ponga etiquetas de texto para el campo No utilice sólo texto rojo o amarillo, para indicar los errores. No confíe en sólo un asterisco (*) para indicar los campos obligatorios. Alinear campos en una columna vertical. Crear oferta estándar de campos de entrada para números de teléfono. En cualquier página con un solo cuadro de selección o campo de entrada, poner en el botón Ir, Lo más cerca posible de ese cuadro o campo. En los formularios, poner el botón "Enviar" lo más cerca posible de la última entrada de los campos. Ponga todas las instrucciones relativas a un campo antes de que el campo, no después de ella. Considerar cuidadosamente el tiempo que se agotó el tiempo de espera del formulario

72 TEXTO Elija los colores del texto con un buen contraste con el fondo. No usar texto pequeño para el cuerpo del contenido. No utilizar pequeñas o sutiles líneas de texto en las categorías No se base en una imagen de fondo como una página de fondo para crear contraste con el texto. Pruebe en su sitio web, el texto, los tipos de letras y colores de la pantalla con lupas. Asegúrese de que es posible ampliar su sitio (cambio de tamaño tipografia). Escriba de manera concisa, y elimine los texto superfluos. Si el nombre de la compañía incluye un acrónimo, comunique a los lectores de pantalla como pronunciarlo (Software:JAW) (usted debe hacer esto para todas las abreviaturas de este tipo en todo el sitio). Repensar la forma de usar paréntesis y asteriscos.

73 Búsquedas Ofrecer un motor de búsqueda que perdone los errores de ortografía. No confíe únicamente en una interfaz de navegación de su sitio de búsqueda No ponga la caja de búsqueda en un terreno poco probable. Describir claramente los resultados de la búsqueda.

74 Comprar Describir minuciosamente las imágenes de los productos que se vende, como si no hubiera en todas las imágenes. Ayudan a los usuarios a seguir comprando después de ejecutar la orden del formulario de llegar de nuevo a donde estaban. Posicionar Añadir a la cesta de la compra y a la compra botones cerca de los puntos de compra. Considere la posibilidad de tener dos botónes, uno hacia la parte superior de la página, y uno hacia la parte inferior de la página.

75 TABLES y FRAMES Evite el uso de las tablas de diseño estético en la página. Evite el uso de tablas grandes, por cualquier motivo. Asegúrese de que las listas alfabéticas visibles también coincide con la lista alfabética de los lectores de pantalla. Resumir todas las tablas. Antes de utilizar un diseño de la columna, estudie la forma en que aparecerán en las pantalla. Describa todos los marcos.

76 Master en Artes Visuales y Multimedia Dpto. Escultura / Pintura -Universidad Politécnica de Valencia Prof: Moisés Mañas Moimacar@esc.upv.es