Checklist Renow 4.3

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

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

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)

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

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

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)

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)

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.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.003 - Protocole HTTPS - Niveau 3

    Le site est uniquement consultable en https.
    • Etape(s):
      • Final
    • 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

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)

Identification

  • ID.001 - Nom de domaine - Niveau 3

    Le nom de domaine respecte le formalisme nom.public.lu.
    • Etape(s):
      • Arborescence
    • Types d'exigence:
      • Ergonomie

Formulaire

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

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

Formulaire

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

  • 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

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)

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

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)

Dernière modification le