Checklist Renow 4.3

38 résultat(s) trouvé(s)

Code

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)

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.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.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.001 - Nom de domaine - Niveau 3

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

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

Image et Multimédia

IM.004 - Alternative des images-liens - Niveau 1

L'alternative textuelle d'une image-lien ou d'un bouton graphique indique la cible ou la fonction du lien ou du bouton.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 1.1.1(A)
    • 4.1.2(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

Image et Multimédia

IM.003 - Alternatives des images décoratives - Niveau 1

Les éléments graphiques qui n'apportent pas d'information nécessaires à la compréhension du contenu possèdent une alternative textuelle vide.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
  • WCAG 2.1:
    • 1.1.1(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)

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

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

Image et Multimédia

IM.001 - Alternative des images - Niveau 1

Les alternatives textuelles d'images de contenu sont concises, limitées à l'information essentielle apportée spécifiquement par l'image. Elles ne font pas doublon avec l'information textuelle déjà présente dans le corps du texte.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 1.1.1(A)

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)

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)

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)

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)

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)

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

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

Image et Multimédia

IM.002 - Alternative des images complexes - Niveau 1

L'information apportée par une image complexe est explicitée dans le corps du texte, et l'image a une alternative textuelle permettant de localiser la description.
Pour une balise img (canvas ou role=img ...) l'utilisation d'un aria-describedby="id", id faisant référence au paragraphe de la description.
<img src="…" alt="voir légende ci-après" aria-describedby=iddesc />
<p id="iddesc"> Détails et explications de l'image affichée.
</p>
ou avec une balise figure: <figure role="group">
<img src="…" alt="description courte" />
<figcaption>
Détails et explications de l'image affichée. (ou lien vers la description)
</figcaption>
</figure>
idem pour un svg avec un aria-label ou une balise <title> ou un paragraphe masqué (sauf au lecteur d'écran)
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 1.1.1(A)

Identification

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

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

Image et Multimédia

IM.005 - Déclenchement explicite des sons et vidéos - Niveau 1

Les sons et/ou vidéos sont uniquement déclenchés par l'utilisateur.
  • Etape(s):
    • Final
  • Types d'exigence:
    • Accessibilité
    • Ergonomie
  • WCAG 2.1:
    • 3.2.2(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)

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

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

Identification

ID.003 - Protocole HTTPS - Niveau 3

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

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)

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)

Dernière modification le