Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Le texte d'un site web doit-il pouvoir s'agrandir de 200 % ?
Oui : les visiteurs doivent pouvoir agrandir le texte de votre site à 200 % — c'est-à -dire à la double taille — sans perdre de contenu ou de fonctionnalité. De nombreuses personnes ayant une déficience visuelle progressive lisent avec un affichage agrandi. Le zoom du navigateur le fait automatiquement, tant que le site ne l'interdit pas ou n'échoue pas lors de l'agrandissement.
Le zoom du navigateur est la loupe du web
Celui qui a du mal à lire les petits caractères appuie sur l'ordinateur sur Ctrl et Plus, ou tire deux doigts à part sur son téléphone — et la page grandit. Pour de nombreux visiteurs plus âgés, c'est la façon normale de lire les sites. La règle exige que jusqu'à la double taille, rien ne se perde : les textes ne doivent pas se chevaucher, les boutons ne doivent pas quitter l'écran, les contenus ne doivent pas être coupés. La violation la plus courante et la plus irritante est le verrouillage du zoom sur mobile : un réglage de code qui interdit complètement l'agrandissement à deux doigts. Il provient généralement de vieux modèles et peut être retiré en quelques minutes — le gain pour les visiteurs malvoyants est énorme.
Comment notre noyau de mesure teste la zoomabilité
Notre noyau de mesure lit le réglage d'affichage de votre site et détecte les verrouillages de zoom de manière fiable : si le code interdit l'agrandissement sur mobile ou le plafonner sous le double, le rapport le signale comme une constatation grave avec une justification précise. De plus, la mesure note si votre site offre un interrupteur de taille de police propre — c'est une fonctionnalité de confort, mais ne remplace pas le zoom du navigateur qui fonctionne. Que le site se casse bien lors d'un agrandissement réel dépend étroitement du critère lié au flux, que notre noyau de mesure mesure sur plusieurs largeurs d'écran. L'évaluation globale du comportement à 200 % en est au standard Gold : une personne agrandit et utilise le site.
Beispiele
Zoom gesperrt, Höhe fest
<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no">
<style>.karte { height: 120px; overflow: hidden; }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>.karte { min-height: 120px; }</style>Bei 200 Prozent wächst der Text; Kästen mit fester Höhe schneiden ihn ab. min-height lässt ihn wachsen.
- Testez l'agrandissement à deux doigts sur mobile — s'il ne fonctionne pas, faites retirer le verrouillage du zoom du code.
- Demandez à votre agence de définir les tailles de police en unités adaptables plutôt qu'en valeurs de pixels fixes.
- Demandez à votre agence de définir les tailles de police en unités adaptables plutôt qu'en valeurs de pixels fixes.
- Après l'agrandissement, testez particulièrement les menus et les formulaires — c'est là que les problèmes apparaissent d'abord.
- Ne comptez jamais exclusivement sur un commutateur de taille de police interne : le zoom du navigateur doit toujours fonctionner en plus.