Checklist Renow 4.3

Filtrer

8 résultat(s) trouvé(s)

Présentation

PR.004 - Compréhension sans design - Niveau 1

L'information est compréhensible (contenu + ordre par type de contenu) lorsque l'on désactive les feuilles de styles
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 1.3.2(A)

PR.028 - Compatibilité lecteur d'écran - Niveau 1

Le site est compatible avec lecteur d'écran.
Les informations données par le lecteur d'écran font du sens et les fonctionnalités sont utilisables
  • Etape(s):
    • Final
    • Prototype
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 4.1.2(A)

PR.018 - Stabilité de la structure des sites - Niveau 2

Toutes les pages doivent contenir et toujours à la même place (sauf exception argumentée):
- une zone d'identité
- une zone de navigation primaire
- une zone de recherche
- un chemin de localisation (sauf en page d'accueil)
- une zone de contenu
- un footer (donnant accès à tous les contenus du site)
- une zone de signature Renow (contenant le logo Renow)
- la GovBar (si son utilisation a été confirmée par le SIP).
Pour l'accessibilité, la stabilité des éléments de l'interface sont essentiels (le menu particulièrement)
  • Etape(s):
    • Prototype
    • Final
    • Design graphique
  • Types d'exigence:
    • Ergonomie
    • Référencement
    • Accessibilité
  • WCAG 2.1:
    • 3.2.3(A)
    • 2.4.5(AA)

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)

Présentation

PR.016 - Compatibilité navigateur - Niveau 2

Le site est compatible sur les principaux navigateurs web (Firefox, Chrome, IE, Edge, Safari)
Nous préconisons un affichage optimal pour les navigateurs cités jusqu'à 2 versions précédentes. Pour les versions antérieures, une dégradation dite “gracieuse” est mise en place et permettra un affichage non optimisé des pages du site.
  • Etape(s):
    • Prototype
    • Final
  • Types d'exigence:
    • Ergonomie
    • Référencement

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)

Présentation

PR.029 - Compatibilité taille d'écran - Niveau 1

Le site est compatible sur ordinateur, smartphone et tablette (en portrait et paysage)
La navigation mobile est utilisable, pas de chevauchement de contenu, l'ordre des contenus reste logique sur ces différents écrans
  • Etape(s):
    • Final
  • Types d'exigence:
    • Accessibilité
    • Référencement
  • WCAG 2.1:
    • 4.1.10(A)
    • 1.3.4(AA)

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)

Dernière modification le