La balise description de chaque page est renseignée en fonction de son contenu.
Etape(s):
Rédaction
Types d'exigence:
Référencement
ID.001 - Nom de domaine -
Niveau 3
Le nom de domaine respecte le formalisme nom.public.lu.
Etape(s):
Arborescence
Types d'exigence:
Ergonomie
Contenu
CT.027 - Homogénéité des liens vers les documents -
Niveau 2
Chaque document téléchargeable possède un texte de lien unique et identique (ou très similaire) dans toutes les pages dans lesquelles il est proposé
Etape(s):
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
3.2.4(AA)
CT.021 - Lien-email -
Niveau 3
Le texte d'un lien 'mailto' correspond à l'adresse mail pointée (l'adresse mail est visible).
Etape(s):
Prototype
Types d'exigence:
Ergonomie
CT.018 - Utilisation d'onglet -
Niveau 3
Les contenus proposés dans des onglets ne sont pas destinés à être comparés entre eux.
Etape(s):
Prototype
Types d'exigence:
Ergonomie
CT.012 - Utilisation d'abréviation -
Niveau 3
La première mention d'une abréviation ou d'un acronyme au sein d'une page donne l'intitulé complet suivi du sigle.
Etape(s):
Prototype
Rédaction
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
3.1.4(AAA)
CT.009 - Pages d'erreur -
Niveau 1
Les pages d'erreur contiennent la nature de l'erreur, un moteur de recherche, un lien vers la page d'accueil, vers le plan du site et vers le formulaire de contact.
Page 404 et autres erreurs
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
3.1.1(A)
3.3.3(AA)
CT.003 - Actualitées datées -
Niveau 3
Chaque actualité possède une date de publication.
Etape(s):
Prototype
Types d'exigence:
Ergonomie
Code
CD.010 - Contenu en liste -
Niveau 1
Les listes à puces ou numérotées sont correctement structurées (à l'aide des balises UL et OL)
Etape(s):
Prototype
Rédaction
Final
Types d'exigence:
Accessibilité
WCAG 2.1:
1.3.1(A)
CD.007 - Langue du site -
Niveau 1
La langue par défaut est précisée dans la balise HTML du site.
Au début de chaque page, la propriété lang doit être renseigné au niveau de la balise html, exemple si la page est en français: <code><html lang="fr" ></code>
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Référencement
WCAG 2.1:
3.1.1(A)
CD.001 - Type de codage -
Niveau 1
Chaque page comporte la déclaration de type document «!doctype html»
Le code source de la page doit commencer avec l'élément : <CODE><!DOCTYPE html></CODE>
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
WCAG 2.1:
4.1.1(A)
Identification
ID.012 - Liens de la GOV Bar -
Niveau 3
La GOV Bar propose les liens crossgov.lu, luxembourg.lu, guichet.lu, gouvernement.lu et un lien « Autres sites » qui renvoie vers etat.lu, sauf exception argumentée.
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
Ergonomie
Référencement
ID.009 - Alias de communication -
Niveau 3
Lorsqu'un alias de communication (p.ex. guichet.lu) est défini il renvoie vers le nom de domaine officiel (p.ex guichet.public.lu)
Etape(s):
Final
Types d'exigence:
Ergonomie
Référencement
ID.003 - Protocole HTTPS -
Niveau 3
Le site est uniquement consultable en https.
Etape(s):
Final
Types d'exigence:
Ergonomie
Référencement
Contenu
CT.023 - Format des numéros de téléphone -
Niveau 3
L'indicatif téléphonique du pays est précisé devant le(s) numéro(s) de téléphone et de fax proposé(s) sur le site web suivant le formalisme suivant (+352).
Etape(s):
Rédaction
Types d'exigence:
Ergonomie
CT.014 - Poids des pages -
Niveau 3
Le poids des pages n'excède pas 600Ko, sauf exception argumentée
Dans le cas de page complexe, un mécanisme évite les sauts de chargement (exemple: chargement progressif avec espace réservé).
Etape(s):
Prototype
Types d'exigence:
Ergonomie
Référencement
CT.005 - Centralisation des législations -
Niveau 3
La rubrique "Législation" centralise toutes les normes légales (lois, règlements, arrêtés, etc.).
Etape(s):
Arborescence
Types d'exigence:
Ergonomie
Code
CD.012 - Durée de session -
Niveau 1
Si la session utilisateur est limitée en durée, l'utilisateur doit pouvoir contrôler la limite de temps.
Sauf si la session est limitée à plus de 20 heures
Etape(s):
Final
Types d'exigence:
Accessibilité
WCAG 2.1:
2.2.1(A)
CD.009 - Utilisation des citations -
Niveau 1
Les citations doivent utiliser le balisage Q ou BLOCKQUOTE : elles ne doivent pas être simulées à l'aide de guillemets directement saisis dans le texte ou d'italique
Etape(s):
Final
Types d'exigence:
Accessibilité
WCAG 2.1:
1.3.1(A)
CD.003 - Structure en rôle aria -
Niveau 1
Dans chaque page Web, la structure du document vérifie-t-elle ces conditions ? La zone d'en-tête de la page possède un rôle ARIA banner ; Le menu de navigation principal possède un rôle ARIA navigation ; La zone de contenu principal possède un rôle ARIA main ; La zone de pied de page possède un rôle ARIA contentinfo ; Le moteur de recherche sur le site possède un rôle ARIA search ; Les rôles ARIA banner, main et contentinfo sont uniques dans la page ; Le rôle ARIA navigation est réservé aux zones de navigations principales et secondaires.
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Référencement
WCAG 2.1:
1.3.1(A)
Identification
ID.014 - Utilisation de cookies avec données personnelles -
Niveau 2
Si des cookies avec enregistrement de données sont utilisés sur le site, un consentement de l'utilisateur est demandé.
S'il refuse, les fonctionnalités utilisant ces cookies doivent être désactivées
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
RGPD
ID.005 - Contenu de la page d'accueil -
Niveau 3
La page d'accueil permet d'identifier la nature des contenus et services proposés.
Etape(s):
Prototype
Rédaction
Final
Design graphique
Types d'exigence:
Ergonomie
Contenu
CT.025 - Format des documents téléchargeables -
Niveau 3
Les documents téléchargeables sont de préférence proposés au format PDF (largement répandus)
Etape(s):
Rédaction
Final
Types d'exigence:
Ergonomie
CT.016 - Scroll horizontal -
Niveau 2
Le site s'affiche sans scroll horizontal, sauf contenu spécifique et avec argumentation.
Le scroll est utilisé uniquement si une vue linéaire ne peut être utilisée. Les tableaux de données complexes et les graphiques sont des exceptions. Par contre, une image illustrative ne peut provoquer un scroll.
Etape(s):
Prototype
Final
Types d'exigence:
Ergonomie
Référencement
Accessibilité
WCAG 2.1:
1.4.10(AA)
CT.010 - Structure en pyramide inversée -
Niveau 3
La structure des pages et des rubriques respecte le principe de la pyramide inversée.
Ce principe consiste à donner un résumé de la page dans le premier paragraphe puis approfondir le sujet
Etape(s):
Arborescence
Types d'exigence:
Ergonomie
CT.007 - Page "A propos du site" -
Niveau 3
La rubrique "A propos du site" donne des informations sur l'objet, l'éditeur et la qualité du site.
Etape(s):
Prototype
Final
Types d'exigence:
Ergonomie
CT.001 - Structure d'information exclusive -
Niveau 3
Les informations sont placées de manière exclusive dans l'arborescence du site
Etape(s):
Arborescence
Rédaction
Types d'exigence:
Ergonomie
Référencement
Accessibilité
Code
CD.005 - Ordre hiérarchique des titres -
Niveau 1
Dans le contenu des pages, les titres suivent l'ordre hiérarchique de titre 2 (h2) à titre 5 (h5) . Chaque bloc d'information possède un titre pertinent.
Etape(s):
Prototype
Rédaction
Final
Types d'exigence:
Accessibilité
Référencement
WCAG 2.1:
2.4.6(AA)
1.3.1(A)
2.4.10(AAA)
Identification
ID.011 - Logo SIP -
Niveau 3
La "GOV Bar" utilise le logo officiel du SIP, le logo et le texte renvoie vers gouvernement.lu.
Etape(s):
Arborescence
Prototype
Final
Design graphique
Types d'exigence:
Ergonomie
Référencement
ID.008 - Cohérence avec les applications tierces -
Niveau 3
Les applications tierces sont cohérentes avec le site (url, interaction et charte graphique).
Etape(s):
Prototype
Types d'exigence:
Ergonomie
ID.002 - Favicone -
Niveau 3
Le site possède une favicon pertinente.
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
Ergonomie
Référencement
Contenu
CT.028 - Contenu des versions linguistiques -
Niveau 3
La structure et les informations d'une page disponible en plusieurs langues ne varient pas d'une version à l'autre.
Etape(s):
Prototype
Rédaction
Final
Types d'exigence:
Ergonomie
CT.022 - Indication du pays -
Niveau 3
Le pays est spécifié dans toutes les adresses postales proposées sur le site
EX: 2 beim Schlass L-8058 Bertrange ou 2 beim Schlass 8058 Bertrange (Luxembourg)
Etape(s):
Rédaction
Types d'exigence:
Ergonomie
CT.019 - Accessibilité des documents -
Niveau 2
Les documents proposés en téléchargement sont accessibles ou ont une alternative accessible (avec les mêmes informations et actions)
Documents publiés après le 22/09/2018 ou nécessaire à une démarche.
Etape(s):
Rédaction
Final
Types d'exigence:
Accessibilité
CT.013 - Utilisation de titres explicites -
Niveau 3
Les pages sont organisées à l'aide de titres explicites et concis qui identifient l'information apportée par chaque section.
L'arborescence ne contient pas d'acronyme ou d'abréviation.
Etape(s):
Arborescence
Prototype
Rédaction
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
3.1.4(AAA)
CT.004 - Centralisation des publications -
Niveau 3
La rubrique "Publications" centralise toutes les publications (documents dédiés à l'impression tels que des rapports, brochures, etc.) présentes sur le site.
Etape(s):
Arborescence
Types d'exigence:
Ergonomie
Code
CD.011 - Alternative de contenu ou fonctionnalité -
Niveau 1
Si un contenu (notamment, emoticon, art ASCII, captcha...) ou une fonctionnalité du site nécessite une alternative pour être accessible, l'information donnée par cette alternative est équivalente à l'information fournie par la version d'origine.
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Référencement
WCAG 2.1:
1.1.1(A)
1.3.3(A)
CD.008 - Changement de langue dans le contenu -
Niveau 2
Les changements de langue dans le texte sont indiquées dans l'attribut lang de la balise concernée.
Pour chaque paragraphe, l'attribut lang doit être renseignée; par exemple si un paragraphe est en allemand : lang="de". <code><p lang="de">Ich bevorzuge die Deutsch sprechen.</p></code>
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
WCAG 2.1:
3.1.2(AA)
CD.002 - Balise détournée -
Niveau 1
Les balises natives sont utilisées. Si une balise est détournée, les rôles associés aux composants sont utilisées de manière cohérente et en conformité des WAI-Aria.
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Référencement
WCAG 2.1:
4.1.2(A)
Identification
ID.006 - Format de l'adresse de contact -
Niveau 3
L'adresse de contact du produit respecte le formalisme "info@nomdedomaine" ou "support@nomdedomaine" lorsqu'un support "Helpdesk" est proposé à l'utilisateur.
Etape(s):
Prototype
Types d'exigence:
Ergonomie
Contenu
CT.026 - Légitimité du document -
Niveau 3
Les documents téléchargeables sont destinés à être stockés par l'utilisateur.
Il est préférable de fournir les informations dans les pages du site et limiter les contenus fournis sous forme de document téléchargeable.
Etape(s):
Final
Types d'exigence:
Ergonomie
Référencement
CT.020 - Page contact -
Niveau 3
La page contact contient le nom, l'adresse postale, le mail et idéalement le téléphone de l'éditeur du site .
Etape(s):
Final
Types d'exigence:
Ergonomie
CT.017 - Pictogramme et lien illustré -
Niveau 1
Quand un lien textuel est associé à une image (pictogramme ou illustration), le lien est placé sur le texte et l'image.
Si l'image est décorative, le lien peut porter sur l'image grâce au css uniquement.
Etape(s):
Prototype
Final
Types d'exigence:
Ergonomie
WCAG 2.1:
1.1.1(A)
2.4.4(A)
CT.011 - Arborescence orientée utilisateur -
Niveau 3
L'architecture du contenu est construite sur base des besoins des utilisateurs et non sur l'organigramme de l'institution.
Les cibles ont été définies pour le site ainsi que leur usecase associé.
Etape(s):
Arborescence
Prototype
Types d'exigence:
Ergonomie
CT.008 - Page "Aspects légaux" -
Niveau 3
La rubrique "Aspects légaux" propose des informations adaptées au site concernant les questions de responsabilité, de copyright, de crédit photos, de cookies et de protection des données.
Etape(s):
Prototype
Final
Types d'exigence:
Ergonomie
CT.002 - Structuration des rubriques transversales -
Niveau 3
Les rubriques transversales font référence à un type d'objet identique (fiche standardisée avec une structure identique) pouvant renvoyer à une ou plusieurs rubriques thématiques du site.
Etape(s):
Arborescence
Prototype
Final
Types d'exigence:
Ergonomie
Code
CD.006 - Validité du code -
Niveau 1
Le code est valide: ID unique, balise fermée, pas d'attribut ou balise obsolètes
vérifier avec le validateur du W3C : https://validator.w3.org/
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Référencement
WCAG 2.1:
4.1.1(A)
Identification
ID.013 - Utilisation de cookies simple -
Niveau 2
Si des cookies sont utilisés sur le site, l'utilisateur en est informé.
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
RGPD
ID.004 - Format des URLs -
Niveau 3
Les URLs du sites sont : - significatives - rédigées dans la même langue que la page - ne contiennent pas de caractères spéciaux, majuscules, de soulignés ou d’espace - utilisent le tiret comme séparateur de mots
Etape(s):
Final
Types d'exigence:
Ergonomie
Référencement
Contenu
CT.024 - Format des liens de téléchargement -
Niveau 1
Pour chaque élément proposé en téléchargement, le type, le poids du fichier et, si besoin la langue, est indiqué dans le texte de lien en respectant le formalisme suivant : Titre de l'élément - lang (type, poids en Ko, Mo ou Go) - nouvelle fenêtre
Etape(s):
Prototype
Rédaction
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.4.4(A)
CT.015 - Date de dernière mise à jour -
Niveau 3
Pour chaque page, la date de dernière mise à jour est affichée.
Etape(s):
Prototype
Types d'exigence:
Ergonomie
Référencement
CT.006 - Centralisation des formulaires -
Niveau 3
La rubrique "Formulaires" centralise tous les formulaires (téléchargeables, remplissables en ligne ou autres) présents sur le site et ayant un rapport direct avec l'objet du site en question.
Etape(s):
Arborescence
Types d'exigence:
Ergonomie
Code
CD.004 - Utilisation des textes cachés -
Niveau 1
Les textes cachés visuellement sont utilisés de manière compréhensible et ont un intérêt.
Les textes masqués/affichés en css uniquement doivent être appropriés. Une alerte ou un message d'erreur doit être affiché par un script et non masqués/affichés en css uniquement.