Medallitis, la enfermedad web del siglo XXI

Hoy analizaremos un nuevo portal que ha visto la luz hace pocos dias.

Se trata de la web de la Confederación Hidrográfica del Segura.

Esta web tiene los sintomas de sufrir el sindrome de lamedallitis:
exhiben el icono de AA cuando ni siquieran validan el HTML.

El sindrome medallitis no tiene un origen claro y su cura se vé lejana y costosa.
Expertos mundiales dedican tiempo y esfuerzo para erradicar esta enfermedad y sobre todo concienciar a la población de cuales son los métodos más eficaces para no contraerla.

Podemos asegurar casi con total seguridad, que son 2 los motivos que hacen que una web contraiga la medallitis:

1. Por un lado tenemos al cliente (sobre todo Administración) que sufre
   el sindrome de Ley 34/2002 Adquirida, más conocida como LSSICE. Esta alteración hace que la persona no comprenda de forma correcta el significado de web accesible y que quiera, por todos los medios, una web "accesible", es decir, "yo quiero una aá en mi web (que no sé lo que es pero queda chulo y moderno)"
2. Por otro lado tenemos empresas que bajo el influjo de la LSSI se erigen como expertos en accesibilidad y usabilidad que, junto con un buen comercial, venden la burra y la moto a quién haga falta.

Algunos expertos consultados afirman que, la medallitis en los casos más graves, es producida por la combinación de los factores nombrados anteriormente.
Para no caer en la fiebre mental que esta enfermedad produce se aconseja (al igual que en los anuncios de medicinas), consultar con su experto.

Pasemos a analizar la web de la Confederación Hidrográfica del Segura.

Los elementos de la página de inicio parecen que han sido agitados, cual dados de casino, y lanzados sobre un tapete.

Vemos que hay 3 menús principales:

• Menú arriba a la derecha
• Menú horizontal debajo del banner principal
• Menú "destacado" a la izquierda

También cuenta con su pi de página con enlaces.

Esto está bastante mal. Si tienes tantos elementos de menú que son importantes, agrupalos o elige un modelo más cercano a portal. Parece que han ido añadiendo menús conforme se les han ocurrido las secciones.

Debajo de los iconos del idioma aparece el texto "PROVISIONAL". Es lamentable, ¿que es lo que está provisional? Mejor no pongas nada. Ni que está en construcción, ni que es provisional. Si la web no está presentable NO la publiques. Mejor retrasar la presentación una semana que publicar una web "en construcción".

Las noticias se encuentran relegadas a la parte derecha, cuando deberían aparecer como contenido central de la página. Al tener tan poco espacio los titulares largos se cortan de forma que se leen frases sin sentido:
"La CHS no participa en ningún" cuando el titular completo es:
"La CHS no participa en ningún convenio sobre El Roblecillo ni garantiza el abastecimiento a la urbanización"
Error bastante tonto, que hará que el titular ocupe 3 lineas.

Debajo de las noticias está la bienvenida del presidente de la Confederación. Pinchad y vereis una cosa desconcertante. Las migas de pan presentan:
"Estás en :: Información general > El organismo > Bienvenida del Presidente"
Aquí vemos 2 cosas,
La primera es que en el menú de la izquierda se abre la opción de "El organismo" pudiendo ver las subsecciones que contiene. Lo gracioso es que no aparece por nigún lado la opción de ver la bienvenida. Las migas de pan nos dicen que la sección pertenece a "organismo" pero no aparece enlace alguno.
Si quieres hacerlo tienes que volver al index. Esto produce confusión.

Lo segundo es que el menú de la izquierda es redundante con el horizontal que esta arriba. Además viendo este el horizontal el izquierdo debería comenzar con el encabezado de Información General.

Mal gestión de los menús en el index igual a mal gestión de menús en todo el portal.

Debajo de la presentación hay una serie de banners. Aunque presentan texto alternativo (ALT) este es incorrecto.
Esta muy bien que me digan que es el "Logotipo del programa AGUA", pero la imagen es un enlace y no ofrece información acerca del destino.

El contenido que presenta la parte central no debería estar allí. Es verdad que hay sequía y que los datos son importantes, pero si los pones a la derecha también serían visibles.
Como estos datos no llenan la parte central han puesto una galería de imagenes, que no sabemos que hace ahí ni que objetivo tiene. Las fotos no tienen pié y todas tienen el mismo texto alternativo "Ver imagen ampliada (Abre nueva ventana)". Además cuando pinchas en una imagen ves el mismo thumbnail, de imagen ampliada nada. Una foto ridiculamente pequeña.
El intento de galeria de imagenes no va por buen camino, fotos de tamaño minusculo sin información sobre su contenido...

El buscador hace uso (inutil?) de javascript. Si lo desactivas o tu navegador no lo soporta ahí te quedas. Probad a buscar "aaa" a ver que sale:

1. ResumenPrensa_20051027 |100% | 30 de Marzo de 2006 |
1 7 4 5 7 4 1 7 5 6 4 1 1 1 7 7 7 1 1 7 5 6 4 8 AAA ... Microsoft Word Dossier CHS05-10-271.doc 0 0 1 1 2 1 2 3 4 5 4 1 5 4 1 1 1 5 4 5 6 1 2 4 5 4 7 7 5 7 4 1 1 5 8 4 5 9 2 7 8 ... 7 1 8 1 1 1 1 5 7 4 5 1 B 7 4 1 1 B 5 8 2 B 1 1 1 2 4 5 1 AA-330 ... 2 B 1 4 5 1 1 1 3 4 5 1 3 1 1        ' . $    -
   
/export/chs/informaciongeneral/comunicacion/boletininterno/docsdescarga/2005/

Pasemos a lo que "no se vé".

Se cuelgan la medalla de cumplir la doble A. Veamos si de verdad la cumplen.

Intentamos validar su código HTML con el W3C:
Failed validation, 92 errors
XHTML 1.0 Transitional

Mal empezamos, ¿pasamos al CSS?
Please, validate your XML document first!

Esto quiere decir que arreglemos primero el XHTML y después nos dejará validar el CSS.

Comprobamos el nivel de accesibilidad con diversas herramientas.

Resultado con Hera:
Errores nivel A: 2
Errores nivel AA: 4
Errores nivel AAA: 6

Resultado con TAW:
Errores nivel A: 0
Errores nivel AA: 7
Errores nivel AAA: 7

Resultado con Examinator:
Página no aceptada

El código "E" indica que la página no permite un análisis completo y se la considera de modo especial. Este índice sólo es comparable con aquellos de igual código y la página no se incluye en el ranking general.

Hay un error de sintaxis muy básico que impide efectuar un análisis confiable: la página contiene más de un elemento
.

Estamos listos, en verdad tiene dos
dentro de su código. ¿Realmente han validado la web alguna vez? ¿Le echamos la culpa al copiar y pegar?

Grave caso de medallitis

servido por malonecab 2 comentarios compártelo

Ley fundamental inalterable

La mierda desciende siguiendo las leyes de la gravedad y la jerarquía organizativa.

Es curioso tener reuniones con los técnicos que entienden los problemas, aportan ideas y soluciones, para que al final, todo dependa del de más arriba que no tiene idea de nada y no escucha a su gente.

Genial :)

servido por malonecab sin comentarios compártelo

http//www.murcia.es/urbanismo nuevo portal de Urbanismo

Hace días que se publicó la noticia pero no deja de ser novedad.

La Gerencia de Urbanismo del Ayuntamiento de Murcia ha creado un portal que recoge toda la información Urbanística del municipio.

Resaltando las bondades de la web podemos indicar que los contenidos están bién agrupados y que son de acceso fácil. Con 2 clicks puedes decartarte un modelo de aval, una solicitud ...

Además existe un Directorio donde aparecen todos los servicios de la Gerencia con su extensión telefónica.

Podemos solicitar cita previa para ahorrar tiempo en colas, consultar el Plan General de Ordenación Urbana.

Otro aspecto muy importante y seguro que habrá pasado por alto la mayoría de visitantes es la accesibilidad de la página.

Sorprende, de forma positiva, que la página esté maquetada cumpliendo los estandares, de esta forma podrá ser visitada por personas con algún tipo de discapacidad visual o motora. Presenta atajos de teclado y si observais el menú de Accesibilidad (parte superior de la columna derecha), podemos navegar por la web en diferentes modos y contraste.

Es admirable que la forma en que Gerencia de Urbanismo ha captado las necesidades reales de las personas con discapacidad, haciendo una web muy accesible y usable.

Realmente llevan razón cuando dicen que, a día de hoy, es una de las webs mas accesibles de todas las administraciones regionales y locales de la Región de Murcia.

servido por malonecab 4 comentarios compártelo

El Gobierno Chileno y la Accesibilidad para Invidentes

Como este blog es de proposito general este post va sobre la accesibilidad en las administraciones públicas, y como vivimos en un mundo globalizado, analizaremos el portal de tramites del gobierno de Chile
Evidentemente este site nos es accesible. Ni entramos a hacer analisis porque no es mi objetivo.

Observamos que hay "Un nuevo acceso para personas ciegas". Esto ya me huele a discrimación, ¿no?. Tenemos versión para personas con visión "aceptable" y versión accesible para ciegos totales. ¿ Donde esta la versión para el resto de personas? Por lo visto en Chile o todos tienen una vista cojonuda o son ciegos totales.

El porqué de este planteamiento un tanto radical se descubre al ver esta versión para ciegos

Al entrar vemos una página totalmente negra con una inscrición que reza

"Las personas ciegas usan su monitor apagado. Si quiere navegar en esta
parte del sitio pidan ayuda a una persona ciega."

Esto en principio me provoca risa, pero después preocupación. ¿Como puede ser que para ver una web que fácil acceso, en modo texto, tenga que pedir ayuda a un ciego? (sin menospreciar a nadie, evidentemente)

Y siendo puntilloso critiquemos el texto "las personas ciegas usan su monitor apagagado"
¿no será que las personas ciegas no necesitan usar monitor?

Si usais el navegador firefox y teneis el plugin developer instalado, al desactivar las hojas de estilo vereis que la página se vuelve blanca y aparecen los menús. Estaban ocultos bajo la capa de pintura negra.

Es triste hagan una versión "accesible" y se dejen de camino a cualquiera que tenga problemas de visión. O tienes la vista al 100% o no tienes visión...

Lo mejor de todo, es, que el primer trámite de la versión para ciegos es "optener el permiso de circulación" ....

Sin comentarios :)

servido por malonecab sin comentarios compártelo

Farfullo password en ebankinter.com

Es genial mirar el código fuente de las paginas web. Siempre se puede encontrar cosas graciosas y fallos enormes.

Hace poco la SGAE nos sorprendó con su algoritmo javascript para "marcar" los comentarios recibidos a través de su web que contenian palabras malsonantes (entre ellas 'linux', la verdad es que suena mal la jodia palabra).

Echandole un vistazo a la web de ebankinter para ver si realmente cumplen con el nivel de accesibilidad A que anuncian en la carta enviada a sus clientes, hemos encontrado un par de cosas interesantes.

1. No existe DOCTYPE en la pagina!
2. Algunas imagenes no llevan texto ALT.

De todas formas, la pagína esta muy bien:
* Enlace directo a los contenidos, teclas de acceso rápido en los menús, campos de formulario bien etiquetados...

Pero la falta del DOCTYPE es un asunto facil de resolver pero un tanto grave.
Intentando validar el HTML tenemos 31 errores porque no detecta el DOCTYPE.
Si probamos a decirle al validador que use el DOCTYPE que creemos que usa la web comprobamos que pongamos el que pongamos el HTML nunca es válido!!

Resumiendo, codigo html no valido para esta web... Los tecnicos deberían darle un pequeño repaso para dejarla OK! está muy bien y con un empujón quedaría mejor.

Ahora el punto gracioso:

Para evitar que nos "mangen" las claves, la pagina encripta el login y el password en local (javascript) para que todo lo que salga de nuestra maquina viaje codificado. La solución un pequeño algoritmo que genera una cadena ilegible con el usuario y la contraseña, esta se guarda en un campo oculto y se envia el formulario.

La gracia está en el nombre que le han dado al algoritmo, nada mas y nada menos que "farfulloPassword". Puedo asegurar que he soltado una carcajada al verlo.

function farfulloPassword(pLogin,pPassw,pSpyke){ ... }

Desde aquí defender la poca creatividad que los programadores podemos llegar a tener a la hora de poner nombres a las funciones.

Todavía recuerdo en la carrera las practicas con modulos tales como "muerete" "perro" "cosa" "sangre" "lopillas" ...
mitad falta de imaginación, mitad asco por terminarlas.

Simplemente genial.

servido por malonecab 2 comentarios compártelo

Nuevo portal sobre la Sociedad de la Información

Hola a todos,

navengando por La Verdad veo que han lanzando un nuevo portal con noticias relacionadas con el mundo de las Tecnologias. http://laverdad.canal-si.com/

Pretende recoger todas las noticias que acontencen alrededor de este mundo , y aquí viene mi primer fallo. Pensaba que los titulares hacen, principalmente, referencia a noticias regionales y nacionales, aqui viene la gracia, noticias regionales si, pero de todas las regiones :)

Pongamos como ejemplo el titular

Casi 107.000 líneas de ADSL en la Región.

Leyendo esto pienso que la cosa no va tan mal, con un censo de 1.334.431 habitantes (INE 2005) y viendo que España está a la cola en materia de NNTT parece que vamos lentos pero seguros :)

Al mirar el cuerpo de la noticia veo que es de ALBACETE!

Que bien, entro a ver noticias tecnologias de laverdad de murcia y veo noticias de Albacete.

Otro ejemplo EU alega contra el cambio de norma que permite la antena en el monte Tossal
donde vemos que

El grupo municipal de Esquerra Unida-l'Entesa presentó ayer las alegaciones...

. ¿Tenemos aqui "Esquerra"? Huy no, es la Esquerra de Alicante, menos mal, pensaba que estabamos siendo invadidos ...

De todas las noticias de portada (7), vemos que solo 1 hace referencia a Murcia, que para variar viene a hablar de rencillas PSOE-PP sobre las licencias de las TDT.

Sabiendo que laverdad tiene edición en Albacete y Alicante no entiendo porque en este portal no se clasifican las noticias por comunidades o simplemente que aparezca al lado de la fecha de publicación a que provincia pertenece la noticia.

En la seccion "Qué es Canal SI" vemos que

Canal Si agrega las noticias de todos los medios de comunicación pertenecientes a la Asociación de Editores de Diarios de España (AEDE), organización en torno a la que se agrupan las principales empresas editoras de periódicos de todo el país.

El Ministerio de Tecnología Industria y Comercio aporta las últimas novedades del país en las mismas materias, además de informar a los usuarios del canal de todos los planes, subvenciones y programas promovidos desde la institución.
Canal Si es un proyecto subvencionado por Profit ( Programa de Fomento de la Investigación Técnica) , programa mediante el cual se pretende estimular a las empresas y a otras entidades a llevar a cabo actividades de investigación y desarrollo tecnológico.

Recoge las noticias relacionadas con la S.I. para ofrecerlas en un "único" portal.

Lo de único es relativo
vemos que La Opinión se sube al al carro de la S.I. y nos presenta el mismo Canal S.I. Si!!! pero con distintas noticias! bueno, algunas son compartidas por LaVerdad.
Que bien! tengo 2 portales iguales con noticias diferentes :)

No miro en El Faro de Murcia por si ahora tengo que leer 3 portales para estar al día.

Ya por último, el compromiso con la accesibilidad es elogiable, pero analizando la portada con el validador del W3C, podemos ver, después del importante esfuerzo realizado con la maquetación y diseño, comenten fallos "tontos" como son:
* fallos en la definición de los javascript
* mala definición de los elementos de formulario
* mal uso del "&" (en vez de &) en la construcción de las URL

Estos errores y alguno mas, reportan 60 errores en la validación!

Si validamos el CSS, comprobamos tristemente que ni siquiera puede hacer el analis de la Hoja de Estilos porque el xHTML esta mal construido!!

Target: http://laverdad.canal-si.com/

Please, validate your XML document first!

Line 77

Column 61

Element type "input" must be followed by either attribute specifications, ">" or "/>".

Lo dicho, aunque está bastante bien el compromiso con la accesibilidad, es importante que también se invierta en el mantenimiento y revisión de estos portales.

Saludos.

servido por malonecab sin comentarios compártelo