Cela faisait un petit bout que je n’avais pas chialer après Internet Explorer, mais voilà que j’ai eu besoin de rentrer dans du vieux code. Quand je parle de vieux code, c’est du code qui n’utilise pas de librairie telle que jQuery (Je suis vendu à cette librairie javascript ) ou on est obligé de tout faire à bras… donc la compatibilité inter-navigateur.

J’ai eu le plaisir de découvrir que la méthode indexOf pour les Array sous Internet Explorer 8 et précédent n’était pas implémenté tandis qu’elle est présente depuis la version 1.5 de Firefox.

Bon pour ceux qui aurait besoin d’une solution pour rendre compatible leur code, voici la solution:

if(!Array.indexOf){
   Array.prototype.indexOf = function(obj){
      for(var i=0; i<this.length; i++){
         if(this[i]==obj){
            return i;
         }
      }
      return -1;
   }
}

Bonne programmation à tous.

1. Organiser le code CSS : regrouper intelligemment les différentes règles, hiérarchiser (indentation pour indiquer la profondeur des éléments), commenter.

2. Faire des scripts non intrusifs : lorsque le Javascript est désactivé, les éléments doivent rester lisibles et utilisables.

3. Utiliser au maximum des unités dynamiques pour les tailles (polices, marges), telles que 1,5em ou 50%. Elles permettent plus de souplesse que les unités fixes (12pts, 20px).

4. Utiliser la balise <label> pour le texte accompagnant les champs de formulaire, et spécifier l’attribut for=« id-du-champ ». Il permet, au clic sur le label, de mettre le focus sur le champ associé.

5. Insérer les images à la taille qu’elles doivent avoir sur le site, 1/ pour ne pas charger une plus grosse image qui rendrait la page moins optimisée, 2/ pour éviter l’affichage de mauvaise qualité (sous les vieux navigateurs comme IE 7) du au redimensionnement CSS.

6. Toujours spécifier un texte alternatif aux images qui contiennent de l’information textuelle.

7. Éviter les majuscules et caractères spéciaux dans les noms des fichiers. Séparer les différents mots par un tiret cadratin « - » et non par un tiret bas « _ ».

8. Spécifier une couleur de fond pour les éléments de formulaire input[text], textarea, select, ainsi que la police d’écriture. Selon le navigateur, le fond par défaut n’est pas toujours blanc et les propriétés font n’héritent pas du body. Spécifier une couleur de fond pour le body.

9. Spécifier un style pour tous les titres (h1, h2, h3…) en respectant leur degré d’importance (le h1 est plus gros que le h2, qui lui-même est plus gros que le h3, etc.).

10. Spécifier un style différent pour chaque état d’un lien (soulignement, changement de couleur…), comme le survol (hover), le focus (focus), le lien déjà visité (visited)…

11. Utiliser des sprites à petit niveau pour réduire le poids de la page et éliminer le chargement des images à la volée (lors du survol d’un lien par exemple).

12. Insérer le code Google Analytics dans l’en-tête du site (conseillé depuis la dernière version de Google Analytics).

14. Créer un favicon pour le site.

13. Indiquer la langue, la section, etc. en tant que class sur la balise body ; indiquer l’identifiant de la page en tant qu’id.

15. Identifier les liens externes des liens internes au site, en leur attribuant par exemple un icône indiquant le lien sortant.

Je tiens en premier lieu à m’excuser aux aveugles et aux vieux… J’ai été élevé dans une famille très transparente et où les questions de délicatesse politique n’étaient pas coutume… Quand même respectueux, mais très verbeux et spontané… Veuillez remplacer dans ma présentation toutes occurrences de « vieux » par « personnes agées » et « aveugles » par « personnes atteintes d’une déficience visuelle ».

Je vous invite donc à écouter ma conférence qui a pour objectif de donner un argumentaire de plus aux gens tentant de convaincre que l’Accessibilité Web c’est important et c’est payant en plus d’être bon pour l’inclusion sociale.

Lire la suite

Votre site est-il commercialement efficace ?

Les entreprises et le web: un portrait d’ensemble

De nos jours, il est incontournable pour les entreprises d’établir leur présence sur la toile. Il y a quelques années, le modèle d’affaires le plus répandu était encore centré autour de l’offre, présenté par les entreprises aux consommateurs via une formule quasiment unidirectionnelle. Désormais, il faut prendre en considération la transition drastique du modèle vers celui de la demande, dont la plupart sont maintenant effectué sur le web.

Lire la suite

Dans un bouquin, intitulé « Bien rédiger pour le web… et améliorer son référencement naturel« , écrit par Isabelle Canivet (Eyrolles 2009), j’ai fait la découverte d’un outil en ligne qui permet de tester l’accessibilité de votre site, le projet WAVE de WebAIM.

Lire la suite