Conclusiones del análisis

Cuando entramos en una página web, parece que todo está perfecto. ¿Pero esto es cierto?.

Para responder a esta pregunta voy a realizar un análisis a fondo de las web de Marca, La Cope y Telemadrid. Este análisis se va a realizar desde 4 niveles diferentes, por un lado desde la experiencia del usuario, desde la  usabilidad, desde la accesibilidad y por último desde la composición y validación de estándares.

Para realizarlo nos apoyaremos en la barra Web Developer Toolbar, para Firefox. También se puede realizar mediante Internet Explorer con su correspondiente barra, pero en este caso vamos a trabajar con Firefox.

Las web tienen muchísimo que mejorar, que no todo es tan bonito como lo vemos cuando accedemos a su página principal. Se tratan de  tres medios de comunicación muy importantes en nuestro país, como por ejemplo es el caso de Marca, que es el periódico más vendido de España, y contiene una gran cantidades de errores. Además detrás de estas páginas web hay un gran trabajo de diseño, realizado por profesionales y como decía anteriormente en medios tan importantes, que tenga esta cantidad de fallos. En relación con la adpatación y validación de sus contenidos. Llama bastante la atención que todas tenga errores en la validación de Feeds, HTML y CSS. El área de accesibilidad es el que se encuentra en peores condiciones, contiene muchísimas carencias. Los medios deberían de verse en la obligación de solucionar esto. Por último en contenidos, utilidades… es lo que mejores características tienen las tres páginas. Tienen mucha información, servicios… muy útil para el usuario.  Estos medios se tendrían que dar cuenta que está en juego su prestigio y deberían de solucionar todos estos errores.

Las páginas web que analizaré pertenecen a los siguientes medios de comunicación.

• Marca: Prensa deportiva digital. http://www.marca.com
• La Cope: Web radio de información en general http://www.cope.es
• Telemadrid: Web televisión de la Comunidad de Madrid http://www.telemadrid.es

Análisis global de Experiencia del Usuario

Marca

• Utilizable: Es una página muy utilizable. Es una web especializada en prensa deportiva, por lo que se encuentra información de cualquier tipo de deporte, tanto nacional como internacional. Además de información escrita, ya que estamos en una web de un periódico deportivo, se tiene acceso audios, videos y hasta la emisión on-line de la tv de marca y de radio marca, ya que la cadena dispone además de prensa, de un canal de radio y de televisión. Ofrece la posibilidad de que el internauta participe en la web, de esta manera anima más al usuario, porque le incita a formar parte de la web, como por ejemplo mediante encuestas. Para finalizar hay que decir, que ofrece multitud de servicios como pueden ser tienda on-line, cartelera de cine, juegos on-line… por lo que esta web es muy utilizable.
• Útil: Si que es muy útil, porque ofrece la posibilidad de acceder a la información deportiva de actualidad. Puedes encontrar los resultados de los partidos, saber que pasa minuto a minuto en un acontecimiento… además de los servicios complementarios que ofrecer al usuario, para que no se limite simplemente a una página web de información deportiva.
• Deseable: La página cuenta con un diseño atractivo, pero sencillo que facilita la navegación al usuario y a la vez resaltan los contenidos más importantes utilizando diferentes colores que contrastan con el fondo blanco de la página. La tipografía que emplea es correcta, no tiene que esforzar la vista el usuario. La única pega que encuentro a esta página y por lo que pierde deseabilidad es la gran cantidad de publicidad que contiene y cuando entras en una sección específica o nada más acceder a la información principal te salta un anuncio donde tienes que dar a ir a información, eso hace que muchos usuarios no accedan a la web, porque es algo incomodo y poco deseable.
• Valioso: el portal es muy valioso para los adictos al deporte, ya que aquí puedes encontrar cualquier información referida a deporte. Una persona que no le guste el deporte evidentemente esta página no le será muy valiosa, porque solo le daría uso para los servicios adicionales que ofrece, como es el caso de la tienda on-line, pero este no es el fin que sigue Marca.com. Además de información escrita añade más valor a la web, la opción de poder escuchar o ver la televisión de Marca.
• Encontrable: No se encuentra ninguna dificultad para acceder a la información, todo está dividido en secciones correctamente ordenadas, la única dificultad que encuentro es la publicidad que salta al acceder a ella. La hemeroteca ofrece gran facilidad de acceder a la información a buscar, siempre dentro de la página web de Marca y es en el único sitio donde no salta la publicidad.
• Creíble: Marca es una web muy creíble, y también esto se refleja en que es el primer periódico leído en España, sino fuese creíble los lectores no lo comprarían ni accederían a la web. Además ofrece citas, el redactor o agencia de donde procede la noticia, la fecha de publicación y la hora de la última actualización, por lo que estos factores hacen que sea más fiable.
• Accesible: Es una web muy accesible, pero se encuentran los mismos problemas que las anteriores, que no están preparadas para personas con alguna limitación auditiva, visual o de movimiento, por lo demás está preparada para cualquier persona. La tipografía es grande, además de combinar diferentes colores en los textos y tamaños para diferenciar el título, el subtitulo…

La Cope

• Utilizable: Si es utilizable. La página tiene un acceso y funcionamiento sencillo. Ofrece información tanto nacional como internacional, por lo que se adapta a cualquier usuario que quiera acceder a ella para informarse. Ofrece variedad de formatos a la hora de presentar las noticias, aunque es una página de un cadena de radio se pueden encontrar audios, video, imágenes y textos. La barra al inicio de la página con las diferentes secciones que componen la web creo que facilitan el acceso a la información. Además a diferencia del caso de Telemadrid como mencionábamos anteriormente, ofrece la posibilidad de participación de los usuarios, mediante blog, cartas al director…, por lo que no se reduce solo al simple contacto de Telemadrid.
• Útil: Si es útil para poder acceder a la información de actualidad. Además de esto ofrece diferentes opciones como búsqueda de contenidos multimedia, podcast de los programas, información sobre los diferentes programas que se emiten, servicios como el tiempo…, por lo que ofrece una gran variedad de opciones que la convierte más útil. No se reduce a un simple portal de información donde solo tiene participación el propio medio, como en el caso de Telemadrid.
• Deseable: Si, porque el diseño que emplea es llamativo, el empleo de los colores fuertes unos con otros para que resalte más, la tipografía es normal, por lo que no ofrece ninguna dificultad en la lectura, el orden es correcto y no es aburrido la estructura que sigue. Por lo tanto el diseño que se utiliza es llamativo y atrae la atención al lector.
• Valioso: Si ya que aparte de ofrecer las noticias en diferentes formatos, la cantidad de información y servicios que ofrece, hacen que el usuario pueda encontrar muy valioso el portal. Además lo que principalmente le hace valioso es que puedes escuchar la cadena on-line o una persona que no ha podido escuchar el programa en el horario que se ha emitido, se le ofrece la opción de escucharlo e incluso de descargárselo.
• Encontrable: No se encuentra ninguna dificultad a la hora de acceder a la información, se encuentra dividida en pestañas de las diferentes secciones, o también se encuentra dividido por los diferentes programas que emite la cadena. Para acceder a la información que se encuentra en la base de datos, da la opción de elegir entre todas las web o solo dentro de La Cope.
• Creíble: La Cope ofrece gran credibilidad, ya que es una cadena con mucha experiencia conseguida con el paso del tiempo. Además a diferencia de Telemadrid como comentaba anteriormente, ofrecen las fuentes de donde procede la información, cuando ha sido publicada y muestra citas. También hay que tener en cuenta que una persona que no siga la ideología de esta emisora, ya que se ve claramente la postura que defiende, evidentemente no va a ser fiable la información, por lo que si no te posicionas en su línea no es fiable la información.
• Accesible: La página es accesible para las personas que no tengan ningún tipo de limitación, sonora, visual o de movimiento, por lo que la navegación es sencilla y clara, pero deberían de adaptarse a las personas que cumplen las características anteriores. El tamaño de la fuente también es correcto. El único elemento que se puede decir que resultaría un poco conflictivo a la hora de navegar, es la barra horizontal, es decir, el dial de contenidos, que le puede resultar incomoda a los usuarios que no estén acostumbrados a navegar por la red como pueden ser personas mayores.

Telemadrid

• Utilizable: Esta página se limita a ofrecer contenidos de tipo informativo, ofreciendo poca o ninguna información de otro tipo. La participación que se le ofrece al usuario es prácticamente nula, se reduce a la opción de contactar con el medio mediante la dirección de correo electrónico, dirección postal o teléfono. Utiliza una interfaz simple donde los contenidos están bien ordenados en distintas categorías y secciones. Permite volver al inicio del portal directamente, los contenidos externos a la página se abren en ventanas emergentes, la publicidad se distingue claramente de la información.
• Útil: Es un medio muy útil para las usuarios de la Comunidad de Madrid, pero no se restringe solo a estos, sino que también para cualquier internauta que esté interesado en visitar o obtener información de la página web. Ofrece información de la actualidad nacional e internacional, haciendo un especial hincapié en las noticias de la Comunidad de Madrid. La información es presentada en diversos formatos, tanto textual como audiovisual. No se limita a mostrar información de actualidad, sino que pone a disposición de sus usuarios servicios complementarios como pueden ser el tiempo, las páginas amarillas, el callejero… que puede resultar de gran utilidad a los usuarios de Telemadrid. Además de esto también se puede encontrar mucha información independiente de la cadena de televisión, como la emisión Online y la emisora de radio de la cadena. Para finalizar hay que decir que la mayoría de los internautas que acceden a esta web serán autonómicos, es decir, de la Comunidad de Madrid.
• Deseable: es un diseño muy poco atractivo y aburrido. Contiene demasiados estímulos que complican la navegación por el portal y pueden aturdir al usuario. El tamaño de la tipografía que se utiliza es demasiado pequeño.
• Valioso: este sitio es bastante valioso para los madrileños, ya que pueden acceder a toda la información de la comunidad. En cambio para las personas que residan fuera de Madrid no es tan valioso esta web, aunque contiene información nacional e internacional, esta es escasa, ya que abunda la de la comunidad. La poca interacción que ofrecen a los internautas le resta la valerosidad al medio.
• Encontrable: el acceso a la información está bien organizado, lo que facilita la navegación a los usuarios. Esta organización se realiza mediante pestañas divididas por diferentes secciones, España, Madrid, Internacional o Deportes. Además también se tiene la opción de acceder a la información de telemadrid.es, televisión, onda Madrid o La Otra, mediante pestañas. A la hora de buscar información en las bases de datos se ofrece la posibilidad de buscarla solo en la Web de Telemadrid o de buscarla mediante Google, que al introducir el termino a buscar te redireccióna al buscador.
• Creíble: los contenidos que se ofrecen contienen muy pocas fuentes, no indican quien lo ha escrito, ni si procede de agencia, el fotógrafo… nada que pueda dar un poco de credibilidad. Por lo tanto creo que por la falta de esta información es una web poco creíble.
• Accesible: la web es accesible para una persona que no tenga ningún tipo de discapacidad. El problema se encuentra cuando el usuario es una persona con problemas auditivos, visuales o de movimiento. La información aparece en audios, no está subtitulada para personas que tengan el audio reducido, no tiene trascripción o traducción a la lengua de los signos. Las fuentes utilizadas con demasiado pequeñas, una personas con problemas visuales para acceder a ella y no encontrarse ningún obstáculo tendrá que aumentar el zoom de la pantalla.

Comparación y valoración

Los contenidos, utilidad, intereses, credibilidad…. son similares en lo tres medios, todos tienen el mismo objetivo. Marca y La Cope son los que mayor contenidos y servicios ofrece, en cambio Telemadrid es más reducido en este aspecto. Los diseños que emplean son atractivos, con el fin de atraer a la audiencia. Aquí, se ve que muchas veces que los medios sacrifican sus contenidos para poder crear un diseño que incite al internauta a entrar en la página.

Análisis de Usabilidad

Marca

Vamos a emplear los parámetros de Jakob Nielsen:

• Enlaces: Los enlaces no cambian de color después de ser visitados, lo cual puede ser una desventaja a la hora de que el usuario sepa qué enlaces ha visitado y cuáles no ha visitado
• Botón Atrás: Permanece activo durante toda la navegación por la web.
• Nuevas ventanas de navegación: La navegación es siempre en la misma ventana, excepto en la radio en directo, en la televisión de marca, en la publicidad y en los medios del mismo grupo comunicativo.
• Ventanas emergentes: No se ha encontrado ninguna durante la navegación por la página.
• Elementos de diseño: No se ha encontrado elementos de diseño que puedan inducir a equivocarse con la publicidad, todo lo que es publicidad está bien diferenciado y siempre con el rótulo que pone publicidad.
• Contenido: El contenido es muy variado.
• Contacto: Ofrece la posibilidad de contactar con Marca, mediante teléfono, e-mail o acercándote a la redacción.
• Elementos en movimiento: Se encuentran los videos, que el signo de play se mueve continuamente induciendo al usuario a pulsarlo para comenzar la reproducción, la publicidad que no para de moverse, es un movimiento muy rápido y el signo de la televisión Marca, que como en el caso de los videos induce a pulsarlo.
• Etiquetado: El etiquetado es claro y correcto. No presenta ninguna dificultad.
• Actualización: La actualización es constante.
• Páginas huérfanas: No se ha encontrado ninguna página huérfana, ni ningún enlace roto.

En el caso de la página de Marca, mediante el uso de la Web Developer Toolbar , nos encontramos:

• Disable, el a mayor cambio se produce con la opción “disable page colours” es que desaparecen los colores utilizados como fondo de la página y los colores del texto, quedándose una página muy aburrida y que dice poco con ese diseño.
• Cookie, En la información de cookies nos ofrece un resultado en otra pestaña en la que podemos ver las cookies de la página. Encontramos 1 en Marca.com y 1 más en otros enlaces. Estas cookies pueden ser editadas o eliminadas.
• CSS, este comando es el que produce un mayor número de cambios. Al ir aplicando comandos descubrimos los cambios que se van produciendo. Alineación vertical de contenidos. Los elementos dinámicos se mantienen. Cuando se realzan los cambios se producen problemas en la carga de scripts de la página. Llega incluso a bloquearse. Luego vuelve al formato original. Cuando atizamos “view stile” nos aparecen cajas de borde rojos sobre los contenidos por los que pasamos el ratón. Podemos editar el CSS.
• Forms, al activar “Display form details” muestra datos de los formularios. El resto de comandos son para edición y cambios en estos contenidos.
• Images, podemos hacer desaparecer a las imágenes que hay en la página. Los videos y flash permanecen. Tenemos un comando para anular las animaciones. Podemos mostrar meta datos de los contenidos o dimensiones y enlaces de las imágenes. Podemos esconder las imágenes, hacerlas invisibles o mostrarlas en tamaño real.
• Miscelanous>Linenarize Page, los cambios con este comando es que se alinean verticalmente  la información (a la izquierda) pero al existir más contenidos flash y cajas de imágenes y texto, la distribución no es tan textual. La página se vuelve un poco caótica ya que hay mucha información que se solapa, lo que produce que no se entienda. El formato de la cabecera casi no cambia.
• Miscelaneous>Small Screen Rendering, se alinea en verticalmente con un formato menor de fuente. Todo se alinea al margen izquierdo, produciendo sensación agobio al usuario, por el tamaño tan reducido.
• Resize, podemos ver las dimensiones de definición del display de la página y cambiarla. El efecto de zoom ni altera el formato de las cajas de texto.

La Cope

Vamos a emplear los parámetros de Jakob Nielsen:

• Enlaces: Los enlaces no cambian de color después de ser visitados, lo cual puede ser una desventaja a la hora de que el usuario sepa qué enlaces ha visitado y cuáles no ha visitado
• Botón Atrás: Permanece activo durante toda la navegación por la web.
• Nuevas ventanas de navegación: La navegación es siempre en la misma ventana, excepto en la radio en directo, en mis audios y en la publicidad.
• Ventanas emergentes: No se ha encontrado ninguna durante la navegación por la página.
• Elementos de diseño: No se ha encontrado elementos de diseño que puedan inducir a equivocarse con la publicidad, todo lo que es publicidad está bien diferenciado y siempre con el rótulo que pone publicidad.
• Contenido: El contenido es muy variado.
• Contacto: Ofrece la posibilidad de contactar con La Cope, mediante teléfono, e-mail o acercándote a la redacción. Además también el usuario puede contactar mediante los blog.
• Elementos en movimiento: Se encuentran bastantes elementos en movimientos, lo que llama la atención al usuario, tenemos en la opción de radio e directo se tienen las barras de sonido bajando y subiendo, en la opción de programas, van cambiando la cara de los locutores y el nombre de los programas. Además de esto también se encuentran como elementos en movimiento los videos y la publicidad que contiene la página.
• Etiquetado: El etiquetado es claro y correcto. No presenta ninguna dificultad.
• Actualización: La actualización es constante.
• Páginas huérfanas: No se ha encontrado ninguna página huérfana, ni ningún enlace roto.

En el caso de la página de la Cope, mediante el uso de la Web Developer Toolbar , nos encontramos:

• Disable: como en el caso anterior, el a mayor cambio se produce con la opción “disable page colours” donde desaparecen los colores utilizados como fondo de la página. JavaScript deshabilita los videos.
• Cookies: En la información de cookies nos ofrece un resultado en otra pestaña en la que podemos ver las cookies de la página. Están divididas en varios bloques con distintas cantidades 8 en cope.es y 9 más en otros enlaces. Estas cookies pueden ser editadas o eliminadas.
• CSS: este comando es el que produce un mayor número de cambios. Al ir aplicando comandos descubrimos los cambios que se van produciendo. Alineación vertical de contenidos. Los elementos dinámicos se mantienen. Cuando se realzan los cambios se producen problemas en la carga de scripts de la página. Llega incluso a bloquearse. Luego vuelve al formato original. Cuando atizamos “view stile” nos aparecen cajas de borde rojos sobre los contenidos por los que pasamos el ratón. Podemos editar el CSS.
• Forms: al activar “Display form details” muestra datos de los formularios. El resto de comandos son para edición y cambios en estos contenidos.
• Images: podemos hacer desaparecer a las imágenes que hay en la página. Los videos y flash permanecen. Tenemos un comando para anular las animaciones. Podemos mostrar meta datos de los contenidos o dimensiones y enlaces de las imágenes. Podemos esconder las imágenes, hacerlas invisibles o mostrarlas en tamaño real.
• Miscelanous>Linenarize Page: los cambios con este comando son menos poco evidentes. Se alinean verticalmente paro al existir más contenidos flash y cajas de imágenes y texto. El formato de la cabecera casi no cambia.
• Miscelaneous>Small Screen Rendering: se alinea en verticalmente con un formato menor de fuente. Aparece el mensaje “jCarousel: No width/height set for items. This will cause an infinite loop. Aborting..” pero no desaparecen contenidos.
• Resize: podemos ver las dimensiones de definición del display de la página y cambiarla. El efecto de zoom ni altera el formato de las cajas de texto. El texto se sale y desordena los contenidos.

Telemadrid

Vamos a emplear los parámetros de Jakob Nielsen:

• Enlaces: Los enlaces no cambian de color después de ser visitados, lo cual puede ser una desventaja a la hora de que el usuario sepa qué enlaces ha visitado y cuáles no ha visitado
• Botón Atrás: Permanece activo durante toda la navegación por la web.
• Nuevas ventanas de navegación: La navegación es siempre en la misma ventana, excepto la televisión en directo y el acceso a los servicios que se ofrecen.
• Ventanas emergentes: No se ha encontrado ninguna durante la navegación por la página.
• Elementos de diseño: No se ha encontrado elementos de diseño que puedan inducir a equivocarse con la publicidad, ya que es una página que no contiene casi publicidad, solo un anuncio en el margen superior derecho que se diferencia claramente.
• Contenido: El contenido es escaso y poco variado.
• Contacto: Ofrece la posibilidad de contactar con Telemadrid, a través de correo electrónico, teléfono o dirección postal.
• Elementos en movimiento: Los videos y la publicidad.
• Etiquetado: No está bien etiquetada la web, da sensación de caos.
• Actualización: La actualización es constante.
• Páginas huérfanas: No se ha encontrado ninguna página huérfana, ni ningún enlace roto.

Si utilizamos Web Developer Toolbar podemos ver que el diseño se ve especialmente afectado a la hora de activar o desactivar distintas opciones de la barra de herramientas, al tratarse de una página pobre el hecho de eliminar algunas pautas provoca una desestructuración de la página así como una pérdida absoluta de formato.

• Disable: la página sólo se resiente si activamos la opción “Disable page colors”, adquiriendo un diseño más básico utilizando sólo un color para sus fuentes.
• Cookies: Se encuentra un cookie en telemadrid.es, el cual puede ser editado o borrado. Esta información se ofrece en otra ventana aparte.
• CSS: este comando es el que produce un mayor número de cambios. Al ir aplicando comandos descubrimos los cambios que se van produciendo. Alineación vertical de contenidos. Los elementos dinámicos se mantienen. Cuando se realzan los cambios se producen problemas en la carga de scripts de la página. Llega incluso a bloquearse. Luego vuelve al formato original. Cuando atizamos “view stile” nos aparecen cajas de borde rojos sobre los contenidos por los que pasamos el ratón. Podemos editar el CSS.
• Forms: al activar “Display form details” muestra datos de los formularios. El resto de comandos son para edición y cambios en estos contenidos.
• Imágenes: podemos hacer desaparecer a las imágenes que hay en la página. Los videos y flash permanecen. Tenemos un comando para anular las animaciones. Podemos mostrar meta datos de los contenidos o dimensiones y enlaces de las imágenes. Podemos esconder las imágenes, hacerlas invisibles o mostrarlas en tamaño real.
• Miscellaneous > Linenarize page: todo el contenido se muestra como si se tratase de una gran columna donde los contenidos se disponen unos debajo de otros. Se alinea al centro.
• Miscellaneous > Small screen rendering: ocurre lo mismo pero en tamaño reducido y justificando los contenidos en la parte izquierda de la pantalla, mientras que la anterior lo justificaba en el centro.
• Resize: podemos ver las dimensiones de definición del display de la página y cambiarla. El efecto de zoom ni altera el formato de las cajas de texto.

Comparación y valoración

Ambos tienen casi las mismas características. Las páginas estan construidas mediante hojas de estilo. Los Cookies en todas las web pueden ser editados o eliminados, se pueden realizar cambios en las fuentes, colores, tamaños de las fotos… Un defecto que encuentro en las 3 páginas cuándo he realizado el analisis con los parámetros de Nielsen, es que en ninguna de las 3, tras visitar un enlace cambia de color. Si estos cambiaran de color, facilitaria la navegación y la búsqueda de información.

Análisis de Accesibilidad

Marca

• Information: No se ha notado ningún cambio cuando se han activado y desactivado las opciones “Information>abreviations, Tab Index .En Document outline, nos encontramos un listado de enlaces de cuatro tamaños (h1>h6). Nos muestra etiquetas de los atributos, pero muchas están sin rellenar (solo vemos “Alt=”).
• Images: Al activar la opción “Images>Display Alt Atributes” aparece el comando “Alt” sobre las imágenes seguido del signo =, y a continuación el nombre de la imagen. Además para que sea bien visualizado por el usuario, es subrayado en color verde fluorescente.
• WAI: Utilizamos www.tawdis.net, obtenemos que la página web de Marca los siguientes resultados:

- Problemas de accesibilidad de tipo 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. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web. Se han encontrado 2 problemas de tipo automático y 291 problemas de tipo manual.

- Problemas de accesibilidad de tipo 2. Un desarrollador de contenidos de páginas Web debería 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. Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web. Se han encontrado 106 problemas de tipo automático y 544 problemas de tipo manual.

- Problemas de accesibilidad de tipo 3. Un desarrollador de contenidos de páginas Web puede 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. Satisfaciendo este punto de verificación mejorará la accesibilidad de los documentos Web. Se han encontrado 5 problemas de tipo automático y 45 problemas de tipo manual.

Podemos destacar como fallos más importante los siguientes:

• Asegúrese de que los equivalentes de un contenido dinámico son actualizados cuando cambia el contenido dinámico.
• Identifique claramente los cambios en el idioma del texto del documento y en cualquier texto equivalente (por ejemplo, leyendas).
• Hasta que las aplicaciones de usuario permitan controlarlo, evite provocar destellos en la pantalla.
• Como en el caso de las páginas anteriores, tampoco pasa test de accesibilidad. Está página contiene más o menos los mismos errores que la analizada anteriormente, La Cope. Pero seguimos con el mismo problema, no está adaptada a las personas que tengan alguna discapacidad.

La Cope

• Information: No se ha notado ningún cambio cuando se han activado y desactivado las opciones “Information>abreviations, Tab Index .En Document outline, nos encontramos un listado de enlaces de cuatro tamaños (h1>h4). Nos muestra etiquetas de los atributos, pero muchas están sin rellenar (solo vemos “Alt=”).
• Images: Al activar la opción “Images>Display Alt Atributes” aparece el comando “Alt” sobre las imágenes pero no se muestran los datos de la información.
• WAI: Utilizamos www.tawdis.net, obtenemos que la página web de La Cope los siguientes resultados:

- Problemas de accesibilidad de tipo 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. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web. Se han encontrado 2 problemas de tipo automático y 237 problemas de tipo manual.

- Problemas de accesibilidad de tipo 2. Un desarrollador de contenidos de páginas Web debería 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. Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web. Se han encontrado 41 problemas de tipo automático y 236 problemas de tipo manual.

- Problemas de accesibilidad de tipo 3. Un desarrollador de contenidos de páginas Web puede 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. Satisfaciendo este punto de verificación mejorará la accesibilidad de los documentos Web. Se han encontrado 3 problemas de tipo automático y 59 problemas de tipo manual.

Podemos señalar algunos de los fallos que se han detectado en cope.es:

• Organice el documento de forma que pueda ser leído sin hoja de estilo. Por ejemplo, cuando un documento HTML es interpretado sin asociarlo a una hoja de estilo, tiene que ser posible leerlo.
• Utilice unidades relativas en lugar de absolutas al especificar los valores en los atributos de los marcadores de lenguaje y en los valores de las propiedades de las hojas de estilo.
• Utilice elementos de encabezamiento para transmitir la estructura lógica y utilícelos de acuerdo con la especificación.

Esta página al igual que la de Telemadrid esta suspensa en el análisis de accesibilidad. No tiene tantos errores como se han encontrado en telemadrid.es, pero no es accesible para las personas con algún tipo de discapacidad.

Telemadrid

La accesibilidad que ofrece este portal es mala, no sólo por la falta de profesionalidad en el diseño, sino que también se debe a las grandes carencias que presenta y que se van a exponer a continuación:

• Information: No contiene abreviaturas, atajos en el teclado ni anclajes pero tiene los Block Size y Div Order bien estructurados. En las opciones de los anclajes y los colores, las páginas que se despliegan proporcionan esa información de forma correcta. Para visualizar el documento “outline” se despliega una página cuya información se detalla en una única línea. Las  opciones JavaScript como Link funcionan correctamente.
• Images: Al deshabilitar las imágenes no he encontrado errores. Al desplegar todos los atributos, las dimensiones de las imágenes, el peso de las mismas y los paths todo funciona correctamente. Las imágenes de fondo, es decir, las background no existen en este portal.
• WAI: Utilizamos www.tawdis.net, obtenemos que la página web de telemadrid los siguientes resultados:

- Problemas de accesibilidad de tipo 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. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web. Se han encontrado 139 problemas de tipo automático y 232 problemas de tipo manual.

- Problemas de accesibilidad de tipo 2. Un desarrollador de contenidos de páginas Web debería 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. Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web. Se han encontrado 605 problemas de tipo automático y 315 problemas de tipo manual.

- Problemas de accesibilidad de tipo 3. Un desarrollador de contenidos de páginas Web puede 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. Satisfaciendo este punto de verificación mejorará la accesibilidad de los documentos Web. Se han encontrado 44 problemas de tipo automático y 96 problemas de tipo manual.

Los errores más significativos de esta página, porque no podemos exponer todos los fallos que se han detectado son los siguientes:

• Proporcione un texto equivalente para todo elemento no textual (Por ejemplo, a través de “alt”, “longdesc” o en el contenido del elemento). Esto incluye: imágenes, representaciones gráficas del texto, mapas de imagen, animaciones (Por ejemplo, GIFs animados), “applets” y objetos programados, “ASCII art”, marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráficos, sonidos (ejecutados con o sin interacción del usuario), archivos exclusivamente auditivos, banda sonora del vídeo y vídeos.
• Asegúrese de que toda la información transmitida a través de los colores también esté disponible sin color, por ejemplo mediante el contexto o por marcadores.
• En las tablas de datos, identifique los encabezamientos de fila y columna.
• Organice el documento de forma que pueda ser leído sin hoja de estilo. Por ejemplo, cuando un documento HTML es interpretado sin asociarlo a una hoja de estilo, tiene que ser posible leerlo.
• Utilice el lenguaje apropiado más claro y simple para el contenido de un sitio.

Nos hemos centrado en los errores de Prioridad tipo 1, porque si esta página no pasa este nivel, claramente los siguientes menos. En Telemadrid.es se obtiene como conclusión que esta suspensa, que no es accesible, la planificación es inexistente y que la calidad de la página es insuficiente a todos los niveles.

Conclusiones y valoración

El resultado del análisis de este punto no puede ser más negativo. Todas las páginas contienen una enorme cantidad de errores. Ninguna pasa el análisis del WAI. Las personas con alguna discapacidad lo tienen dificil para navegar por alguna de las web analizadas.

Análisis de composición y validación de estándares

Marca

• Outline: el contenido está estructurado mediante tablas y marcos, separando los contenidos mediante barras verticales.
• CSS: Tiene 102 errores, es el que mayor número de errores tiene de los medios analizados.

• Validate HTML: Encontramos 96 errores, de los cuales 35 nos advierten que están en peligro mediante el mensaje warning.
• Validate Feed: Ofrece una larga lista de errores.

La Cope

• Outline: La página de la Cope no utiliza marcos ni tablas. Aparecen tres niveles de colores en la función block: azul>rojo>verde.
• CSS: Tiene 28 errores.
• Validate HTML: No podemos medirlo porque no da opción, lanzando el mensaje “Sorry! This document can not be checked”.
• Validate Feed: Ofrece una larga lista de errores.

Telemadrid

• Outline: No contiene Frames ni Headings. External Linksque contiene son sólo dos links externos; uno de ellos Google y la sección de servicio es el otro. La página está organizada en bloques de 4 columnas, pero sin jerarquía. Es una de las páginas más pobres y peor organizadas de este estudio.
• CSS: Tiene 8 errores. Un número aceptable si se compara con otros sitios. Error de análisis sintáctico: hover, La propiedad bgcolor no existe: #ffffff son algunos de los ejemplos de estos errores.
• Validate HTML: Telemadrid, por primera vez en este estudio, no queda el último en el ranking, con 151 errores y 2 alertas tiene mucho que mejorar. Los errores son varios y no tienden a repetirse, excepto por el siguiente error: required attribute X not specified.

Conclusión y valoración

Como en el punto anterior, hay que decir que los resultados obtenidos también son pésimos. Todas tienen un gran cantidad de errores. En casi todas se han obtenido los mismos resultados.