Checklist Renow 4.3

CT.003 - Actualitées datées - Niveau 3

Chaque actualité possède une date de publication.

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.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.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

FM.001 - Taille du champs - Niveau 3

Taille du champ de saisie est adaptée selon le type d'information.

Etape(s):
- Prototype
- Final
Types d'exigence:
- Ergonomie

FM.007 - Types de liste à choix - Niveau 3

Lorsque l'utilisateur doit voir l'ensemble des choix possibles les champs INPUT RADIO ou CHECKBOX sont utilisés plutôt que les listes SELECT.

Etape(s):
- Prototype
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

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.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

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

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

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

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

FM.006 - Choix explicites - Niveau 3

Les champs SELECT, RADIO et CHECKBOX présentent des choix explicites (pas d'abréviations).

Etape(s):
- Prototype
Types d'exigence:
- Accessibilité
- Ergonomie
WCAG 2.1:
- 3.1.4(AAA)

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

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.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)

PR.022 - Survol des liens - Niveau 3

L'effet de roll-over des liens de contenu non-soulignés font apparaître un soulignement.

Etape(s):
- Prototype
- Final
Types d'exigence:
- Ergonomie
- Accessibilité
WCAG 2.1:
- 2.4.7 (AA)

RC.005 - Titres des pages trouvées - Niveau 3

Les titres des pages trouvées sont mis en évidence et cliquables.

Les résultats sont structurée avec des titres <Hn>

Etape(s):
- Prototype
- Final
Types d'exigence:
- Ergonomie

PR.027 - Repérage des liens visités - Niveau 3

Dans les contenus, les liens visités se distinguent visuellement des liens non-visités.

Etape(s):
- Prototype
- Final
- Design graphique
Types d'exigence:
- Ergonomie

PR.030 - Mise en page pour l'impression - Niveau 3

Une mise en page pour l'impression est créée à l'aide de CSS. Le nom du site, le titre de la page, le corps de la page sont présents.

Etape(s):
- Prototype
- Final
Types d'exigence:
- Ergonomie

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

FM.019 - Conservation des informations saisies - Niveau 3

En cas d'erreur, toutes les informations saisies par l'utilisateur (correctes et erronées) sont conservées et modifiables.

Etape(s):
- Final
Types d'exigence:
- Accessibilité
- Ergonomie
WCAG 2.1:
- 3.3.6(AAA)

FM.022 - Aide contextuelle masquée - Niveau 3

Lorsqu'une aide contextuelle masquée est proposée, elle apparait dans un encart à proximité du champs tout en permettant la saisie.

L'encart d'aide s'ouvre au clic.

Etape(s):
- Prototype
Types d'exigence:
- Ergonomie

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

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.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

PR.001 - Catégorisation du menu - Niveau 3

Les éléments de navigation thématiques, transversales et de support ne sont pas mélangés.

Etape(s):
- Arborescence
- Prototype
- Final
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

RC.002 - Formulaire à champs unique - Niveau 3

Pour les formulaires à champs unique, le bouton d'action doit être à la suite (à coté ou en dessous).

Etape(s):
- Prototype
Types d'exigence:
- Ergonomie

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

FM.014 - Position des boutons d'action - Niveau 3

Les boutons d'actions sont placés en fin de formulaire et sont alignés à gauche ou centrés.

Etape(s):
- Design graphique
- Prototype
Types d'exigence:
- Ergonomie

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)

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

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

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

FM.011 - Apparence des boutons d'action - Niveau 3

Les actions de formulaires ne sont pas mis en forme comme des liens.

Etape(s):
- Prototype
- Final
- Design graphique
Types d'exigence:
- Ergonomie

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

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

PR.008 - Cohérence hiérarchique des titres - Niveau 3

L'apparence graphique des titres est cohérente avec leur niveau hiérarchique.

Etape(s):
- Prototype
- Final
- Design graphique
Types d'exigence:
- Ergonomie
WCAG 2.1:
- 1.3.1(A)

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

PR.011 - Soulignement - Niveau 3

Le soulignement est réservé aux liens.

Etape(s):
- Prototype
- Rédaction
- Final
- Design graphique
Types d'exigence:
- Ergonomie

PR.017 - Taille de police minimum - Niveau 3

La taille minimale du texte doit être lisible quelle que soit sa fonction (une taille inférieure à 12px est souvent illisible).

Etape(s):
- Prototype
- Rédaction
- Final
- Design graphique
Types d'exigence:
- Ergonomie

PR.020 - Survol des zones cliquables - Niveau 3

Toutes les zones cliquables présentent un effet de roll-over. Cet effet ne provoque pas de décalage dans l'affichage des textes

Etape(s):
- Prototype
- Final
- Design graphique
Types d'exigence:
- Ergonomie

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

PR.026 - Contraste de lecture - Niveau 3

Le texte principal de la zone de contenu doit avoir un ratio de contraste minimum de 5,5:1.

Etape(s):
- Prototype
- Final
- Design graphique
Types d'exigence:
- Accessibilité
- 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)

RC.003 - Critères de recherche - Niveau 3

Les critères de recherche sont rappelés dans la page de résultats

Mots clé et filtres

Etape(s):
- Prototype
- Final
Types d'exigence:
- Accessibilité
- Ergonomie
WCAG 2.1:
- 3.3.6(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

RC.006 - Description des pages trouvées - Niveau 3

Pour chaque page trouvée une description de la page est affichée.

Etape(s):
- Prototype
- Final
Types d'exigence:
- Ergonomie
- Référencement

TB.005 - Tris pour tableaux complexes - Niveau 3

Une fonctionnalité de tri est proposée pour les tableaux de données ayant plus de 20 lignes et 3 colonnes et dont le tri fait du sens.

Etape(s):
- Prototype
- Final
- Design graphique
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

FM.009 - Listes à choix multiples - Niveau 3

Les champs INPUT CHECKBOX sont utilisés pour des listes à choix multiples (0,1 ou plusieurs choix possibles)

Etape(s):
- Prototype
Types d'exigence:
- Ergonomie

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

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

Etape(s):
- Prototype
- Final
Types d'exigence:
- Ergonomie

PR.006 - Mise en forme du contenu - Niveau 3

Les contenus des pages sont alignés à gauche sans justification

Etape(s):
- Prototype
- Rédaction
- Final
- Design graphique
Types d'exigence:
- Accessibilité
WCAG 2.1:
- 1.4.8(AAA)

RC.001 - Recherche globale - Niveau 3

Une recherche globale du site est disponible à proximité de la navigation principale.

La recherche s'effectue sur tous les contenus internes proposés par le produit (partie informationnelle et partie applicative).

Etape(s):
- Prototype
- Final
Types d'exigence:
- Accessibilité
- Ergonomie
WCAG 2.1:
- 2.4.5(AA)

RC.007 - Nombre de résultat - Niveau 3

Le nombre de résultat est indiqué à l'utilisateur dans la page de résultat de recherche.

Dans le cas où il n'y a pas rechargement de la page de recherche, ce nombre doit être annoncé à l'utilisateur.

Etape(s):
- Final
Types d'exigence:
- Accessibilité
- Ergonomie
WCAG 2.1:
- 4.1.3(AA)

TB.006 - Manipulation des tris - Niveau 3

Lorsqu'un tableau triable est présent, le tri de chaque colonne se fait en cliquant sur l'entête de colonne. Lors de l'activation d'un tri, le focus reste sur l'en-tête de la colonne activée et celle-ci est mise en évidence.

La mise en évidence se fait visuellement et avec une alternative textuelle et iconographique.

Etape(s):
- Prototype
- Final
Types d'exigence:
- Accessibilité
- Ergonomie
WCAG 2.1:
- 4.1.2(A)

Filtrer

Contenu

CT.003 - Actualitées datées - Niveau 3

CT.012 - Utilisation d'abréviation - Niveau 3

CT.018 - Utilisation d'onglet - Niveau 3

CT.021 - Lien-email - Niveau 3

Formulaire

FM.001 - Taille du champs - Niveau 3

FM.007 - Types de liste à choix - Niveau 3

Contenu

CT.002 - Structuration des rubriques transversales - Niveau 3

CT.008 - Page "Aspects légaux" - Niveau 3

CT.011 - Arborescence orientée utilisateur - Niveau 3

Identification

ID.010 - Logo Renow - Niveau 3

Contenu

CT.020 - Page contact - Niveau 3

Navigation

NV.002 - Profondeur maximum de l'arborescence - Niveau 3

Contenu

CT.026 - Légitimité du document - Niveau 3

Formulaire

FM.006 - Choix explicites - Niveau 3

Identification

ID.006 - Format de l'adresse de contact - Niveau 3

Navigation

NV.001 - Equilibre de l'arborescence - Niveau 3

NV.007 - Titre de page dans le navigateur - Niveau 3

NV.044 - Français et allemand - Niveau 3

Présentation

PR.022 - Survol des liens - Niveau 3

Recherche

RC.005 - Titres des pages trouvées - Niveau 3

Présentation

PR.027 - Repérage des liens visités - Niveau 3

PR.030 - Mise en page pour l'impression - Niveau 3

Contenu

CT.015 - Date de dernière mise à jour - Niveau 3

Formulaire

FM.019 - Conservation des informations saisies - Niveau 3

FM.022 - Aide contextuelle masquée - Niveau 3

Identification

ID.004 - Format des URLs - Niveau 3

Navigation

NV.005 - Aucune page vide - Niveau 3

NV.014 - Contenus datés - Niveau 3

NV.023 - Surface des zones d'interaction - Niveau 3

NV.029 - Section "A la une" - Niveau 3

NV.032 - Fonction de partage - Niveau 3

NV.041 - Traduction partielle du site - Niveau 3

Présentation

PR.001 - Catégorisation du menu - Niveau 3

Contenu

CT.007 - Page "A propos du site" - Niveau 3

Recherche

RC.002 - Formulaire à champs unique - Niveau 3

Contenu

CT.025 - Format des documents téléchargeables - Niveau 3

Formulaire

FM.014 - Position des boutons d'action - Niveau 3

Contenu

CT.013 - Utilisation de titres explicites - Niveau 3

Identification

ID.005 - Contenu de la page d'accueil - Niveau 3

Contenu

CT.028 - Contenu des versions linguistiques - Niveau 3

Navigation

NV.006 - Titres homogènes - Niveau 3

Formulaire

FM.011 - Apparence des boutons d'action - Niveau 3

Navigation

NV.033 - Fonction haut de page - Niveau 3

NV.039 - Liens vers les versions linguistiques - Niveau 3

NV.042 - Traductions ponctuelles - Niveau 3

Identification

ID.002 - Favicone - Niveau 3

ID.008 - Cohérence avec les applications tierces - Niveau 3

Présentation

PR.008 - Cohérence hiérarchique des titres - Niveau 3

Identification