Checklist Renow 4.3

46 résultat(s) trouvé(s)

Tableau

TB.001 - Utilisation de tableaux - Niveau 1

Les tableaux sont uniquement utilisés pour présenter des données nécéssitant une structure en ligne/colonne
Si un tableau est utilisé pour positionner des éléments, le role "presentation" est utilisé. <code> <table role=présentation </table></code>
  • Etape(s):
    • Rédaction
    • Final
  • Types d'exigence:
    • Accessibilité
  • WCAG 2.1:
    • 1.3.2(A)
    • 4.1.2(A)

Présentation

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

Navigation

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)

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

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

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

Tableau

TB.004 - Résumé pour tableaux complexes - Niveau 1

Les tableaux de données complexe ont un résumé présent dans la balise CAPTION
  • Etape(s):
    • Rédaction
    • Final
  • Types d'exigence:
    • Accessibilité
  • WCAG 2.1:
    • 1.3.1(A)

TB.003 - Portée des en-têtes de tableau - Niveau 1

La portée de chaque cellule d'en-tête (TH) de ligne ou de colonne (SCOPE) est indiquée dans le code source des tableaux de données.
<th scope=row> pour les entête de ligne; <th scope=col>pour les entête de colonne.
  • Etape(s):
    • Rédaction
    • Final
  • Types d'exigence:
    • Accessibilité
  • WCAG 2.1:
    • 1.3.1(A)

Présentation

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)

Navigation

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

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

Les expressions importantes et les mots-clés sont mis en évidence en gras.
Pour l'accessibilité, la mise en évidence se fait à l'aide de balises appropriées (strong)
  • Etape(s):
    • Prototype
    • Final
    • Rédaction
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 1.3.1(A)

Navigation

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

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

Image et Multimédia

IM.006 - Transcriptions textuelles des sons ou vidéos - Niveau 1

L'information délivrée dans les documents audio et vidéo est reproduite sous forme de transcriptions textuelles. Une audiodescription doit être fournie si le document le nécessite.
Selon le cas:
- Les vidéos et/ ou sons pré-enregistrées ont des sous-titres et /ou audiodescription synchronisés.
- Si un média est une alternative au texte, il est légendé et clairement lié au texte.
- Pour un live, une légende doit préciser le contexte et l'interet de la vidéo: "(En direct) Conférence de ....".
La liaison peut se faire avec l'un des moyens suivants: <code>- <video src="..."> Détails et explications de la vidéo affichée.</video>
- <div src="vidéo" describedby=iddesc >... </div>
<p id="iddesc"> Détails et explications de la vidéo affichée.
</p>
- ou avec une balise figure:
<figure role="group" >
<video src="…" describedby=iddesc > </video>
<figcaption id=iddesc> Détails et explications de la vidéo affichée.
</figcaption>
</figure></code>
  • Etape(s):
    • Rédaction
    • Final
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 1.2.1 (A)
    • 1.2.2(A)
    • 1.2.3(A)
    • 1.2.4 (AA)
    • 1.2.5(AA)

Navigation

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.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.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).
  • Etape(s):
    • Arborescence
    • Prototype
    • Rédaction
    • Final
  • Types d'exigence:
    • Accessibilité
  • WCAG 2.1:
    • 2.4.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

Identification

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

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)

Tableau

TB.002 - En-tête de tableaux - Niveau 1

Chaque tableau possède des en-têtes TH appropriés.
Un tableau de présentation ne contient pas de balise <th>, contrairement au tableau de donnée
  • Etape(s):
    • Rédaction
    • Final
  • Types d'exigence:
    • Accessibilité
  • WCAG 2.1:
    • 1.3.1(A)

Présentation

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.011 - Soulignement - Niveau 3

Le soulignement est réservé aux liens.
  • Etape(s):
    • Prototype
    • Rédaction
    • Final
    • Design graphique
  • Types d'exigence:
    • Ergonomie

Navigation

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

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

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

Dernière modification le