Un Web plus ouvert

Tristan Nitot

Contributeur Mozilla et OpenWebGroup

http://standblog.com/ - tristan@nitot.com

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 !

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

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.

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

“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 ?

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.

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é

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 !

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

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/

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

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...

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”...

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

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.

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/

Tristan Nitot

2003-10-30T18:35:31