Un Web plus ouvert

1. Un Web plus ouvert Tristan Nitot Contributeur Mozilla et OpenWebGroup http://standblog.com/ - tristan@nitot.com

2. Un adolescent qui tourne mal • Le Web a dix ans, et il va mal • Inventé pour passer outre les incompatibilités entre plateformes • Une majorité de pages est “optimisée” pour Internet Explorer • Netscape 4 et MSIE/Win, MSIE/Mac sont largement incompatibles • Ces trois navigateurs ne sont plus développés !

3. Un Web qui exclut • Le contenu HTML ne peut pas être lu et compris par des machines • Indexation formidablement complexe pour être finalement peu efficace. • Les personnes aux besoins particuliers sont exclus. • Aveugles, malvoyants ou personnes ayant des problèmes pour manipuler une souris. • Les utilisateurs de logiciels autres que MSIE/Win sont exclus • Il est impossible de faire un navigateur qui se comporte comme MSIE/Win • Encore moins dans un téléphone portable

4. Un futur incertain • Les éditeurs de navigateurs jettent le gant • Microsoft a arrêté le développement d'Internet Explorer sur Mac et Windows. Il faudra acheter Longhorn en 2006 ou MSN8 (120€ par an !) • Netscape a jeté licencié ses équipes • AOL se fournit chez Microsoft • Eolas fait un procès à Microsoft pour avoir violé un brevet sur les plug-ins. • Faut-il changer toutes les pages Web utilisant Flash, QuickTime, Real, Java ? • La pub envahit nos écrans • Pop-ups, bandeaux, spam.

5. Le paradoxe de l'Accessibilité • Les personnes handicapées sont celles qui ont le plus besoin du Web • Le document électronique est le seul qui soit adaptable de façon à contourner le handicap de l'utilisateur • Navigateur texte avec synthétiseur vocal • Plage braille • Zoom Ecran • Contraste adapté • Feuille de style utilisateur • Navigation au clavier ou équivalent

6. “Un autre Web est possible” • Un Web accessible par tous avec tous les navigateurs • Un Web ou l'utilisateur peut contrôler ce qu'il reçoit • Un Web où l'on trouve plus facilement ce que l'on cherche, et dont le contenu est réutilisable Mais comment faire ?

7. Les Standards du Web • HTML 4.01 et XHTML 1.x • Structurent le document • CSS (Cascading Style Sheets) • Définit la présentation du document • JavaScript et DOM • Définissent le comportement éventuel d'objets dans le document • Standards publiés par des organismes de avec consensus des éditeurs (Microsoft, Netscape, Adobe, IBM, Sun, HP) et grands utilisateurs.

8. Avantages des standards • Précis et sans ambigüité (ou presque) • Publics • Cohérents • Adoptés par tous les navigateurs modernes • Apple Safari • Konqueror • Opera • IE/Mac • IE6 (et 5.x dans une certaine mesure) • Mozilla • Netscape 6 et 7 • Intègrent la notion d'accessibilité

9. Démonstration CSS • Séparer Structure et présentation • StandBlog sans présentation • Mise à jour de la feuille de style en direct • StandBlog avec des CSS • Quand les designers s'y mettent... • CSS Zen Garden.com • Site conforme et accessible !

10. Valider son site • Permet de s'assurer de la non-ambiguité du HTML et des CSS • Notion centrale dans le respect des standards du Web • Validateur (x)HTML : validator.w3.org/ • Validateur CSS : jigsaw.w3.org/css-validator/ • Achetez des sites Web valides ! • Assurance qualité du travail fourni. • http://www.w3.org/QA/2002/07/WebAgency-Requirements.html.fr

11. Plongeons dans l'accessibilité • L'accessibilité, c'est simple, facile et peu couteux • Si c'est prévu dès le départ... • L'accessibilité, c'est l'opportunité de • Toucher plus de personnes (qui achètent souvent par correspondance) • Mieux servir tout le monde. • L'accessibilité n'est pas une spécialisation, c'est une partie intégrante du métier de Web designer • Plus d'info sur http://openweb.eu.org/accessibilite/

12. Démonstration • Démonstration : StandBlog.com • Navigation au clavier (“skip links”) • Utilisation de l'éléments <acronym> et de l'attribut alt • Moteur de recherche • Taille des caractères zoomable • En bonus : feuille de styles alternatives

13. Mozilla : le logiciel • Logiciel libre sur l'initiative de Netscape en 1998. • Version 1.0 en Juin 2002 • Version 1.5 en septembre 2003 • Suite Internet • Navigateur, Messagerie, IRC, editeur HTML • Avantages • Sécurisé • Confortable (anti-pop-up, antispam, anti-bannieres) • Efficace : navigation par onglets • Très souple et très personnalisable • Mac OSX, Windows, Linux, Sun Solaris, etc...

14. Mozilla pour le développeur Web • Un outil fabuleux pour les standards • Très respectueux des standards XHTML, CSS, DOM, JavaScript • Très en avance sur les standards, dont XML, XSLT... • Implémentation de référence de XUL • En plus du navigateur : • Debogueur JavaScript : Venkman • DOM Inspector : “Debogueur CSS” • Bookmarklets “validate page”, “edit style”...

15. Mozilla : le projet Libre • Des ingénieurs: • 400 comptes CVS (certains ingénieurs représentent des groupes de développeurs) • 150 comptes font un check-in de code par mois • Participation de sociétés comme IBM, Sun, Red Hat, Intel... • Des testeurs : • 10.000 personnes téléchargent nos “nightlies” • 40.000 personnes ont rapporté un bug • 2.000 comptes ont des droits avancés • Des outils Open-Source • Bugzilla, Bonsai, CVS, LXR

16. Le futur de Mozilla • Le projet Mozilla devient autonome • Mozilla Foundation • Support Technique • Prestations aux entreprises • Approche plus orientée vers l'utilisateur • Nouveau site Web • Roadmap • Des applications séparées • Mozilla Firebird : Navigateur simple et extensible • Mozilla Thunderbird : Messagerie simple.

17. Conclusion • Si vous faites un site Web ou achetez une prestation : exigez la conformité aux standards et l'accessibilité. • En tant qu'utilisateur, faites le choix du confort, de la sécurité, de l'efficacité et de la liberté : Telechargez Mozilla 1.5 ou Mozilla Firebird 0.7FR sur http://frenchmozilla.org/