Critère 13.9

Orientation de l'écran

Le contenu doit être consultable en mode portrait et paysage sans perte d'information.

En Bref : L'essentiel à retenir

L'objectif est de permettre aux utilisateurs de tablettes et mobiles, y compris ceux sur fauteuils roulants, d'utiliser le site dans n'importe quelle orientation d'écran.
La solution technique préconisée est l'utilisation d'un design responsive, sans bloquer l'orientation via CSS ou JavaScript.
Il est impératif que le contenu s'adapte (reflow) correctement, évitant chevauchements et pertes d'informations lors du changement d'orientation.
Le critère 13.9 du RGAA fournit des directives pour l'accessibilité de l'orientation de l'écran.

Objectif

Permettre aux utilisateurs de tablette ou de mobile (notamment ceux qui ont leur appareil fixé sur un fauteuil roulant) de consulter le site quelle que soit l'orientation de leur écran.

Solution Technique

1. Responsive Design

Le site ne doit pas bloquer l'orientation via CSS ou JavaScript.

/* Évitez ceci */
@media screen and (orientation: landscape) {
  body {
    transform: rotate(-90deg); /* Mauvaise pratique */
  }
}

2. Flexibilité

Assurez-vous que le contenu s'adapte (reflow) correctement sans chevauchement ni perte d'information lorsque l'on passe de portrait à paysage.

Ressources

Critère 13.9 du RGAA