| <- [[W3Cx:itwa:1.2.9 Demo: Reading with and without wrapping]]| [[W3Cx:itwa:1.2.11 Web accessibility importance, right]] -> |

Il est proposé dans cette activité d'installer l'extension Stylus ([[https://addons.mozilla.org/fr/firefox/addon/styl-us/|firefox]], [[https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne/related|chrome]]) et d'essayer la feuille de style utilisateur suivante, afin de se poser les questions suivantes :

  * Du texte disparaît-il ou est-il coupé ?
  * Le texte, les images et les autres contenus se chevauchent-ils ?
  * Tous les boutons, champs de formulaire et autres contrôles sont-ils visibles et utilisables ?
  * Le défilement horizontal et vertical est-il nécessaire pour lire des phrases ou des blocs de texte ?

<code>
* {
  line-height: 1.5 !important;
  letter-spacing: 0.12em !important;
  word-spacing: 0.16em !important;
}
p {
  margin-bottom: 2em !important;
}
</code>

===== questions =====

  * Quels problèmes peuvent apparaitre sur le web si les utilisateurs procèdes à des adaptations (taille typo, espace intermot, interligne…) (4 éléments) ?
    * Du texte peut disparaître ou être coupé
    * Des contenus, textes, images, autres, peuvent se chevaucher
    * Les éléments de contrôle, boutons, champs de formulaire peuvent devenir invisibles ou inutilisables
    * Cela peut rendre nécessaire un double défilement (vertical et horizontal) rendant la navigation laborieuse