• Présidentielles et accessibilité

    Par divarvel dans Web Development le 16 Avril 2007 à 18:17
    La campagne présidentielle 2007 a marqué l'intérêt que portent les candidats à la sphère internet.
    Tous les candiats sans exception ont mis en place un site internet pour soutenir leur campagne.
    Je me suis demandé quels sites respectaient le plus les standards web, et l'accessibilité.
    J'ai commencé par tester la validité des sites, puis j'ai regardé un peu plus en détail la manière dont était codés quelques sites.

    La validité

    Sans grande surprise, aucun des sites ne respectent la validité de leur code, certains n'ont même pas de doctype (!).

    La qualité du code (X)HTML

    Le site sarkozy.fr , bien que non valide, et pourvu d'un design organisé par tableaux, n'est pas très loin de la validité, les seules erreurs proviennent de l'affichage des flash, affichage qu'il est difficile de rendre valide (le code d'insertion fourni par marcromedia ne l'est pas). Le site est pourvu d'un doctype, les balises sont en minuscules, les images ont un attribut alt.

    Le site desirsdavenirs.org réussit à condenser 12 erreurs sur la page d'accueil, qui n'est qu'une simple introduction. Ce site ne comporte même pas de doctype, comporte des "<SCRIPT LANGUAGE="JavaScript">" (!!) et n'utilise aucune balise sémantique pour marquer les titres et les contenus. Seule une balise <strong> est perdue au mileu de ce code ignoble.

    Grosse déception aussi pour le site de François Bayrou, 108 erreurs à la validation (!!!), des balises en majuscules, des div à la place de balises sémantiques, et pourtant ils ont mis un doctype (XHTML 1.0 transitional tant qu'à faire ^^). Décevant.

    Le dernier site que j'ai regardé, c'est celui de Besancenot. Du grand art ! Les communistes manchots qui l'ont codé on commencé par mettre le doctype à la ligne 8 (et puis un doctype XHTML, tant qu'à faire) En fait le code commence par "<HTML><HEAD><TITLE>" oulah. On est tombé sur des champions. Ouais pasque les balises en majuscule c'est trop la classe ! xD Après les meta, ya le doctype, et une réouverture des balises html, etc. Ils ont pas été foutus de relire leur code. Et on enchaine direct sur un <script language="javascript"> erk. Quelques lignes de JS, du CSS et là stupeur : </HEAD>. Donc c'était pas une erreur, c'est effectivement des champions. Et ça continue avec les balises en majuscules, un design en tableaux, évidemment, des div et des span au lieu de hn et strong, ou autres em, des alt jamais spécifiés dans les images... Non seulement c'est mal codé, mais en plus d'une manière qui restreint l'accessibilité aux personnes handicapées... Et cette vermine rouge se dit solidaire... A vomir

    Voilà voilà, c'était mon analyse personelle, en furetant un peu je suis tombé sur cette page : http://fr.opquast.com/etudes/candidats-2007/

    Ca recense de façon plus approfondie tous les critères qui font la qualité d'un code (X)HTML.
    Leurs conclusions rejoignent les miennes, à savoir  que le site de sarkozy est le moins pire, et celui de Besancenot le pire.

    L'accessibilité web a des progrès à faire....
    « Plastic WarsUbuntu 7.04 Feisty Fawn »

    Tags Tags : , , ,

  • Commentaires

    1
    Godefroy Profil de Godefroy
    Lundi 16 Avril 2007 à 19:05
    Godefroy
    Ahah ça commence fort le code du site de Besancenot ^^ Un condensé de choses à ne pas faire. Ca me donne des idées de conseils pour les tutoriels que je vais écrire.
    Je cite :

    <HTML>
    <HEAD>
    <TITLE>Bienvenue sur le site de la campagne d'Olivier Besancenot et de la LCR</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"/>
    <meta name="description" content="Site internet d'Olivier Besancenot et de la LCR pour la campagne de la présidentielle 2007. Nos vies valent plus que leurs profits"/>
    <meta name="keywords" content="élection présidentielle, 2007, revolutionnaire, revolution, besancenot, extreme gauche, marx, marxiste, marxisme, communiste, communisme, socialiste, socialisme, trotskyste, trotskysme, trotskiste, trotskisme, lutte, privatisation, service publics, manifestation, OGM, feminisme, ecologie, krivine, 4e internationale, internationale, internationaliste, internationalisme, gauche radicale, gauche de la gauche, sans papiers, contestataire, rouge, hebdomadaire, presse, greve,"/>
    <link href="http://www.besancenot2007.org/images/icon.gif" rel="shortcut icon"/>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="fr">

    <script language="JavaScript" type="text/JavaScript">

    2
    xipoons Profil de xipoons
    Lundi 16 Avril 2007 à 19:36
    xipoons
    Rooo ...
    C'est inadmissible !Honteux ! Grrr ...
    3
    ze-frog Profil de ze-frog
    Vendredi 20 Avril 2007 à 13:43
    ze-frog
    Lol le doctotype à la fin :p   J'ai passé le site de Sarkozy au W3C :S c'est pas glorieux^^
    4
    divarvel Profil de divarvel
    Vendredi 20 Avril 2007 à 15:11
    divarvel
    C'est le moins pire de tous. Aucun n'est valide, et comme j'ai dit, les erreurs viennent des flash, qu'il n'est pas évident d'intégrer de façon valide
    5
    Stéphanie Profil de Stéphanie
    Vendredi 4 Mai 2007 à 12:58
    Stéphanie
    alalala ! en totu cas sego et sarko sont sur myspace mdr !!
    6
    Carla Bruni
    Samedi 12 Janvier 2008 à 14:38
    je tenais à te dire sue tu gagnerais à être rceonnu par tous ;)
    Suivre le flux RSS des commentaires de cet article


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :