Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Mon site doit-il fonctionner en portrait et en paysage ?
Oui : votre site doit être utilisable en portrait et en paysage et ne doit imposer aucune orientation. La raison est pratique — certaines personnes ne peuvent pas tourner leur appareil, par exemple parce que la tablette est montée en position fixe sur leur fauteuil roulant. Un site qui ne fonctionne qu'en paysage exclut complètement ces visiteurs.
L'orientation forcée exclut les visiteurs
La plupart des sites s'adaptent automatiquement à l'orientation de l'appareil. Des problèmes surviennent quand la mise en page ou le code impose une orientation : une fenêtre « Veuillez tourner votre appareil », une zone vidéo utilisable seulement en mode paysage, un formulaire de réservation coupé en mode portrait. Pour la plupart des utilisateurs, c'est un désagrément — pour les personnes ayant un appareil monté en position fixe, c'est une porte fermée. Cela affecte aussi les utilisateurs dont la rotation de l'appareil est verrouillée pour des raisons de santé, par exemple le vertige. La règle connaît une exception étroite : où une orientation est techniquement inévitable — par exemple une application de clavier de piano — elle peut être imposée. Pour les sites d'entreprises ordinaires, de telles raisons existent pratiquement jamais.
Comment notre noyau de mesure vérifie l'orientation
Notre noyau de mesure affiche votre page dans un vrai navigateur en plusieurs largeurs d'écran — d'une vue mobile étroite à une vue large de bureau — et couvre ainsi les largeurs portrait typiques : ce qui déborde horizontalement ou est coupé là-bas se retrouve comme constat dans le domaine de contrôle Responsive. Qu'une page verrouille activement l'orientation ou demande de tourner au-delà, cela apparaît souvent seulement sur l'appareil réel et dans le comportement de la page — au standard or, une personne qui utilise la page dans les deux orientations le juge. Le rapport distingue clairement entre ce qui a été mesuré et ce qui est un jugement humain.
Beispiele
Querformat erzwungen
<meta name="viewport" content="width=device-width">
<script>screen.orientation.lock("landscape");</script>
<style>@media (orientation: portrait) { body { display: none } }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tabelle { overflow-x: auto; }
</style>Ein Tablet am Rollstuhl ist fest montiert. Die Seite passt sich der Lage an; breite Inhalte bekommen einen eigenen Scrollbereich.
- Ouvrez votre site sur mobile et tournez l'appareil — toute fonction doit rester accessible dans les deux orientations.
- Supprimez les fenêtres comme « Veuillez tourner votre appareil » — c'est le signe le plus clair d'une orientation forcée.
- Testez les formulaires et les parcours de réservation spécifiquement en portrait, où les coupures surviennent le plus souvent.
- Demandez à votre agence de confirmer qu'aucun verrou d'orientation n'est défini dans le code.
- Vérifiez les contenus intégrés comme les vidéos et les cartes dans les deux orientations — les modules tiers apportent leurs propres verrous.