Checklist Renow 4.3

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

  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 4.1.2(A)
    • 1.3.2(A)

Identification

• 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

• ID.007 - Balise description - Niveau 3

  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)