MalaWeb

Congreso de los diputados

malaweb — Thu, 14 Jun 2007 21:00:55 +0000

Me entero por Barrapunto de que han renovado la página web del Congreso de los Diputados (en España).

Leyendo los comentarios de Barrapunto me hago una idea de la chapuza, pero hasta que no he visto el código fuente no me he dado cuenta de las dimensiones de la estafa.

No se puede llamar de otra forma: esas chapuzas se pagan con dinero público. No hay derecho.

Iberia

malaweb — Wed, 14 Feb 2007 09:48:02 +0000

Iberia tiene varias “sedes” web. Una es Iberia.com, dedicada a venta de billetes y similares; otra es la del Grupo Iberia (grupo.iberia.es), una página más corporativa con información sobre la empresa.

grupo.iberia.es

En la página principal hay un enlace a “Accesibilidad“. La página que nos muestra nos habla de lo mucho que se compromenten con los usuarios, nos explican los atajos de teclado y nos ponen el icono de accesibilidad del W3C-WAI y el icono de TAW.

Pues bien, vean los siguientes enlaces que nos encontramos en la misma página de accesibilidad:

Un enlace rotulado como “<< Volver“, cuya dirección es javascript:history.back()
Un iconito de imprimir con un enlace también en JavaScript: javascript:window.print()

Me comenta una compañera experta en accesibilidad que estos enlaces no presentan problemas de accesibilidad por ser funciones que el propio navegador implementa (botón ‘atrás’ e imprimir) y no son enlaces que afecten a la navegación: hay un camino alternativo para ir atrás o imprimir aunque el navegador no tenga JavaScript.

En esta web del Grupo Iberia hay un apartado muy interesante de información para inversores, en la que se muestran unas tablas desplegables y dinámicas con información financiera.

Vean la misma tabla en el Internet Explorer y en Firefox:

En Firefox sale totalmente descuadrada y con una maquetación bastante deficiente. Se lee, pero mal. El enlace es éste.

Por cierto, de vez en cuando nos ha saltado una página de error muy curiosa: parece que dicha página es una propia del gestor de contenidos que se ha utilizado para elaborar la web (Vignette). Debe tratarse de un error de configuración o algo similar, pero no da muy buena impresión.

www.iberia.com

Si no se tiene JavaScript, no se puede acceder. Así de simple. Nos sale un mensaje que dice “Sorry, Javascript is required to access this site”. Se podían haber molestado en ponerlo en castellano (es el idioma oficial en el estado español, e Iberia es una compañía española). Al menos no tienen la caradura de ponerse el iconito de “Página accesible”.

Si habilitamos el JavaScript o accedemos con IE, no hay problema, la página funciona bien y está bastante bien estructurada y maquetada.

El problema es que casi todos los enlaces son del tipo javascript:OpenWindowSubmit('ventanaNueva', ...), con lo que no podemos enlazar desde otro sitio o añadirlos a nuestros marcadores. Son enlaces totalmente inaccesibles. Muchos de ellos abren ventanas “pop-up”, con la incomodidad que nos produce a mucha gente.

A lo mejor hay alguna razón por la que se diseñan así los enlaces en una web, pero la desconozco.

Telepizza

malaweb — Tue, 30 Jan 2007 11:44:49 +0000

La web de Telepizza es un claro ejemplo de sitio web mal diseñado y planificado, plagado de incongruencias desde el principio.

Para empezar, la página de inicio (index.htm) utiliza una función en JavaScript para redirigir a otra página, sin embargo, con JavaScript desactivado, se muestra un enlace (una imagen, sin texto alternativo) que envía a otra página distinta. Incomprensible. Pego el código fuente de esta página de inicio, omitiendo las partes no relevantes (etiquetas META):

<html>
<head>
<TITLE>Comida a domicilio Madrid, Barcelona,
pizzas - TelepizzaTITLE>

<script>
function init() {
document.location.href=”home/home2.htm”;
}
script>

head>

<body bgcolor=“#b31b34″ onLoad=“init();”>
<table width=“100%” height=“100%” border=“0″ cellpadding=“0″ cellspacing=“0″>
<tr>
<td align=“center” valign=“middle”>
<a href=“home/index.htm”>
<img src=“img/telepizza.gif” width=“135″
height=“78″ border=“0″>a>td>
tr>
table>
body>

html>
En pocas líneas de HTML pueden verse un buen número de chapuzas e incongruencias juntas. Empecemos la disección:

No declaran un DOCTYPE. Los navegadores aceptan documentos HTML sin esta declaración, pero no es una forma válida de elaborar un documento HTML.
Cuestiones de estilo: mezclan etiquetas HTML en mayúsculas y minúsculas. Ésto es perfectamente legal en la especificación, pero no es nada elegante.
La etiqueta