Experiencia del usuario en el blog

Utilizando la herramienta Web developer Toolbar de Firefox hemos podido comprobar la experiencia del usuario en nuestro blog para ver qué elementos tenemos bien y cuáles podemos corregir. Para ello hemos utilizado una serie de botones:

DISABLE: Ningún elemento deja de funcionar ni de funcionar ni se resiente la usabilidad, excepto los colores si los desactivamos.

COOKIES: Nada cambia al desactivar las cookies.

CSS: Al desactivar los estilos CSS el blog se va al garete, pierde color y estructura. Queda un espacio en blanco bastante amplio hasta el titulo del blog y a partir de ahí todo se sucede linealmente hacia abajo. Los links al pasar el puntero por encima no muestran una previsualización de lo que nos espera al otro lado del link, y estos aparecen también de otro color si han sido visitados, aunque eso ocurre en la página con CSS también. Otro dato interesante es que para dejar un comentario te manda a otra página en lugar de poder hacerlo en la misma.

IMAGES: Al desactivar las imágenes la estructura de la página no se resiente. Todo sigue en el sitio donde le corresponde pero sí desaparece el fondo y la decoración del blog, quedando solo los colores de composición como fondo, así como las imágenes de las páginas y entradas.

LINENARIZE PAGE: Todo queda nuevamente de forma lineal hacia abajo pero con los estilos CSS presentes. Nuevamente queda un espacio en blanco por encima más de lo habitual y los enlaces, etiquetas y otros elementos que antes se mostraban en la columna izquierda de la página pasan debajo de las entradas de forma lineal.

SMALL SCREEN RENDERING: Queda de forma parecido a Linenarize page pero de forma algo más entendible y organizada aunque todo muy junto, se reduce el tamaño del texto y la resolución además de desaparecer las imágenes de fondo y crear un estilo con los colores base del blog pero de forma muy sencilla.

RESIZE: Al hacer varios ajustes redimensionando la página vemos como esta se adapta a las nuevas dimensiones cambiando su resolución y no tienes que hacer uso por ejemplo de barras de desplazamiento laterales si no que todo queda perfectamente visible únicamente teniendo que utilizar la navegación vertical.

Al activar Display Abreviations y Tab Index en la página normal no se aprecia ningún tipo de cambio por lo que podríamos decir que perjudica a alguien con algún tipo de dificultad en la accesibilidad. De hecho solo aparecen un par de abreviaturas al final de la página pero ninguna más haciendo bastante escaso este recurso.  Pero al verlo en “Document outline” podemos apreciar como al activar y desactivar ambas opciones afectan a esta nueva página ya que aparecen y desaparecen las abreviaturas si las activamos o desactivamos y también los recuadros de la página. En cuanto a las imágenes al activar “Display Alt Atributes” aparecen los títulos de las imágenes asociados a estas a través de “Alt=…” de las imágenes que tienen dicho atributo escrito no de todas claro. Cuando intentamos validar el sitio mediante los procesos WAI  nos ocurre un diagnóstico similar que el medio analizado “Pantropía”: «Failed Automated Verification». Según esto no pasa ciertos aspectos como la inclusión de textos equivalentes a todos los elementos no textuales (Alt por ejemplo) aunque muchas de las imágenes si que cuentan con esto.

El blog tierras multimedia no hace uso de frames. Por su parte la parte se compone por bloques como especie de tablas en los que se incluyen diferentes elementos como encabezados (de entradas, de widgets etc.) o links internos y externos. También como antes se ha comentado utiliza posicionamiento por CSS que al desactivarlo desarma la pagina entera.

La hoja de estilo es correcta y válida excepto por cuatro errores de propiedades que no existen o están mal introducidas como por ejemplo: La propiedad -moz-border-radius no existe : 3px 3px

La validación HTML también es satisfactoria y correcta y supera con éxito el chequeo HTML.

Por último la validación Feed aunque se podría mejorar la interoperabilidad con los demás lectores de Feed a través de una serie de recomendaciones.