Renow Beta 5

Filtrer

114 résultat(s) trouvé(s)

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
    • Arborescence
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

CT.017 - Pictogramme et lien illustré - Niveau 3

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:
    • Homogénéité

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
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

CT.016 - Scroll horizontal - Niveau 1

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):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

CT.014 - Poids des pages - Niveau 1

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
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

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):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

CT.009 - Pages d'erreur - Niveau 2

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:
    • Gestion des erreurs

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

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):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

CT.018 - Utilisation d'onglet - Niveau 1

L'utilisation des onglets est pertinente: - Les contenus proposés dans des onglets ne sont pas destinés à être comparés entre eux.
- la portée de chaque onglet est claire
- l'onglet actif est identifiable
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Lisibilité

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
    • Final
    • Design graphique
    • Final
    • Design graphique
  • Types d'exigence:
    • Confiance de l'utilisateur

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):
    • Final
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

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):
    • Final
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

CT.002 - Structuration des rubriques transversales - Niveau 2

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. "Actaulités, publications, législations, formulaires, statistiques,…."
"Publications" centralise toutes les publications (documents dédiés à l'impression tels que des rapports, brochures, etc.) présentes sur le site "Législation" centralise toutes les normes légales (lois, règlements, arrêtés, etc.). "Formulaires" centralise tous les formulaires (téléchargeables, remplissables en ligne ou autres) présents sur le site.
  • Etape(s):
    • Arborescence
    • Prototype
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Homogénéité

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
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Lisibilité

CT.027 - Homogénéité des liens vers les documents - Niveau 3

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):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Homogénéité

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
    • Final
  • Types d'exigence:
    • Homogénéité

CT.001 - Structure d'information exclusive - Niveau 2

Les informations sont placées de manière exclusive dans l'arborescence du site
  • Etape(s):
    • Arborescence
    • Prototype
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

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):
    • Final
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

CT.028 - Contenu des versions linguistiques - Niveau 1

La structure et les informations d'une page disponible en plusieurs langues ne varient pas d'une version à l'autre.
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Homogénéité

CT.013 - Utilisation de titres explicites - Niveau 2

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
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Lisibilité

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

Pour chaque page, la date de dernière mise à jour est affichée.
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
    • Final
    • Design graphique
  • Types d'exigence:
    • Confiance de l'utilisateur

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

Chaque actualité possède une date de publication.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

FM.006 - Choix explicites - Niveau 2

Les champs SELECT, RADIO et CHECKBOX présentent des choix explicites (pas d'abréviations).
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

FM.015 - Distinction des champs obligatoires - Niveau 1

Les champs obligatoires sont différenciés par une astérisque dans leur LABEL, sous la forme "Intitulé * :".
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Gestion des erreurs

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

Les boutons d'actions sont placés en fin de formulaire et sont alignés à gauche ou centrés.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Homogénéité

FM.003 - Position du label - Niveau 2

Les labels sont visibles, pertinents et placés au dessus de leur champs
Pour les formulaires à champs unique, il peut être rendu visible en dupliquant le label au niveau du placeholder.
  • Etape(s):
    • Maquettage
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Compréhension par l'utilisateur

FM.009 - Listes à choix multiples - Niveau 1

Les champs CHECKBOX sont utilisés pour des listes à choix multiples (0,1 ou plusieurs choix possibles)
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

FM.021 - Format attendu - Niveau 2

L'utilisateur est guidé dans les valeurs à saisir:

- format de données attendu (type de caractère ou type de fichier...)

- suggestion de valeur pertinente (proposition à partir de l'historique utilisateur)
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Gestion des erreurs

FM.013 - Validation de formulaire - Niveau 2

Le formulaire peut être validé à l'aide de la touche entrée.
Le formulaire est validable lorsque l'utilisateur est dans le dernier champs du formulaire.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

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):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

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

Les actions de formulaires ne sont pas mis en forme comme des liens.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Homogénéité

FM.008 - Listes à choix uniques - Niveau 1

Les champs RADIO sont utilisés pour des listes à choix uniques.
Si les boutons radio sont simulés, ils doivent satisfaire aux mêmes contraintes d'usage que les boutons radio natifs en HTML
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

FM.012 - Libellé des boutons d'action - Niveau 2

Les libellés des boutons indiquent clairement l'action de manière concise.
L'intitulé visible peut éventuellement être complété par un title. Il ne peut être remplacé
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

FM.019 - Conservation des informations saisies - Niveau 1

En cas d'erreur, toutes les informations saisies par l'utilisateur (correctes et erronées) sont conservées et modifiables.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Gestion des erreurs

FM.004 - Groupement de champs - Niveau 2

Les champs sont visuellement regroupés (fieldset) et possèdent une légende, si cela facilite la compréhension.
2 champs ne peuvent avoir un même label sauf si un fielfset permet de les distinguer (exemple d'utilisation nécessaire : adresse de livraison / facturation)
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

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):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Gestion des erreurs

FM.010 - Cohérence des formulaires - Niveau 1

Les libellés des boutons d'action et les labels de champs sont cohérents à travers toutes les pages du site.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Homogénéité

FM.001 - Taille du champs - Niveau 1

Taille du champ de saisie est adaptée selon le type d'information.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

FM.018 - Apparence des messages d'erreurs - Niveau 1

Les messages d'erreurs, les libellés et les champs associés sont mis en valeur, visuellement, au moyen de 2 mécanismes différents, au moins l'un d'eux doit faire apparaitre du rouge (contraste de couleur, graisse, style, pictogramme, etc...).
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Gestion des erreurs

FM.017 - Messages d'erreur explicites - Niveau 1

Les messages d'erreurs indiquent la nature de l'erreur ainsi que les moyens de correction de l'erreur directement après le champ et reliés.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Gestion des erreurs

ID.004 - Format des URLs - Niveau 3

Les URLs du sites sont :
- significatives
- ne contiennent pas de caractères spéciaux ou d’espace
- utilisent le tiret comme séparateur de mots
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

ID.010 - Logo Renow - Niveau 1

Le logo Renow renvoie vers le site "Renow".
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

ID.002 - Favicone - Niveau 1

Le site possède une favicon pertinente.
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
    • Final
    • Design graphique
  • Types d'exigence:
    • Confiance de l'utilisateur

ID.011 - Logo SIP - Niveau 1

La "GOV Bar" est présente et utilise le logo officiel du SIP.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

ID.001 - Nom de domaine - Niveau 2

Le nom de domaine respecte le formalisme nom.public.lu.
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

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

L'adresse de contact du produit respecte le formalisme "info@nomdedomaine" ou "support@nomdedomaine" lorsqu'un support "Helpdesk" est proposé à l'utilisateur.
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

ID.007 - Balise description - Niveau 3

La balise description de chaque page est renseignée en fonction de son contenu.
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

ID.013 - Utilisation de cookies simple - Niveau 1

Si des cookies sont utilisés sur le site, l'utilisateur en est informé.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

ID.003 - Protocole HTTPS - Niveau 2

Le site est uniquement consultable en https.
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

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
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

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

La page d'accueil permet d'identifier la nature des contenus et services proposés.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

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):
    • Final
    • Final
  • Types d'exigence:
    • Homogénéité

ID.014 - Utilisation de cookies avec données personnelles - Niveau 1

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):
    • Final
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

IM.005 - Déclenchement explicite des sons et vidéos - Niveau 2

Les sons et/ou vidéos sont uniquement déclenchés par l'utilisateur.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

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

L'arborescence du site est régulière et équilibrée.
  • Etape(s):
    • Arborescence
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

NV.016 - Rubriques de support obligatoires - Niveau 1

Les rubriques de support suivantes sont obligatoires : Plan du site, Contact, A propos, Aspects légaux, Accessibilité. Et leur contenu est pertinent.
A propos du site donne des informations sur l'objet, l'éditeur et la qualité du site. "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
    • Design graphique
    • Final
    • Design graphique
  • Types d'exigence:
    • Compréhension par l'utilisateur

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
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Homogénéité

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):
    • Final
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

NV.033 - Fonction haut de page - Niveau 3

Les pages contiennent une fonction « Haut de page ».
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

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

Le changement de version linguistique est proposé sous forme de lien rédigé dans les langues cibles
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

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
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

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
    • Prototype
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

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):
    • Final
    • Final
  • Types d'exigence:
    • Lisibilité

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):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

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
    • Final
    • Design graphique
  • Types d'exigence:
    • Maitrise par l'utilisateur

NV.041 - Traduction partielle du site - Niveau 1

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):
    • Final
    • Final
  • Types d'exigence:
    • Homogénéité

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):
    • Arborescence
    • Prototype
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

NV.017 - Déclaration d'accessibilité - Niveau 2

La page Accessibilité contient une déclaration d'accessibilité.
La page contient:
les critères non respectées avec la raison de l'inaccessibilité et leur alternative
la date de l'audit
un mail de contact pour relever un soucis d'accessibilité
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

NV.009 - Profondeur minimum de l'arborescence - Niveau 2

Les rubriques thématiques proposent toujours des sous-rubriques.
  • Etape(s):
    • Arborescence
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

NV.027 - Comportement liens internes - Niveau 1

Chaque lien interne (pointant vers une page du produit) s'ouvre dans la fenêtre courante.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

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. L'utilisateur peut changer d'avis après l'appui et avant le relâchement.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

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

La navigation thématique a une profondeur de 5 niveaux maximum
  • Etape(s):
    • Arborescence
    • Prototype
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

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:
    • Maitrise par l'utilisateur

NV.019 - Utilisation de modale - Niveau 1

Les fenetres modales (et non des pop up) sont utilisées de manière appropriées:
- apparence et intérêt
- titre.
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
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

NV.040 - Sites multilingues - Niveau 1

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):
    • Final
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

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):
    • Maquettage
    • Prototype
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Compréhension par l'utilisateur

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):
    • Maquettage
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Adaptabilité utilisateur

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):
    • Prototype
    • Final
  • Types d'exigence:
    • Homogénéité

NV.010 - Titre de page unique - Niveau 1

Chaque titre dans l'onglet du navigateur (title) est unique et correspond au titre de la page (h1).
Les titres affichés dans la barre de titre du navigateur respectent le formalisme suivant: "Titre de la page en cours - Nom du site"
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:
    • Compréhension par l'utilisateur

NV.018 - Plan du site - Niveau 1

Le plan du site / application reprend, dans le même ordre que l'arborescence, les titres exacts de toutes les pages des 3 premiers niveaux des navigations primaire et secondaire et des rubriques de support.
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

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

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
    • Prototype
    • Final
    • Design graphique
    • Arborescence
    • Final
    • Design graphique
  • Types d'exigence:
    • Adaptabilité utilisateur

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):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

NV.005 - Aucune page vide - Niveau 1

Le site (ou l'application) ne propose pas de page vide.
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Confiance de l'utilisateur

NV.024 - Liens explicites - Niveau 2

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):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

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

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):
    • Maquettage
    • Prototype
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Maitrise par l'utilisateur

NV.012 - Compréhension des niveaux de navigation - Niveau 2

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:
    • Compréhension par l'utilisateur

PR.003 - double transmission d'information - Niveau 2

L'information ne doit pas être donnée uniquement par la couleur, la forme, la taille ou la position.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Adaptabilité utilisateur

PR.018 - Stabilité de la structure des sites - Niveau 1

Toutes les pages doivent contenir et toujours à la même place (sauf exception argumentée):

- une zone d'identité

- une zone de navigation primaire

- une zone de recherche

- un chemin de localisation (sauf en page d'accueil)

- une zone de contenu

- un footer (donnant accès à tous les contenus du site)

- une zone de signature Renow (contenant le logo Renow)

- la GovBar (si son utilisation a été confirmée par le SIP).
Pour l'accessibilité, la stabilité des éléments de l'interface sont essentiels (le menu particulièrement)
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Homogénéité

PR.021 - Repérage des liens - Niveau 1

Les liens de type "contenu" sont soulignés ou ont un contraste avec le texte alentour de 3:1 minimum.
L'effet de roll-over des liens de contenu non-soulignés font apparaître un soulignement. https://webaim.org/resources/linkcontrastchecker/
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
    • Final
    • Design graphique
  • Types d'exigence:
    • Maitrise par l'utilisateur

PR.008 - 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.
L'apparence graphique des titres est cohérente avec leur niveau hiérarchique. Les informations de même niveau (titres principaux, titres secondaires, texte standard, légendes, box ...) se présentent partout de la même manière.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

PR.011 - Soulignement - Niveau 1

Le soulignement est réservé aux liens.
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
    • Final
    • Design graphique
  • Types d'exigence:
    • Homogénéité

PR.020 - Survol des zones cliquables - Niveau 1

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
  • Types d'exigence:
    • Homogénéité

PR.015 - Utilisation des liens externes - Niveau 2

Les liens externes (renvoyant vers un autre site) et les éléments téléchargeables s'ouvrent dans une nouvelle fenêtre. Idéalement l'indication d'ouverture dans une nouvelle fenêtre est précisée.
L'information s'affiche au survole du lien. Pour l'accessibilité, l'ouverture dans une nouvelle fenêtre est essentielle.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

PR.016 - Compatibilité navigateur - Niveau 1

Le site est compatible sur les principaux navigateurs web (Firefox, Chrome, IE, Edge, Safari)
Nous préconisons un affichage optimal pour les navigateurs cités jusqu'à 2 versions précédentes. Pour les versions antérieures, une dégradation dite “gracieuse” est mise en place et permettra un affichage non optimisé des pages du site.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

PR.029 - Compatibilité taille d'écran - Niveau 1

Le site est compatible sur ordinateur, smartphone et tablette (en portrait et paysage)
La navigation mobile est utilisable, pas de chevauchement de contenu, l'ordre des contenus reste logique sur ces différents écrans
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

PR.019 - Apparition d'alertes - Niveau 1

Lorsqu'une alerte (ou un message d'erreur) apparait, l'utilisateur doit le comprendre immédiatement : visible à l'écran.
Ce critère est applicable dans les formulaires ou dans les alertes.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Gestion des erreurs

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

Les contenus des pages sont alignés à gauche sans justification
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
    • Final
    • Design graphique
  • Types d'exigence:
    • Lisibilité

PR.002 - liens d'évitement - Niveau 2

Les liens d'évitement "aller au contenu", "aller à la navigation", "aller à la recherche" sont présents, au même endroit sur chaque site, s'ils ont un intérêt. Ils sont visibles au focus.
Lors du parcours au clavier, les liens d'évitement doivent apparaitre dès la première tabulation
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Adaptabilité utilisateur

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

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:
    • Adaptabilité utilisateur

PR.012 - Utilisation de mots-clés - Niveau 3

Les expressions importantes et les mots-clés sont mis en évidence en gras.
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Lisibilité

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

Les éléments de navigation thématiques, transversales et de support ne sont pas mélangés.
Guidage + cohérence
  • Etape(s):
    • Arborescence
    • Prototype
    • Final
    • Arborescence
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

PR.017 - Taille de police minimum - Niveau 1

La taille minimale du texte doit être lisible quelle que soit sa fonction (une taille inférieure à 12px est souvent illisible).
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
    • Final
    • Design graphique
  • Types d'exigence:
    • Lisibilité

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

Dans les contenus, les liens visités se distinguent visuellement des liens non-visités.
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
    • Final
    • Design graphique
  • Types d'exigence:
    • Maitrise par l'utilisateur

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
    • Final
    • Design graphique
  • Types d'exigence:
    • Lisibilité

RC.004 - Repérage des mots recherchés - Niveau 3

Les mots-clés recherchés sont mis en surbrillance dans les résultats affichés.
La mise en évidence se fait à l'aide de balises appropriées (mark)
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Lisibilité

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

Le nombre de résultat est indiqué à l'utilisateur dans la page de résultat de recherche.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

RC.002 - Formulaire à champs unique - Niveau 2

Pour les formulaires à champs unique, le bouton d'action doit être à la suite (à coté ou en dessous).
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Homogénéité

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

Les titres des pages trouvées sont mis en évidence et cliquables.
  • Etape(s):
    • Final
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

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

Pour chaque page trouvée une description de la page est affichée.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Compréhension par l'utilisateur

RC.001 - Recherche globale - Niveau 1

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):
    • Maquettage
    • Prototype
    • Final
    • Design graphique
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Homogénéité

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

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:
    • Maitrise par l'utilisateur

RC.008 - Portée d'une recherche spécifique - Niveau 1

La portée d'une recherche spécifique est indiquée.
Soit dans le label soit avec un titre placé avant. Exemple: pour une recherche parmi les publications
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Maitrise par l'utilisateur

TB.001 - Utilisation de tableaux - Niveau 3

Les tableaux sont uniquement utilisés pour présenter des données nécéssitant une structure en ligne/colonne
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Lisibilité

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.
Lorsqu'un tableau triable est présent, le tri de chaque colonne se fait en cliquant sur l'entête de colonne.
  • Etape(s):
    • Maquettage
    • Prototype
    • Final
    • Prototype
    • Final
  • Types d'exigence:
    • Lisibilité

Dernière modification le