• 6 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 11/08/2021

Concevoir des contenus web accessibles

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Compétences évaluées

  • Concevoir des contenus Web accessibles
  • Question 1

    Quels sont les aspects de la police de caractères Gill Sans qui contribuent à sa lisibilité ?

    Police Gill Sans typeface de plusieurs tailles différentes. La typographie est une humaniste  sans serif, géométrique basée sur des majuscules Romaines, donnant des apertures. Les épaisseurs de trait sont toutes égales.
    Police de caractères Gill Sans. Source : Wikimedia Commons.
    Attention, plusieurs réponses sont possibles.
    • Les contreformes et ouvertures (apertures)

       
    • Aucune ambiguïté de caractère

    • L'égalité des fûts (strokes)

    • L’espacement des caractères

    • Un grand interligne

  • Question 2

    Comment pourriez-vous rendre le paragraphe suivant plus lisible ?

    Paragraphe de texte avec une typographie Light sans serif. Les lignes sont d'environ 90 charactères de large. L'espacement vertical est de 1.2 fois la taille de police.
    Un paragraphe de texte (source : Wikipedia)

     

    Attention, plusieurs réponses sont possibles.
    • En augmentant la longueur de la ligne de 50 %.

    • En réduisant la longueur des lignes de 50 %.

    • En augmentant la longueur des lignes de 30 %.

    • En réduisant la longueur des lignes de 30 %.

    • En augmentant l'espacement vertical (interligne).

    • En diminuant l'espacement vertical (interligne).

       
    • En augmentant le poids des polices.

    • En diminuant le poids de la police.

  • Question 3

    À quelle balise se rapporte la page suivante ?

    La page de parcours d'OpenClassrooms contenant un logo en haut à gauche suivi de trois liens vers d'autres pages. Un bouton de recherche un icone de profile apparaissent à droite. Au dessous, les breadcrumbs montre 2 liens indiquent où est l'utilisateur sur le site. Puis un grand titre apparait avec un paragraphe de texte d'un côté de l'écran, et une photo d'un étudiant de l'autre côté. Des avantages du programme de formation apparaissent juste après les uns à côté des autres.

    • La balise header

    • La balise footer

    • La balise navigation

    • La balise main

    • L’attribut search

    • La balise form

    • L’attribut complementary