Avant de lire ce second volet, voici le premier article de la série.

Bon donc la suite maintenant...

HTML Validator

Encore une extension FF : HTML Validator qui permet de valider la conformité du code HTML. HTML Validator propose aussi une validation automatique de l’accessibilité (WCAG 1.0). Elle utilise deux algorithmes de validation Tidy et OpenSP développés au départ par le W3c mais amélioré depuis.

Les plus : tout ce fait en local, possibilité de correction automatique du code et visualisation dans la status bar du nombre d’erreurs. Très efficace et fiable.

Les moins : pas de validation CSS, pas moyen de choisir les erreurs à rechercher : c’est tout ou rien !

Dans la série des extensions qui s’intègre à FireBug (FireBug add-on), j’en ai un certain nombre !

YSlow

C’est pas de l’accessibilité, mais c’est aussi super important ! L’Extension FireFox YSlow de Yahoo ! permet, via un onglet dans FireBug, d’analyser la qualité de la performance (vitesse de chargement) de vos pages et vous suggère des pistes d’amélioration en fonction de régles du Yahoo !’s Exceptional Performance team .
Il intègre également l’outil Smush.it qui permet facilement d’optimiser les images de ses pages. Super pratique !
Ainsi que JSLint, qui permet d’optimiser la qualité du Code JavaScript, et d’autres fonctionnalités bien pratiques...

Les plus : complet, lien pour expliquer les différentes règles, c’est bien propre !

Les moins : j’ai rien à dire (ce n’est pas ma spécialité la perf web !).
Mais il a un concurrent Page speed de Google que je n’ai pas encore utilisé, quelqu’un a des retours ?

Inline Code Finder

Robert Nyman a crée cet add on de FireBug, c’est un onglet "Inline Code Finder" qui apparait ! C’est plus par respect de bonnes pratique que pour de l’accessibilité.
Il permet de trouver dans une page certains élements de JavaScript intrusif et les styles en ligne.

Les plus : pratique, rapide et s’intègre logiquement dans FireBug.

Les moins : utilisation très spécifique.

WCAG Contrast checker

L’extension WCAG Contrast checker permet de valider les combinaisons de couleurs (arrière plan/avant plan) selon les WCAG 1.0 ou 2.0. En combinaison avec l’extension ColorZilla, on obtient un outil très puissant (en utilisant Shift+Z et Shift+X).

Les plus : facile à utiliser car apparait dans un panneau latéral et très puissant avec l’utilisation en combiné avec ColorZilla.

Les moins : pas très intuitif à utiliser (mauvaise ergo ?).

Et pour finir, quelques sucreries !

Favelet et Bookmarklet

Eh bien, oui j’en utilise encore, rapide et léger, ça mange pas de pain !
Show Meta Info du petit Chris (Heilmann et en live bientôt à PW2009) et Table Inspector de Gez Lemon .

Voilà les principales extensions que j’utilise dans mon métier au jour le jour. J’en utilise bien d’autres même pour évaluer l’accessibilité ou le respect des standards et les bonnes pratiques mais beaucoup plus ponctuellement.

A suivre, les autres outils qui ne sont pas des extensions...

Si vous en connaissez d’autres que vous utilisez et qui vous paraissent intéressantes, n’hésitez pas à laisser votre commentaire !