Información

Este blog ha sido creado durante la especialización DESARROLLO DE CONTENIDOS INTEROPERABLES del Máster en Tecnologías Accesibles para los Servicios de la Sociedad de la Información. En este blog se han insertado diferentes aplicaciones Web 2.0, se explica de que modo pueden integrase en el blog, así como las dificultades de accesibilidad encontradas, se han posteado recomendaciones para mejorarla.

Recomendaciones para mejorar la accesibilidad de Blogger

• El código html generado por Blogger debería ser código válido según la gramática utilizada.


• El código CSS debería estar en archivos separados, nunca dentro de la página HTML y debería ser válido


• El código javascript debería ser no intrusivo y que no afecte su desactivación al funcionamiento de la página


• Se deberían incluir atajos de teclado para las funciones y enlaces más importantes de la página.


• Elementos no textuales proporcionar alternativa textual, mediante la propiedad “alt”.


• Formularios: Asociación implícita y explicita de los controles y sus etiquetas, propiedad <label for> e “id”


• Facilitar la lectura de las tablas a las ayudas técnicas.


• Vínculos bien definidos, con un nombre apropiado e inequívoco fuera de contexto.
  

Recomendaciones accesibilidad Editor de Texto de Blogger

El editor de texto debería ofrecer ciertas disponibilidades:

• Un cuadro desplegable para indicar el tipo de párrafo (encabezados, párrafo…)


• Un cuadro desplegable con lista de estilos predefinidos en la plantilla (estilos de formato que no sean los encabezados, pero que se repiten en la web)


• No debería permitir el formatear de texto si no es mediante estilos predefinidos (colores, tamaño de letra, alineación, etc.)


• Una herramienta para pegar texto desde Word, sin código inútil.


• Fotografías, deben llevar descripción del contenido mediante la propiedad “alt”, si se necesita más detalle utilizar “longdesc”.


• Leer el artículo o “post” varias veces antes de publicarlo comprobando todos sus enlaces.


• Evitar que un artículo se llame como una etiqueta para evitar enlaces iguales con rutas diferentes.


• Utilizar siempre anclas con un nombre único e irrepetible para que no colisionen con las de otros artículos cuando se visualicen en una misma página.


• Se debe incluir el atributo LANG a los enlaces cuando el idioma del texto del enlace sea diferente al idioma del documento y el atributo HREFLANG cuando el idioma del recurso al que enlaza sea diferente al idioma del documento.


• Se debe añadir el atributo TITLE a los enlaces cuando sea necesario añadir información complementaria para que el usuario sepa con qué se encontrará cuando lo pulse


• No utilizar TARGET=”_blank” en los enlaces.


• Listas: Elementos HTML ul u ol; para listas ordenadas, lu para las que no están ordenada y dl; para las listas de definición.


• Encabezados: Elementos h1, h2,...h6, cumpliendo con el orden de los niveles y la estructura de la pagina.

Problemas con el editor de texto

• No se puede pegar desde word genera codigo basura.


• Hay que pasar el texto por el bloc de notas para eliminar este codigo y poder pegar en blogger limpiamente.


• No se pude deshacer/ rehacer una acción.


• Cada imagen insertada por Blogger contiene una serie de estilos definidos directamente en el elemento mediante el atributo "style" y el atributo "border". Hay que etiquetarlas manualmente.


• Si se utilizan los botones de Blogger para poner un texto en negrita o en itálica, se incluye un atributo "style" en vez de la etiqueta adecuada


• Blogger no permite indicar acrónimos o abreviaturas en el título o en el etiquetado de los artículos, puesto que pinta el elemento en vez de interpretarlo.


• Coloco las etiquetas de listas correctas.


• La inserción de videos no permite alternativas.

Accesibilidad del Google Reader

• La instalación en Blogger es fácil y se integra en el blog.


• Googler Reader es accesible (siempre que los scripts no estén desactivados).


• No presenta dificultades con Jaws.


• Los enlaces se abren en nueva página, no se advierte


• Soporta ARIA (Accesible Rich Internet Aplications)

Como añadir Google Reader

Google Reader es un lector de RSS y atom.

En tu cuenta del Google Reader.

En la página principal del Google Reader, donde recibes las actualizaciones de tus suscripciones, te sitúas al final de cualquiera de ellas, aparecen el botón Compartir junto a otros, selecciónalo para que ese elemento esté disponible en los elementos compartidos. Hay que marcarlos uno a uno.

En el enlace Configuración, un poco difícil de encontrar, está situado en la parte superior de la pantalla, justo al lado de tu dirección @gmail.

Una vez que estés allí, accede a la pestaña o enlace Carpetas y etiquetas.

Si quieres que las carpetas o etiquetas sean públicas, tendrás que:

• Activar la casilla de verificación


• En el desplegable Cambiar compartir ... seleccionar Público

Luego seleccionas añadir clip a tu sitio, en una ventana nueva, aparecen opciones para personalizarlo en tu sitio, una vez este a tu gusto, copia el código JavaScritp en Blogger/diseño, con un gagdet HTML/JavaScript

Recomendaciones de accesibilidad para Google Calendar

• Los contenidos dinámicos deberían tener una alternativa, si cambian la alternativa debera hacerlo asimismo.


• Debería indicarse la apertura de nuevas ventanas.


• Mejorar la maquetación y la accesibilidad del calendario de Google Calendar, y en lugar de proporcionar un enlace a la versión estática, generar contenido estático, y mediante JavaScript no invasivo añadir las funcionalidades adicionales.