10 crimes sur l’ergonomie des sites web que vous ne devriez plus commettre. L’article sur les 10 crimes sur les balises HTML que vous ne devriez plus commettre est actuellement l’article qui a été le plus lu sur Kiwano et aussi celui qui a entrainé le plus de commentaires de votre part. Alors, nous n’avons pas pu résister à l’idée de vous proposer une traduction du nouvel article de Chris Spooner intitulé « 10 Usability Crimes You Really Shouldn’t Commit » sur son blog Line 25 Web Design Blog. Voici donc une sélection des dix crimes les plus courants concernant l’ergonomie et l’accessibilité des sites webs avec la solution pour les éviter. Crime n°1 : avoir des labels non associés aux champs de saisies dans vos formulaires Il est indispensable d’utiliser la balise label pour vos labels de formulaires et de renseigner l’attribut « for » pour pointer sur l’ID du champ de saisie.
Ainsi quand l’utilisateur cliquera sur le label du formulaire, il aura automatiquement le focus sur le champ de type input qui lui est associé. Crime n°9 : avoir un lien « cliquez ici » HTML5 Boilerplate, un template puissant et complet - Journal du Net Développeurs. Performance, compatibilité inter-navigateurs, accessibilité, Javascript... Le template résume les principales bonnes pratiques de développement Web. HTML5 Boilerplate est un template (HTML+CSS+JS+...) lancé par Paul Irish (Modernizr) et Divya Manian. Il contient toutes les bonnes pratiques du moment en terme de performances, de compatibilité inter-navigateurs, de JavaScript, avec un soupçon d'accessibilité (si utilisé à bon escient), voire de Flash. Vous retrouverez donc dans un zip de 464 Ko tous les fichiers et sous-répertoires organisés pour débuter votre intégration avec d'excellentes bases.
Bien entendu, vous l'aurez deviné, le but est de favoriser l'adoption de HTML5, d'où l'inclusion par défaut de la librairie Modernizr, ainsi que jQuery via GoogleAPI (avec fallback local). Voici une liste des fonctionnalités supportées : Bien entendu d'autres sont à découvrir dans le code source, comme par exemples les indications pour les icônes Apple touch + favicon par exemple. Guide de Sécurité PHP: Vue d'ensemble. HTML5 Boilerplate - A rock-solid default for HTML5 awesome. Le guide des langages Web - Accueil. Le Site du Zéro, site communautaire de tutoriels gratuits pour débutants : programmation, création de sites Web, Linux...