Checklist Renow 4.3

45 résultat(s) trouvé(s)

Navigation

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

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

Contenu

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

Navigation

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

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

Navigation

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

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

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

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.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.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.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.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.003 - Actualitées datées - Niveau 3

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

Navigation

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

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

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

Dernière modification le