Checklist Renow 4.3

68 résultat(s) trouvé(s)

Tableau

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)

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)

Formulaire

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

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.013 - Validation de formulaire - Niveau 1

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:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 2.1.1(A)

FM.004 - Groupement de champs - Niveau 1

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):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 1.3.1(A)
    • 3.3.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.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)

Tableau

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

Formulaire

FM.020 - Formulaire avec informations personnelles - Niveau 2

Pour chaque formulaire recueillant des informations personnelles ou ayant des conséquences au delà du site, l'envoi des données se fait en 3 étapes distincts:
-la saisie
- la confirmation (avec modification possible)
- le résultat de l'envoi des données (avec, si réussite, récapitulatif des informations)
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • RGPD
  • WCAG 2.1:
    • 3.3.4(AA)

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.
<label for="document"> Ajouter un document à votre dossier </label>
<input type="file" id="document" name="document" aria-invalid="true" aria-describedby="formats erreur" />
<p id="erreur">Format de fichier incorrect.</p> <p id="formats">Formats acceptés : pdf ou doc.</p>
  • Etape(s):
    • Final
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 3.1.1(A)
    • 3.3.3(AA)

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

FM.008 - Listes à choix uniques - Niveau 1

Les champs INPUT 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):
    • Final
    • Prototype
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 4.1.2(A)

FM.002 - Label des champs - Niveau 1

Les champs de formulaire ont un label explicitement associé et pertinent.
Le label contient la propriété for et l'input contient un id identique <code><label for="label1"> étiquette du champs</label><input id="lable1"></input></code>
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 3.2.2(A)

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)

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)

Formulaire

FM.021 - Format attendu - Niveau 1

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)
Le champs et l'aide à la saisie sont liés<label for="document"> Ajouter un document à votre dossier </label>
<input type="file" id="document" name="document" aria-describedby="formats" />
<p id="formats">Formats acceptés : pdf ou doc.</p>
Pour les champs texte qui permettent de saisir l'identité d'une personne, le champ "nom" a pour valeur de l'attribut autocomplete "family-name", le champ "prénom" la valeur "given-name", etc.
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 3.3.2(A)
    • 1.3.5 (AA)

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
    • Design graphique
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 1.3.3(A)

FM.016 - Note champs obligatoire - Niveau 1

La note "* Champ obligatoire" est spécifié au niveau du formulaire.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
  • WCAG 2.1:
    • 3.3.2(A)

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

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):
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 2.5.3(A)
    • 2.4.6(AA)

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é * :".
La distinction peut être faite avec la mention (obligatoire) écrit en toute lettre. La propriété "required" doit également être présente sur le champs <label for="numero-serie">Numéro de série *</label>
<input type="text" id="numero-serie" required>
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 3.2.1(A)
    • 3.2.2(A)

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

Les libellés des boutons d'action et les labels de champs sont cohérents à travers toutes les pages du site.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 3.2.4(AA)

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

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)

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

FM.003 - Position du label - Niveau 1

Les labels sont visibles 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):
    • Final
    • Prototype
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 2.5.3(A)

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

Formulaire

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

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

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)

Contenu

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)

Code

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)

Contenu

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

Code

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)

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)

Contenu

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)

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)

Formulaire

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

FM.005 - Groupement de réponse - Niveau 1

Les groupes d'options des champs SELECT sont balisés avec des éléments OPTGROUP dotés d'un libellé via l'attribut LABEL.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 1.3.1(A)

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)

Dernière modification le