Blog de Carol

En esta práctica evaluaré el diseño de los medios en Internet a través de la barra Web Developer Toolbar de Mozilla. Los medios serán:

PuntoRadio: http://www.puntoradio.com/ portal informativo de la cadena de radio Punto Radio

Telecinco.es: http://www.telecinco.es/ medio multimedia sobre Televisión.

Experiencia de Usuario:

PuntoRadio:

Es utilizable ya que desde la primera página se puede acceder a todos sus contenidos, lo tanto sus contenidos son fácilmente encontrables.

La accesibilidad es muy relativa, porque al tener tantos elementos sin textos alternativos, si hay algún fallo no se podría llegar a esos contenidos y si se tienen deficiencias visuales sería imposible, ya que si no hay texto no se puede localizar.

Cuando he realizado el análisis de accesibilidad TAW dice que tiene 36 errores de accesibilidad lo que hace poco utilizable la página con algunos elementos.

Telecinco.es:

Es de las tres web más accesibles.

La utilidad es más relativa, depende de la persona, por ejemplo para mí es poco útil ya que sus contenidos no me interesan demasiado.

Es deseable por los colores tan llamativos y la colocación tan organizada. Visialmente es la más deseable.

Cuando he realizado el análisis de accesibilidad TAW dice que hay un boton que no tiene texto alternativo, también que hay 37 elementos que pueden no ser accesibles.

ABC.es:

Es utilizable, se sabe a simple vista donde está colocado todo, se ve que en la columna izquierda están las noticias y a la derecha los servicios de la web.

Muy deseble no es, porque no se sigue una retícula horizontal, lo que hace que se coloques unos tiyulares seguidos de otros sin tener en cuenta la columna derecha.

Es creible, por sus contentidos de caracter informativo, que es a lo que se dedica la web.

La accesibilidad es muy relatiba, ya que con el análisis de accesibilidad TAW ha encontrado 24 elementos de prioridad 1 que no podrían ser localizados por no tener texto alternativo.

Usabilidad:

PuntoRadio:

• Disable: Al deshabilitar los colores de la página se ven textos que se quedan ocultos con las fotos.

• Coockies: si se desactivan no ocurre nada, por lo tanto están bien, no afectan nada.

• Form: apenas utilizan formularios, los que usan son para búsquedas de contenidos y no te piden contraseñas para acceder.

• Images: Cuando se deshabilitan las imágenes la página de pierde un poco, hay cosas que se descolocan y algunos textos se montan con otros. Todo su diseño se compone de imágenes con texto encima y al perderlas los textos siguen quedando, algunos, en su lugar. Aunque tiene bloques de colores que esos permanecen. Algunas de las imágenes tiene texto alternativo lo que ayuda a las personas con deficiencia visual.

• Miscelaneous:

1. Linenarize page: está perfectamente estructurada y ningun bloque se sale de si limite.
2. Small screen rendering: continua perfectamente estructurada y ningun bloque se sale de su limite.

• Resize: su diseño no es líquido, lo que hace que si el tamaño de ancho de la ventana es mas pequeño tengamos que usar el Scholl hacia los lados también.

Telecinco.es:

• Disable: no se resiente nada

• Coockies: si se desactivan no ocurre nada, por lo tanto están bien, no afectan nada.

• CSS: al desactivarlo en la programación hay botones que se pierden a que corresponde y a donde se accedería, sin desactivarlas son imágenes como botones para acceder a contenidos.

• Form: apenas utilizan formularios, los que usan son para busquedas de contenidos y no te piden contraseñas para acceder.

• Images: Cuando se deshabilitan las imágenes pierde todas sus cajas y el contenido que queda cubre los espacios de las fotografías y debajo deja los espacios en blanco, pero la estructura de la página no se pierde. La mayoría de sus imágenes tienen texto, lo que ayuda a las personas con deficiencia visual.

1. Linenarize page: está perfectamente estructurada, hasta que llega a servicios que quedan montados todos con toda la informacion que contiene la página al final, tb se han perdido los botones superiores de la página.
2. Small screen rendering: continuan perdiendose los botones superiores, que salen nada más sus desplegables. Los vídeos no entran en el ancho, por lo tanto hay parte que no se ve.

• Resice: su diseño no es líquido, lo que hace que si el tamaño de ancho de la ventana es mas pequeño tengamos que usar el Scholl hacia los lados también.

ABC.es:

• Disable: no se resiente nada

• Coockies: si se desactivan no ocurre nada, por lo tanto están bien, no afectan nada.

• CSS: es una página demasiado larga verticalmente, y al desactivar las CSS se hace más larga todavía, cansaría buscar un contenido. Lo bueno es que usan un diseño líquido lo que hace que se ajuste automáticamente al ancho de la pantalla.

• Form: apenas utilizan formularios, los que usan son para busquedas de contenidos y no te piden contraseñas para acceder.

• Images: Al deshabilitar las imágenes no se pierde todo el color, porque tiene cajas con texto, que estas permanecen, el texto cubre los espacios de las fotografias, lo que hace que se reduzca el tamaño de la página, pero la colocación no la pierde. Casi todas las imágenes tienen texto, lo que ayuda a las personas con deficiencia visual.

• Miscelaneous:

1. Linenarize page: si esta página la vieramos en una pantalla reducida el primer fallo que he visto es que algunos textos se superponen encima de cuatros con texto. La columna de la derecha esta bien que se coloque debajo de la columna que corresponde a la izquierda, pero se coloca descentrada hacía la derecha, por lo tanto quedaría cortada.
2. Small screen rendering: En una pantalla pequeña el contenido se ajustaría bien, incluso los vídeos se reducen para ajuntarse. Algún texto queda oculto con alguna ventana. Se ajusta mejor que si fuera en una pantalla reducida.

• Resize: su diseño no es líquido, lo que hace que si el tamaño de ancho de la ventana es mas pequeño tengamos que usar el Scholl hacia los lados también.

Accesibilidad:

PuntoRadio:
En el análisis automático TAW nos dice que tiene los siguientes errores:

• De prioridad 1 (son los errores en los uno o más grupos de usuarios encontrarán imposible acceder a la información del documento) hay 54 problemas de tipo automático y 204 problemas de tipo manual.
• De prioridad 2 (uno o más grupos encontrarán dificultades en el acceso a la información del documento, si se satisfacen se eliminan barreras de acceso) hay 43 problemas de tipo automático y 308 problemas de tipo manual.
• De prioridad 3 (uno o más grupos encontrarán dificultades en el acceso a la información del documento, si se satisfacen se mejorará la accesibilidad) hay 3 problemas de tipo automático y 24 problemas de tipo manual.

Telecinco.es:
Igualmente con el análisis automático de TAW nos dice que tiene los siguientes errores:

• De prioridad 1 hay 1 problema de tipo automático y 522 problemas de tipo manual. Se duda si los textos alternativos son los adecuados.
• De prioridad 2 hay 52 problemas de tipo automático y 358 problemas de tipo manual. En el que dice que se utiliza unidades de medida absolutas en lugar de unidades de medida relativas.
• De prioridad 3 hay 1 problema de tipo automático y 25 problemas de tipo manual.

ABC.es:

En el análisis automático de TAW nos dice que tiene los siguientes errores:

• De prioridad 1 hay 25 problemas de tipo automático y 432 problemas de tipo manual. Hay 24 elementos sin texto alternativo. Sus fallos son por no tener texto alternativo.
• De prioridad 2 hay 89 problemas de tipo automático y 530 problemas de tipo manual. En el que dice que se utiliza unidades de medida absolutas en lugar de unidades de medida relativas. Formularios con etiquetas dudosas.
• De prioridad 3 hay 1 problema de tipo automático y 27 problemas de tipo manual.

Telecinco es la web más accesibles de las tres, es la que menos fallos da.

Composición y validación de estándares:

PuntoRadio:

• El diseño de la página es a tres columnas, pero orden en filas no tiene, ya que los contenidos por columnas es diferente. Cada caja de texto tiene una foto a la izquierda y el texto está colocado a la derecha por debajo. Es muy caótica.

• Al usar la herramienta de validar las CSS (ayuda a la validación de la sintaxis de las hojas de estilo en cascada) nos ha encontrado 3 errores comprendidos en 2 elementos.

• Al validar el HTML (ayuda a validar el código XHTML) nos da 435 errores de los cuales 8 son graves.

Telecinco.es:

• El diseño de la página es muy ordenado, es a tres columnas con cajas alineadas horizontalmente. Excepto la primera que ocupa las tres colunmas.

• Al usar la herramienta de validar las CSS (ayuda a la validación de la sintaxis de las hojas de estilo en cascada) nos ha encontrado 150 fallos comprendidos en 9 elementos.

• Al validar el HTML (ayuda a validar el código XHTML) nos da 47 errores de los cuales 30 son graves.

ABC.es:

• Su diseño es a dos columnas, en la izquierda se compone de dos columnas con cajas y a veces una caja ocupa el bloque completo, por no tiene ninguna alineación con la derecha. Me resulta algo desordenado.

• Al usar la herramienta de validar las CSS (ayuda a la validación de la sintaxis de las hojas de estilo en cascada) nos ha encontrado 104 errores comprendidos en 7 elementos.

• Al validar el HTML (ayuda a validar el código XHTML) nos da 616 errores de los cuales 19 son graves.

La página de Telecinco es la que menos errores de diseño tiene, aunque en el código HTML tiene pocos la mayoría son graves, por lo tanto aunque las otras dos páginas tienen más errores son menos graves.