Rendez votre site web accessible sur téléphone mobile

Le nombre de support mobiles de communication est de loin plus important aujourd’hui que celui des ordinateurs, même portables. Ainsi, le nombre de personnes visionnant un écran qui mesure entre 100 et 640 pixels augmente proportionnellement. Créer du contenu visible sur ces outils mobiles est en train de devenir un standard à respecter.

Virginia DeBolt, professeur à la retraite qui travaille à l’accessibilité des ressources éducatives, met à disposition sur son site les bases de ces nouvelles spécificités, les questions à se poser et les techniques à tester pour les développeurs de sites. L’article couvre :

• Les bases. Un formattage utilisant les standards du HTML, XHTML et le CSS du web sémantique pour séparer présentation et contenu sont les prérequis.
• Tester son site. On ne peut tester tous les outils mobiles, mais certains navigateurs comme Opera, ou Firefox aident à tester gratuitement le résultat de l’affichage de votre site web sur un appareil mobile.
• Utiliser des émulateurs spécifiques Les grandes marques de téléphones portables offrent cette option
• Tester les feuilles de style CSS des médias portables Là on entre dans le code. Les trucs et astuces sont expliqués.
• Tester avec des services par abonnement ou des logiciels On entre là dans des outils et services payants, mais cela peut en valoir la peine. Des solutions sont proposées comme Browser Cam ou Adobe Device Central.
• Conseils pour manier le CSS pour mobile Ce qu’il faut faire et ne pas faire
• Conseils aux blogueurs

En résumé, il est bon d’utiliser du HTML ou XHTML validé et basé sur les standards, s’assurer d’un balisage sémantique avec la présentation réduite à une feuille de style et ajouter les règles des médias mobiles en vigueur.

Make your site mobile friendly par Virginia DeBolt sur Vitamin.