Maquetación HTML. Edición de textos accesibles. Nivel de conformidad AAA. Edición de textos accesibles [SESION V] - Lenguaje y comprensión

Transcripción

1 Maquetación HTML Edición de textos accesibles Nivel de conformidad AAA (+34) Ester Serna Berná Responsable técnico área desarrollo Web Taller Digital Universidad de Alicante 1

2 Í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 d. Citas e. Párrafos f. Énfasis g. Tablas 4. Lenguaje y comprensión [sesión V] a. Lenguaje claro y sencillo b. Abreviaturas y acrónimos c. Cambio de idioma d. Metadatos 5. Herramientas de evaluación [en todas las sesiones] 2

3 Maquetación HTML Lenguaje y comprensión (+34) Ester Serna Berná Responsable técnico área desarrollo Web Taller Digital Universidad de Alicante ester.serna@eltallerdigital.com 3

4 Lenguaje claro y sencillo Encabezados informativos y las descripciones de los vínculos claras y precisas. Limitarse a un concepto principal por párrafo. Usar verbos en forma activa en vez de pasiva. Evitar frases de estructura complicada y frases en negativo. Preferir las palabras de uso común. Evitar el uso de argot, jergas y significados particulares de palabras comunes a no ser que se definan en un documento y sean imprescindibles, por ejemplo en un glosario. 4

5 Palabras inusuales - Lenguaje claro y sencillo (Nivel de conformidad AAA) Frases hechas particulares a cada idioma: El significado no puede ser extraído de la traducción de cada una de las palabras. Echarle a uno el muerto Be full of beans 5

6 Palabras inusuales - Lenguaje claro y sencillo (Nivel de conformidad AAA) Frases hechas particulares a cada idioma: El significado no puede ser extraído de la traducción de cada una de las palabras. Jergas y argots: vocabulario especializado de una profesión, campo técnico o grupo social. Informática: gusano, servidor, etc Jerga Sudamericana: carro, chavo, etc 6

7 Palabras inusuales - Lenguaje claro y sencillo (Nivel de conformidad AAA) Frases hechas particulares a cada idioma: El significado no puede ser extraído de la traducción de cada una de las palabras. Jergas y argots: vocabulario especializado de una profesión, campo técnico o grupo social. Extranjerismos: Palabras poco usuales adoptadas de otro idioma. El equipo femenino ganó la copa fair play en el torneo disputado. 7

8 Palabras inusuales - Lenguaje claro y sencillo (Nivel de conformidad AAA) Usadas en un contexto inusual o más restrictivo: El usuario necesita conocer la definición exacta para entender el significado de la frase. Tienen varias definiciones posibles pero sólo una de ellas es la adecuada para comprender el contenido. La definición necesaria para comprender el contenido se considera como rara, arcaica u obsoleta. El autor usa alguna palabra o término asignándole un nuevo significado. El término avatar significa diferente si aparece en una discusión sobre religiones o en un texto informático pero la definición puede determinarse por el contexto. Ahora bien la palabra texto en las WCAG 2.0 se usa de un modo específico definido por el autor. 8

9 Palabras inusuales - Lenguaje claro y sencillo (Nivel de conformidad AAA) Qué opciones tenemos? 1. Incluir en el mismo texto la definición de la palabra inusual, junto a la palabra o a través de un enlace al pie de página. 2. Crear un glosario de términos y enlazar la palabra con su definición. 3. Incluir un enlace a un diccionario donde aparezca la definición. Consideraciones: Si la palabra o frase tiene un significado único, solo tendremos que proporcionar la definición la primera vez que aparezca en el documento, sino deberemos proporcionar la definición adecuada cada vez que aparezca. 9

10 Abreviaturas y acrónimos (Nivel de conformidad AAA) Especificar la expansión de abreviaturas y acrónimos, al menos, la primera vez que aparezcan en una página a través del título del elemento o al lado. Ejemplo: La UA reúne a un millar de personas en la XXII Jornada deportiva UPAPSA. Ejemplo: La UA reúne a un millar de personas en la XXII Jornada deportiva de la Unión provincial de asociaciones pro-minusválidos psíquicos de Alicante (UPAPSA). 10

11 Abreviaturas y acrónimos (Nivel de conformidad AAA) Particularidades: 1. Hay veces que es mejor dar una explicación que proporcionar una expansión literal. Ej. a.m. y p.m. es mejor explicar su significado ("por la mañana" y "por la tarde", respectivamente) que dar la expansión literal, la cual puede no ser entendida por todos los usuarios ("Ante merídiem" y "Post merídiem", respectivamente) 2. En las formas abreviadas que han pasado a formar parte del lenguaje no es necesario proporcionar la expansión de la misma. Ej. Radar, sida. 11

12 Abreviaturas y acrónimos (Nivel de conformidad AAA) Las abreviaturas pueden confundir a algunos lectores por diferentes razones: 1. Algunas abreviaturas no se ven como palabras normales y no se pueden pronunciar usando las reglas de pronunciación de un idioma. Por ejemplo, la palabra "señor" se abrevia "Sr.", que no es ningún fonema ni palabra del español. El lector de pantalla debe saber que "Sr." es la abreviatura de la palabra "señor" para poder pronunciarla correctamente. 12

13 Abreviaturas y acrónimos (Nivel de conformidad AAA) Las abreviaturas pueden confundir a algunos lectores por diferentes razones: 2. En algunas ocasiones, las mismas abreviaturas tienen diferentes significados dependiendo del contexto. Por ejemplo, "c/" puede ser la abreviatura de "calle", "cada" y "capítulo". Los usuarios deben ser capaces de entender el contexto para poder entender qué significan las abreviaturas. 13

14 Abreviaturas y acrónimos (Nivel de conformidad AAA) Las abreviaturas pueden confundir a algunos lectores por diferentes razones: 3. Algunos acrónimos se escriben igual que una palabra común pero se utilizan de diferente forma. Por ejemplo, el acrónimo de Organización Nacional de Ciegos Españoles, ONCE, se escribe igual que el número 11, pero se utiliza de diferente manera. 14

15 Abreviaturas y acrónimos (Nivel de conformidad AAA) Técnicas para proporcionar la forma expandida: 1. Proporcionar la abreviatura inmediatamente antes o después de la forma expandida. Ej. Organización Nacional de Ciegos España (ONCE) (ONCE) Organización Nacional de Ciegos España 2. Insertar en el título la expansión de la abreviatura o acrónimo a través de Vualà. Usar siempre ABBR ya que la etiqueta destinada al acrónimo está en desuso. 15

16 Abreviaturas y acrónimos (Nivel de conformidad AAA) 16

17 Abreviaturas y acrónimos (Nivel de conformidad AAA) Cuándo marcamos las abreviaturas? 1. Al menos, la primera vez que aparezca en el documento. 2. Si la abreviación tiene diferentes significados dentro de la misma página se deberá explicar o expandir todas las veces que aparece siguiendo las técnicas comentadas. 3. Por otro lado hay que añadir que las abreviaturas de uso común, recogidas en el diccionario de la Real Academia de la Lengua, que no presenten ninguna de las particularidades anteriores, no requieren ser marcadas, puesto que los lectores de pantalla deberían incluirlas (y suelen hacerlo) en sus diccionarios. Ejemplo: Cómo lo hacen en la página de la Iniciativa en Accesibilidad Web (WAI)? 17

18 Abreviaturas y acrónimos (Nivel de conformidad AAA) Evaluación: 1. Web Developer Toolbar: 1. Information -> Display Abbreviation o Display Title Attributes 2. Ejemplo: Guía breve de accesibilidad web (W3C). 18

19 Cambio de idioma. Nivel de conformidad AA Cuándo se produce un cambio de idioma? EJEMPLO Mi texto está en castellano y tengo una oración en la que: Sostenía que la República Democrática Alemana era sólo un 'Treppenwitz der Weltgeschichte. La frase en alemán 'Treppenwitz der Weltgeschichte (*) debemos marcarla como alemán. (*) Ironía de la historia del mundo 19

20 Cambio de idioma. Nivel de conformidad AA Por qué es importante? 1. Facilita la lectura de los documentos en distintos idiomas a: a) Usuarios que leen el documento en Braille, podrán insertar los códigos de control (etiquetas) donde ocurren los cambios de idioma, para asegurar que el programa de traducción a braille generará los caracteres correctos (por ejemplo, caracteres acentuados). b) Sintentizadores de voz que hablan varios idiomas, serán capaces de generar el texto con el acento y la pronunciación adecuados. c) Usuarios que no saben idiomas, obtendrán la traducción de los textos de idiomas desconocidos mediante programas de traducción. 2. Motores de búsqueda identifican los contenidos en el idioma deseado Lector de pantalla y el cambio de idioma 20

21 Cambio de idioma. Nivel de conformidad AA Dónde y cuando se marca? 1. Párrafo 2. Bloque 3. Una o varias palabras 4. Texto del enlace 5. Destino del enlace 6. Citas en línea o en bloque 7. Abreviaturas 21

22 Cambio de idioma. Inserción A nivel de párrafo, bloque, una o varias palabras, cita en bloque, dentro de un enlace: Ejemplo 1: y con un cierto je ne sais quoi, ella entró tanto en la habitación como en su vida para siempre. Mi nombre es Natasha dijo ella. Piacere, respondió él en impecable italiano, cerrando la puerta Ejemplo 2: Técnica H58: Using language attributes to identify changes in the human language 22

23 Cambio de idioma. Inserción A nivel de párrafo, bloque, una o varias palabras, cita en bloque: En el desplegable seleccionamos el idioma deseado 23

24 Cambio de idioma. Inserción A nivel de párrafo, bloque, una o varias palabras, cita en bloque: Para eliminar el idioma en el desplegable seleccionamos ninguno. Si pincháis previamente en esta etiqueta span os aseguráis de eliminarlo correctamente 24

25 Cambio de idioma. Inserción En una cita en línea: y al caérsele el piano encima del pie, salió de su boca un aplastante sugar!. Botón para insertar cita en línea. En el desplegable seleccionamos el idioma deseado o ninguno si queremos eliminarlo. 25

26 Cambio de idioma. Inserción Abreviaturas y acrónimos: Pautas de Accesibilidad al Contenido Web (WCAG) ABBR Botón para insertar una abreviatura. En el desplegable seleccionamos el idioma inglés. 26

27 Cambio de idioma. Inserción Idioma del destino del enlace: Técnica H58: Using language attributes to identify changes in the human language La página destino está en inglés Desde Vualà no es posible a día de hoy definirlo 27

28 Cambio de idioma. Inserción Idioma del destino del enlace: Técnica H58: Using language attributes to identify changes in the human language La página destino está en inglés Técnica H58: Using language attributes to identify changes in the human language [inglés] Ejemplo: Estándares. W3C 28

29 Cambio de idioma. Inserción Marcamos todos los cambios de idioma? NO a) Nombres propios Por ejemplo: Natasha, Joan, Generalitat Valenciana. b) Términos técnicos, títulos o términos de uso común adoptados en el idioma con pronunciación igual o similar en el idioma principal del documento. Por ejemplo: gourmet, homo sapiens, , mailing, chat, password, copyright, software, etc 29

30 Metadatos que hemos de incorporar en nuestras páginas: 1. Título representativo de la página (no más de 65 caracteres). Es el que aparece en la barra superior del navegador, que sea: 1. Significativo: La persona que lo lea debe de obtener la suficiente información del contenido de la página. Es conveniente evitar títulos ingeniosos y originales que apenas aporten información real sobre el contenido de la página. 2. Breve: Si es demasiado largo, los buscadores sólo mostrarán una parte del mismo. 2. Descripción: Debe ser corta, precisa y con una alta densidad de palabras claves. La extensión máxima es de 150 caracteres. 30

31 Páginas de las que aprender 1. Iniciativa en accesibilidad web 2. Guía breve de accesibilidad 3. World Wide Web Consortium (W3C) 4. Oficina española del W3C 31

32 3. Estructura Ejercicios Ahora os toca a vosotros Entrar en la página idioma.html y realizar los ejercicios. 32

33 Gracias por vuestra atención Ester Serna Berná Responsable técnico área desarrollo web Analista accesibilidad web Tel Fax (+34) Ester Serna Berná Responsable técnico área desarrollo Web Taller Digital Universidad de Alicante 33