Le nom de domaine respecte le formalisme nom.public.lu.
Etape(s):
Arborescence
Types d'exigence:
Ergonomie
ID.010 - Logo Renow -
Niveau 3
Le logo Renow renvoie vers le site "Renow".
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
Ergonomie
Référencement
Navigation
NV.002 - Profondeur maximum de l'arborescence -
Niveau 3
La navigation thématique a une profondeur de 5 niveaux maximum
Etape(s):
Arborescence
Prototype
Final
Types d'exigence:
Ergonomie
NV.008 - Cohérence entre lien et titre -
Niveau 1
Le titre H1 de la page en cours de consultation correspond à l'intitulé de l'élément de navigation permettant d'accéder à cette page. Il reprend au moins l'intitulé exact mais peut être complété. Par exemple : Intitulé affiché dans l'élément de navigation "Méthode" et titre de page associé : "La méthode Renow".
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
NV.011 - Aucune page cachée -
Niveau 2
Aucune page cachée n'est présente : toutes les pages internes sont accessibles depuis une des zones de navigations (primaires, secondaires ou rubriques de support).
Etape(s):
Rédaction
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.4.5(AA)
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
Navigation
NV.020 - Contrôle explicite -
Niveau 1
Les changements d'affichage (animation, lancement de vidéo ou son, affichage d'une modale, nouvelle fenêtre ...) sont uniquement issus d'une action de l'utilisateur.
Les actualisations, les sliders et les alertes importantes font exceptions.
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
3.2.2(A)
2.2.2(A)
NV.026 - Apparence des zones d'interactions -
Niveau 1
Les "actions utilisateurs" (p.ex. lancer une recherche) se distinguent clairement des liens de navigation.
Pour l'accessibilité, une action utilisateur se présente avec une balise ou un role button.
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
4.1.2(A)
NV.001 - Equilibre de l'arborescence -
Niveau 3
L'arborescence du site est régulière et équilibrée.
Etape(s):
Arborescence
Final
Types d'exigence:
Ergonomie
NV.035 - Annulation des clics -
Niveau 1
L'utilisateur doit pouvoir annuler l'action de sélection si le relâchement a lieu en dehors de la zone cliquable pointée.
Lorsqu'on clique sur un lien: l'action d'appuyer se distingue de l'action de relachement, l'utilisateur peut changer d'avis après l'appui et avant le relâchement.
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.5.2(A)
NV.007 - Titre de page dans le navigateur -
Niveau 3
Les titres affichés dans la barre de titre du navigateur respectent le formalisme suivant: "Titre de la page en cours - Nom du site"
Etape(s):
Prototype
Final
Types d'exigence:
Ergonomie
NV.044 - Français et allemand -
Niveau 3
Le site est disponible en français et en allemand, selon le sujet du site.
L'allemand étant la langue apprise jusqu'au 2nd cycle (formation classique). Et le français la langue statistiquement la plus parlée au Luxembourg.
Etape(s):
Arborescence
Final
Types d'exigence:
Ergonomie
Référencement
Accessibilité
WCAG 2.1:
3.1.5(AAA)
NV.016 - Rubriques de support obligatoires -
Niveau 2
Les rubriques de support suivantes sont obligatoires : Plan du site, Contact, A propos, Aspects légaux, Accessibilité.
Etape(s):
Arborescence
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
NV.025 - Intitulé unique -
Niveau 1
Le contenu ne contient pas de lien ayant un texte identique pour des cibles différentes.
Les textes et titres dont le lien fait parti, doivent le rendre explicite.
Etape(s):
Prototype
Rédaction
Final
Design graphique
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.4.4(A)
2.4.9(AAA)
NV.034 - Alternative aux interactions tactiles complexes -
Niveau 1
Les manipulations tactiles complexes (secouer, glisser, utilisation de plusieurs doigts, actions aux mouvements) ont une alternative tactile simple (bouton, lien…) et les détections de mouvement peuvent être désactivée.
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.5.1(A)
2.5.4(A)
NV.043 - Version linguistique en cours -
Niveau 1
Seules les versions linguistiques disponibles (et non la version en cours de consultation) sont cliquables
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
1.1.1(A)
Identification
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
Navigation
NV.005 - Aucune page vide -
Niveau 3
Le site (ou l'application) ne propose pas de page vide.
Etape(s):
Final
Types d'exigence:
Ergonomie
Référencement
NV.014 - Contenus datés -
Niveau 3
Les contenus datés sont archivés par mois et/ou année et accessibles via un système de navigation dédié.
Les filtrages sont proposés uniquement si la volumétrie est telle que ces contenus ne sont pas affichables sur 1 seul page.
Etape(s):
Prototype
Final
Types d'exigence:
Ergonomie
NV.023 - Surface des zones d'interaction -
Niveau 3
Chaque élément d'interaction possède une zone d'interaction de - soit une surface minimum de 32px sur 20px - soit une surface minimum de 20px sur 12px et une marge de 6px avec les éléments alentours.
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.5.5(AAA)
NV.029 - Section "A la une" -
Niveau 3
Aucun lien externe n'est présent dans la section "A la une" (ou la section similaire) de la page d'accueil. Ils renvoient tous vers une page de l'arborescence du site.
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
Ergonomie
NV.032 - Fonction de partage -
Niveau 3
Les pages de contenu proposent une fonction de partage.
Les pages passerelles et la page d'accueil n'ont pas besoin de cette fonction.
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
Ergonomie
NV.038 - Piège à la navigation -
Niveau 1
Le site ne contient aucun piège ni au clavier ni à la manipulation tactile.
L'utilisateur ne peut rester coincer dans une partie de la page: carte, iframe,… Des zones de navigation telles que des bordures doivent être aménagées autour de ces contenus.
Etape(s):
Prototype
Rédaction
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.1.2(A)
NV.041 - Traduction partielle du site -
Niveau 3
Pour des versions différentes en terme de contenu, l'utilisateur a uniquement la possibilité d'opter pour un changement de langue sur la page d'accueil.
Etape(s):
Prototype
Final
Types d'exigence:
Ergonomie
Identification
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
Navigation
NV.006 - Titres homogènes -
Niveau 3
Les titres de pages de même niveau sont définis de manière homogène
Utilisation d'une catégorisation cohérente et homogénéité dans les termes employés
Etape(s):
Arborescence
Prototype
Rédaction
Types d'exigence:
Ergonomie
NV.015 - Contenu législatif -
Niveau 3
Si un contenu d'ordre législatif est proposé, il est appuyé par un lien vers le texte officiel sur le site legilux.public.lu au niveau de la dernière version du document téléchargeable en question.
Etape(s):
Rédaction
Types d'exigence:
Ergonomie
NV.024 - Liens explicites -
Niveau 1
Les libellés de lien indiquent clairement leur destination
Il est préférable de fournir un intitulé explicite à lui seul. Si ce n'est pas possible, les textes et titres dont il fait parti, doivent le rendre explicite.
Etape(s):
Prototype
Rédaction
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.4.4(A)
2.4.9(AAA)
NV.033 - Fonction haut de page -
Niveau 3
Les pages contiennent une fonction « Haut de page ».
Etape(s):
Prototype
Final
Design graphique
Types d'exigence:
Ergonomie
NV.039 - Liens vers les versions linguistiques -
Niveau 3
Le changement de version linguistique est proposé sous forme de lien rédigé dans les langues cibles
Etape(s):
Prototype
Types d'exigence:
Ergonomie
NV.042 - Traductions ponctuelles -
Niveau 3
Dans le cas de traduction ponctuelle, la page traduite est disponible en contenu associé et pointe vers une sous-page dans l'arborescence
Etape(s):
Final
Types d'exigence:
Ergonomie
Identification
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
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.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
Navigation
NV.003 - Liens du menu de navigation -
Niveau 1
Les menus de navigation sont composés uniquement de liens vers des pages HTML internes du produit.
Etape(s):
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.4.4(A)
3.2.3(AA)
NV.009 - Profondeur minimum de l'arborescence -
Niveau 3
Les rubriques thématiques proposent toujours des sous-rubriques.
Etape(s):
Arborescence
Prototype
Final
Types d'exigence:
Ergonomie
NV.012 - Compréhension des niveaux de navigation -
Niveau 3
Le système de navigation proposé donne la possibilité à l'utilisateur d'identifier clairement les différents niveaux de navigation qui lui sont proposés.
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.4.8(AAA)
NV.027 - Comportement liens internes -
Niveau 3
Chaque lien interne (pointant vers une page du produit) s'ouvre dans la fenêtre courante.
Etape(s):
Prototype
Rédaction
Final
Types d'exigence:
Ergonomie
NV.036 - Contrôle des changements et mouvements -
Niveau 1
Chaque changement d'affichage (actualisation, vidéo, modale, slider,...) est contrôlable par l'utilisateur (play, pause, volume, affichage de sous-titres, fermeture).
Le contrôle doit être possible à la souris, au clavier ou au toucher.
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
1.4.2(A)
Identification
ID.003 - Protocole HTTPS -
Niveau 3
Le site est uniquement consultable en https.
Etape(s):
Final
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.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
Navigation
NV.004 - Au moins 2 sous-rubriques -
Niveau 3
Si une page propose des sous-rubriques, elles sont au moins au nombre de 2.
Etape(s):
Arborescence
Types d'exigence:
Ergonomie
NV.013 - Chemin de localisation -
Niveau 3
Le chemin de localisation décrit de manière fidèle la position de l'utilisateur dans le produit (site, application) et reprend tous les titres des pages parentes associées. Le dernier élément correspond à la page en cours.
Chemin de localisation est aussi appelé fils d'ariane ou breadcrumb
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.4.8(AAA)
NV.019 - Utilisation de modale -
Niveau 3
Les fenetres modales (et non des pop up) sont utilisées de manière appropriées: - apparence et intérêt - titre -navigation clavier -role aria.
Apparence: une modale est une boite affichée en superposition de la page consultée en conservant le contexte. (par opposition aux pop up qui s'ouvrent dans une nouvelle fenetre ou onglet) Si le processus utilisateur doit être interrompu, le background est inaccessible. interet: La modale est nécessaire à la réalisation d'une tâche demandée par l'utilisateur dans son contexte (affichage d'une définition ou d'une aide, saisie de données spécifiques). Le titre est visible et lié à un aria-label ou un aria-labelledby. navigation clavier: Elle recoit le focus lors de son apparition et est manipulable au clavier. Le role dialog est utilisé. <code><div role="dialog" aria-labelledby="modal-title"> <h1 id="modal-title">[Titre de la fenetre modale]</h1> [Contenu texte de la modale] <button>Fermer</button> </div> </code> https://www.w3.org/TR/wai-aria-practices/#dialog_modal, https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html
Etape(s):
Prototype
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
2.1.1(A)
4.1.2(A)
NV.028 - Longueur des liens -
Niveau 3
La longueur des textes de lien proposés dans le corps de texte est comprise entre 5 et 80 caractères.
Moins de 5 caractères révèle un manque de signification du lien et une zone de clic difficile à atteindre. Plus de 80 caractères révèle un lien trop long en particulier pour les plages brailles et lecteurs d'écran
Etape(s):
Prototype
Rédaction
Final
Types d'exigence:
Accessibilité
Ergonomie
WCAG 2.1:
1.4.8(AAA)
NV.040 - Sites multilingues -
Niveau 3
Pour des versions du site entièrement identiques en terme de contenu, l'accès aux versions linguistiques alternatives est présent sur toutes les pages du site de manière à ce que l'utilisateur accède d'1 clic à la traduction de la page en cours de consultation