Checklist Renow 4.3

6 résultat(s) trouvé(s)

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)

  • NV.018 - Plan du site - Niveau 2

    Le plan du site / application reprend, dans le même ordre que l'arborescence, les titres exacts de toutes les pages des 3 premiers niveaux des navigations primaire et secondaire et des rubriques de support.
    • Etape(s):
      • Final
    • Types d'exigence:
      • Accessibilité
      • Référencement
    • WCAG 2.1:
      • 2.4.5(AA)
      • 2.4.8(AAA)

  • NV.005 - Aucune page vide - Niveau 3

    Le site (ou l'application) ne propose pas de page vide.
    • Etape(s):
      • Final
    • Types d'exigence:
      • Ergonomie
      • Référencement

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)

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

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

Dernière modification le