Un Web plus ouvert

1
Un Web plus ouvert

• Tristan Nitot
• Contributeur Mozilla et OpenWebGroup
• http//standblog.com/ - tristan_at_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-Requirement
  s.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/accessibilit
  e/

12
Démonstration

• Démonstration StandBlog.com
• Navigation au clavier (skip links)
• Utilisation de l'éléments ltacronymgt 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/