Adapter l’affichage pour les personnes malvoyantes

Publié le par

Voici une version de l’exercice où l’on change la feuille de style en fonction des besoins des personnes malvoyantes.

Conforme au RGAA (Référentiel Général d’Amélioration de l’Accessibilité) → Norme en France.

L’objectif est d’offrir deux styles :

  1. Version standard : police et couleurs classiques. style-standard.css 
body {
    background-color: white;
    color: black;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 50px;
}

h1 {
    font-size: 2em;
}

p {
    font-size: 1.2em;
}

Version accessible : police plus grande, contraste amélioré, espacement augmenté : style-access.css

body {
    background-color: black; /* Contraste élevé */
    color: yellow;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 50px;
}

h1 {
    font-size: 3em; /* Plus grand */
    text-transform: uppercase;
}

p {
    font-size: 1.8em; /* Texte plus grand */
    line-height: 1.8; /* Espacement augmenté */
}