Thème de la PGO
Un thème qui met en place la mise en page et la mise en forme pour la Plate-forme de gouvernement ouvert (PGO).
Aperçu
Chef du projet : Paul Jackson (@pjackson28)
Objet
Le thème de la PGO est basé sur le thème de la BOEW et est destinée pour les sites Web de la PGO.
Avantages
- Les premières tâches ont été essayées avec les utilisateurs : contactez-nous, la recherche, retourner à la page d'accueil, à propos de nous, rester connexes par les médias sociaux, naviguer le site, lire les avis, et basculer la langue officielle de choix.
- Conformes à la Norme sur l'accessibilité des sites Web et alignes avec la Norme sur la facilité d'emploi des sites Web
- Conformes à WCAG 2.0 AA
- Conception réactive avec le soutien pour les appareils mobiles et les ordinateurs de table
- Recours aux balises sémantiques HTML5 et à la spécification WAI-ARIA pour accroître l’accessibilité
- Regroupe le gros de la navigation sous le domaine du contenu
- Conformité aux critères HTML5 et XML
Utilisation recommandée
Quand utiliser
Ce thème peut être utilisé pour les sites Web de la PGO.
Quand ne pas utiliser
Ce thème ne devrait pas être utilisé pour les sites Web non-PGO.
Apparence
Le thème adapte la BOEW pour l'usage sur les autres sites.
Contenu
Le contenu devrait se fixer sur les premières tâches des utilisateurs. Les utilisateurs ont tendance à naviguer par le zone de contenu premier et les menus deuxième. Ils cherchent des mots-clés qui les aideront à rencontrer leur besoin d'informations. Écrire dans la voix active et les verbes d'usage. Les utilisateurs scruteront souvent les informations distinctes - comme les liens. Chaque lien doit être descriptif et représentatif du contenu à lequel il mène. Ceci est surtout prononcé quand les utilisateurs accèdent au site via un appareil mobile.
Mise en œuvre
Instructions générales
- Utiliser \theme-ogpl\*.html pour créer vos pages Web.
- Facultatif : Créer et installer un our plusieurs fichers CSS (pour le CSS personnalisé)
-
Facultatif : Créer les liens aux nouveaux fichiers CSS entre les commentaires suivants :
< !-- CustomScriptsCSSStart --> < !-- CustomScriptsCSSEnd -->
- Corriger les URLs des *.css, *.js et *.gif dans les fichiers *.html
- Remplacer le titre de la page (entre
<title>
et</title>,
), le titre du site et le titre du contenu (entre<h1 id="wb-cont">
et</h1>
) - Remplacer les valeurs des métadonnées
Instructions spécifiques aux pages de contenu (cont*.html)
- Corriger les liens de la barre de menu ou éliminer la barre de menu
- Corriger les liens des mégamenus ou éliminer les mégamenus
- Corriger les liens de sélection de la langue ou éliminer les liens de sélection de la langue
- Facultatif : Mettre en oeuvre navigation secondaire version 1 (trois niveaux maximum) ou navigation secondaire version 2 (quatre niveaux maximum)
- Corriger la zone de recherche ou éliminer la zone de recherche
- Corriger le fil d'Ariane ou éliminer le fil d'Ariane
- Corriger les liens dans le pied de page du site
- Corriger le valeur pour Date modified/Date de modification ou remplacer avec Version
-
Facultatif : Fixer la barre de navigation d'en-tête mobile au sommet de la fenêtre d'affichage en ajoutant le suivant à settings.js :
// Mobile view var wet_boew_mobile_view = { header_fixed : true };
Instructions spécifiques aux pages d'entrée (sp-pe*.html)
- Corriger les liens English/Français
- Facultatif : Ajouter les autres liens de sélection de la langue
Instructions spécifiques aux pages de messages du serveur (serv*.html)
- Remplacer les messages en anglais et français
- Facultatif : Ajouter des messages pour les autres langues
Exemples
Développement
Le code pour le thème base se trouve dans plusieurs places dans le dossier source de la BOEW :
- theme-ogpl/js/theme.js - contient le JavaScript du thème de la PGO
- theme-ogpl/sass/theme.scss - contient le CSS pour les pages de contenu du thème de la PGO
- theme-ogpl/sass/theme-ie.scss - contient le CSS spécifique à IE7/8 pour les pages des contenu du thème de la PGO
- theme-ogpl/sass/theme-serv.scss - contient le CSS pour les pages de messages du serveur du thème de la PGO
- theme-ogpl/sass/theme-serv-ie.scss - contient le CSS spécifique à IE7/8 pour les pages de messages du serveur du thème de la PGO
- theme-ogpl/sass/theme-sp-pe.scss - contient le CSS pour les pages d'entrée du thème de la PGO
- theme-ogpl/sass/theme-sp-pe-ie.scss - contient le CSS spécifique à IE7/8 pour les pages d'entrée du thème de la PGO
- theme-ogpl/sass/includes/ - contient les fichiers à inclure pour créer les fichies CSS du thème de la PGO
- theme-ogpl/jquerymobile/jquery.mobile.theme.css - contient le CSS spécifique à jQuery Mobile du thème de la PGO
- theme-ogpl/images/ - contient les images du thème de la PGO
- theme-ogpl/jquerymobile/images/ - contient les images spécifique à jQuery Mobile pour le thème de la PGO
Problèmes connus
- Les styles des CSS ne seront pas entièrement uniformes d’un fureteur à l’autre puisque plusieurs interpréteront différemment la syntaxe des CSS.
- L'essai de facilité d'emploi est nécessaire pour les styles dans la système styles in the CSS grid system.
Historique des versions
Documentation connexes
- Date de modification :