extras » e-books       -       Multisite » Blogpocket | Acordes modernos | Mariposas en la maleta
Icono Twitter  Icono Facebook  Blogpocket Multisite en Google+  Icono Google+  Icono RSS


El sacrosanto, pero olvidado, W3C

Hubo un tiempo en que era muy importante que el código HTML de un blog estuviese bien escrito. Por ello, organismos con el W3C se encargaban de dictar normas y gente como Diego Martín o Walter Kobylanski dedicaban gran parte de su tiempo a enseñarnos cómo hacer las cosas bien. Les hablo de allá por 2003 y a mi todo aquello se me quedó grabado a fuego.

Hoy, existen muchos afamados y exitosos blogs que no validan correctamente, lo que demuestra posiblemente que todo eso no sirve para nada. Que sea un factor a tener en cuenta por parte de los buscadores, al fin y al cabo, es lo de menos. Pero no poner el atributo alt en un img puede impedir a alguien, con visión reducida, el acceso a tu blog, ya que al dispositivo, capaz de interpretar el código y convertirlo en voz, le faltará algo (ver Algunas reglas sencillas para validar tu blog).

Tener un blog en una plataforma como WordPress no te garantiza tener un código que valide correctamente. El theme puede estar desarrollado perfectamente pero hay tres vías por donde puedes empezar a hacer aguas. Una son los widgets, sobretodo los que permiten añadir código html. Algunos fallan si están vacios como, por ejemplo, el de comentarios recientes.

Otro camino tortuoso es el de los plugins. Hay desarrolladores que no tienen en cuenta la validación XHTML. A continuación, algunos ejemplos que he sufrido recientemente:

Facebook Social Plugins. Uno de los plugins más recomendables para añadir el botón “I like”. Sin embargo, se añade el atributo “allowTransparency” que no es correcto. Afortunadamente, se puede eliminar del script y no afecta al funcionamiento.

El botón de Twitter. Si quieres incluir un texto personalizado y una url, como puede ser necesario para intergrarlo en WP, se añaden los atributos data-text y data-url que no pasan el test de validación. En este caso, la única forma de solventarlo es configurarlo con la URL de la pagina y el título de la pagina en que esta el botón.

Compartir en Tuenti. Todas las imágenes se construyen sin “alt”.

Y, por último, habrá que tener mucho cuidado al escribir nuevas entradas, especialmente si conllevan código (el embed de YouTube no valida, sin ir más lejos).

Yo seré un romántico pero me gusta que mi blog conteste lo siguiente, cuando le paso el test de validación Valid XHTML 1.0 Transitional.

documento válido xhtml

Posts relacionados

icono impresora Tags: , ,

2 comentarios a “El sacrosanto, pero olvidado, W3C”

  1. Gemma Dice:

    Tengo la impresión de que buenas prácticas que se difundieron hace algunos años, como las que mencionas del W3C o la buena usabilidad, se han perdido por el camino :-( Sería bueno que las nuevas generaciones las conocieran :-)


  2. Apisdigital Dice:

    Lo suscribo al 100%.

    Una cosa, ese atributo de allowtranparency sí se puede quitar, pero en ciertos navegadores da fallos al quedar todo el recuadro del facebook en blanco.


Haz un comentario:

Los comentarios están moderados y puede trasncurrir un tiempo hasta que se publiquen.

Puedes participar en la conversación utilizando tu cuenta de Facebook (opción recomendada) o el sistema clásico de WordPress.

Facebook

Si eliges "publicar en Facebook" tu mensaje se verá en tu biografía de Facebook inmediatamente. Aquí no aparecerá hasta que se apruebe.


WordPress

Si lo prefieres puedes comentar con el sistema clásico de WordPress.

XHTML: Se pueden utilizar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>