Revue de Sites Web aux Yeux des Standards...

De quoi s'agit-il

• Objet de cet exposé:
  
  Montrer comment faire quelques pas faciles en directions d'un site conforme aux standards du W3C.

Pourquoi  suivre les standards

• Web est pour tout le monde.
  
  • Langues/Cultures (I18N)
  • Capacités physiques (Accessibilité)
  • Moyens d'accès (Mobile / Tablette / PC)

• Redimensionnement technique des sites eGov
  
  • Qualité / Pérennité,
• Bientôt HTML5
  
  • Plus riche, APIs
    
• Open Data et Open Gov comme vecteur de démocratisation
  
  • Le Maroc est parmi les premiers pays en Afrique à avoir mis en place un portail open data (http://www.data.gov.ma).
    
  • Nouvelles applications, beaucoup opportunités de création de valeurs ajoutées.
• Meilleur ranking dans les classements High Tech.
  

Vérification  de quelques sites eGov

... selon quelques exemples de critères

(NB. Choix de sites à titre d'exemple...)

• HTML valide (exemple1, exemple2, ...) resultat1
  
• Accessibilité (exemple1,  exemple2, ...)
  
• Utilisabilité (exemple1, exemple2)
  
• Open data (exemple1).
  
• I18N (exemple1, exemple2 )
  

...Exemples de Bonnes Pratiques

• Page prévue pour écran PC, mobile ou imprimante
  
• Usage de skip ...
• ...
  

Qu'est ce qu'on peut améliorer:

•  Vérifier et corriger
  
  • Affiner les templates
  • Validateurs et "cleaner" (e.g. Tidy)
    
    • Ajout du Logo (W3C-page-valide-HTML)
•  Suivre des conseils
  •  Best Practices

Outils de validations W3C

• Validateurs HTML/CSS
  
  • (90 millions calls are made every month to the validation service from 2 millions IP addresses )
  • Logo sur votre site
    

• WebMobile OK Checker
  
  • Se référer à "The Mobile Web Best Practices"
    
         
    

• ou Unicorn  (all in one)
  
  • Exemple d'usage
    

• I18N checker (تدقيق تدويل الموقع).

• Travail du Groupe d'Intérêts sur l'Assurance Qualité du W3C (Passer aux standards Web)
  

Les Bonnes Pratiques:

•  "Fiche d'Astuces" Cheat sheet W3C (http://www.w3.org/2009/cheatsheet/)
  
  • Accès rapide à des informations utiles à partir d'une variété de spécifications publiées par le W3C.

• Mobile Web Best Practices MWBP et MBABP
  
• WCAG2 BP
• I18N QuickTips
• BIDI BP, pour les "bizarreries" des textes BIDI (Arabes/Latin mélangés).

Formation

• WebPlatform Docs. Vise à devenir une source complète et fiable pour la documentation développeur Web. Fait par et pour la communauté des développeurs. (ar-MA)

• W3DevCampus  offre un enseignement  fait par des formateurs expérimentés grâce à une plate-forme e-learning.

Recommandations:

• Valider. A spécifier dans le cahier de charge initial. Créer cellule W3C au CIGOV
  
• Encourager.  Les opérateur ITs comme membre. Avantage pour les StartUp.
• Participer. GT pour les membres. Discussions publiques pour certains.
• Apprendre:
  
  • WebPlatform
  • W3DevCampus
• Fédérer les efforts.  Structure collective comme membre. e.g. Université / fnem (1er membre marocain?)
  

 Augmenter la côte du Maroc dans le classement High Tech. Retombée économiques et politiques.

En Savoir Plus

• Site du W3C (http://www.w3.org)
• Listes des standards W3C par thèmes (http://www.w3.org/standards/)
  
• Plate-forme Web (http://docs.webplatform.org/)
• Les standards ouverts toutes organisations (http://open-stand.org/openstandlaunch/)
  
• Bureau W3C Maroc pour vous aider (http://www.w3c.org.ma)

MERCI