Boîte à outils de l’expérience Web (BOEW)
Qu’est-ce que la Boîte à outils de l’expérience Web?
- Une bibliothèque de code primée pour construire des sites Web accessibles, faciles d'emploi, interopérables, optimisés pour les appareils mobiles et multilingues
- Des modèles, ainsi que des composants réutilisables, qui sont flexibles et personnalisables
- Un projet à source ouverte collaboratif dirigé par le Gouvernement du Canada
Ressources
Exemples
Exemples pratique de l'ensemble des plugiciels incluant les outils de développement
Documentation
Documentation technique et spécification de la configuration des plugiciels
Téléchargements
Exécutable et note de version de la WET-BOEW et du thème de Canada.ca
Thème du Canada.ca (GCWeb)
Ressource technique et référence d'implémentation de la spécification du contenu et de l'AI pour Canada.ca
Projet de la WET-BOEW sur github
Code source et suivi de billet de l'ensemble des projets de la wet-boew et tableau de bord des projets spécials
Guide de style
Style, écriture, conception et guide d'accessibilité pour la Boîte à outils de l'expérience Web (BOEW)
Décision de conception
(dernière mise à jour: )
Notes: DD-8, DD-9, DD-10, DD-11, DD-12 et DD-13 sont disponible en anglais seulement, leur traduction française vont être publié sous peu.
- DD-1: Utiliser des éléments img pour charger des images SVG plutôt que des éléments object
- DD-2: Navigateurs compatibles
- DD-3: API de la BOEW
- DD-4: Mode HTML de base et l’amélioration progressive
- DD-5: Migration du dépôt
- DD-6: Version
- DD-8: Dual implementation of structured data with JSON-LD and RDFa Lite in a single web page
- DD-9: Release early, release often (STR)
- DD-10: Provisional feature
- DD-11: Resize text testing methodology (Approuvée)
- DD-12: Double H1 on a single page
- DD-13: Reduce aggressiveness of form validation plugin (Approuvée)
Projets dans la famille de la WET-BOEW
- Web Control Library .NET (en anglais)
- Drupal WxT variant (en anglais)
- SGDC - Service centralisé de gabarit
- WCAG 2.1 Level AA review (en anglais)
(All projects - en anglais)
Ressources pour la gestion du projet de la BOEW
- Research and findings (en anglais)
- Design decision (en anglais)
- Project documentations and design decision (en anglais)
- lignes directrices pour les contributeurs
- Conditions régissant l'utilisation (licence MIT)
Avantages
Accessibilité
- Conformes aux Règles pour l'accessibilité des contenus Web (WCAG) 2.0 niveau AA
- S'appuie sur WAI-ARIA pour améliorer l'accessibilité
- Vérification avec les technologies d'assistance (Groupe de travail sur l'accessibilité)
Facilité d'emploi
- Approche itérative pour la conception
- Patrons de conception et les essais de facilité d'emploi (Groupe de travail sur l'expérience des utilisateurs)
Interopérabilité
- Approche centrée sur le HTML5 (s'appuyant sur le soutien HTML5 natif et puis les «correctifs» pour résoudre les problèmes de soutien)
- Soutien pour plusieurs navigateurs (Edge, Firefox, Chrome, Safari, Opera)
- Soutien en développement pour les données HTML (RDFa 1.1 Lite, Schema.org)
Conception optimisée pour les appareils mobiles et réactive
- S'adapte à différentes tailles d'écran et capacités d'appareil
- Soutien pour les écrans tactiles
- Optimisé pour les performances
- Soutien en développement pour les applications s’installant sur un appareil mobile
Multilingue
- Soutien actuellement 34 langues (y compris les langues droite-à-gauche)
- Anglais
- Français
- Afrikaans
- Albanais
- Allemand
- Arabe
- Arménien
- Bulgare
- Chinois
- Chinois (simplifiée)
- Coréen
- Espagnol
- Estonien
- Grec
- Hindi
- Hongrois
- Indonésien
- Inuktitut
- Islandais
- Italien
- Japonais
- Letton
- Lituanien
- Néerlandais
- Polonais
- Portugais
- Portugais (brésilien)
- Russe
- Slovaque
- Tchèque
- Thaï
- Turc
- Ukrainien
- Vietnamien
Personnalisable et réutilisable
- Cadre flexible qui supporte des thèmes personnalisés
- Soutien 5 thèmes différents, y compris un thème de base servant comme modèle
- Modèles, plugiciels et gadgets réutilisables
- Adapté aux différents systèmes de gestion de contenu et cadres de programmation (Drupal, WordPress, SharePoint (en développement), DotNetNuke (en développement), PHP, SSI, Java/Maven)
Réduit les coûts en partageant et en collaborant ouvertement
- Réduit les coûts de recherche et de développement
- Évite la duplication des efforts
- Produit des résultats de meilleure qualité
Approche collaborative
- Projet géré ouvertement sur GitHub, y compris les discussions à travers le système de suivi des questions
- Encourage la libre circulation des idées, du dialogue et de l'innovation, y compris le partage des défis et des idées
- Les contributions externes sont invités
- Soumissions de code
- Patrons de conception
- Problèmes et suggestions
- Documentation
- Évaluations
- Processus d'examen sur plusieurs niveaux pour les contributions pour assurer l'intégrité du code (combinaison d'évaluations automatisées et manuelles)
- Date de modification :