Désormais, lorsque j'utilise une feuille de style utilisateur, je ne crée pas une situation dans laquelle toutes les pages Web que je visite sont identiques. Au lieu de cela, j'ai une feuille de style utilisateur qui m'aide à naviguer sur le Web. Les feuilles de style utilisateur vous permettent de définir des styles sur les éléments de page afin de faciliter leur lecture et leur utilisation, quelle que soit l'intention du concepteur de la page Web.
L’une des choses que j’ai remarquée est que beaucoup de pages Web sont construites par des personnes plus jeunes. Ces personnes semblent aimer les polices qui sont, bien, microscopiques. À l'aide d'une feuille de style utilisateur, je peux définir une taille de police plus lisible pour les tailles de police par défaut. Un autre truc populaire des concepteurs Web consiste à supprimer le soulignement des liens. Bien que cela puisse rendre la page "plus agréable", il est plus difficile de dire ce qui est cliquable. Donc, avec les feuilles de style des utilisateurs, je mets les traits soulignés dans les liens des pages que je visite.
Écrire une feuille de style utilisateur
Écrire une feuille de style utilisateur est aussi simple que d’écrire une feuille de style CSS pour votre page Web. Vous pouvez utiliser les mêmes propriétés et commandes que dans une feuille de style standard. L'astuce pour une feuille de style d'utilisateur est qu'elle est stockée sur votre disque dur et que vous indiquez à votre navigateur Web de l'utiliser. Selon le navigateur Web que vous utilisez, les instructions pour le configurer sont différentes:
- Firefox
- Internet Explorer pour Windows
- Internet Explorer pour Macintosh
- Mozilla
- Opéra
- Safari
Feuilles de style utilisateur et accessibilité
Ajouter les soulignés ou agrandir les polices est un bon début pour rendre les pages Web que je visite plus accessibles, mais avec les feuilles de style utilisateur, vous pouvez aller encore plus loin. Par exemple, de nombreux concepteurs Web utilisent toujours les éléments et sur leurs pages plutôt que d'utiliser les éléments plus sémantiques. Si j'étais aveugle, en utilisant un navigateur auditif, le navigateur ne saurait pas quoi faire et comme ceux-ci n'ont aucune signification sémantique. Mais avec une feuille de style utilisateur, je pourrais définir qu’elles soient prononcées de manière audible avec une accentuation ou une accentuation identique à celle de leurs homologues sémantiques.
Jouer avec les feuilles de style de l'utilisateur
Le moyen le plus courant d'utiliser des feuilles de style utilisateur consiste à rajouter le soulignement aux liens. Vous feriez cela en ajoutant simplement la propriété CSS suivante à votre feuille de style utilisateur:
: lien,: visité {text-decoration: underline! important; }
Ajouter le "! Important" à la fin du style est essentiel, car sinon, la feuille de style définie par l'auteur aura priorité sur votre feuille de style d'utilisateur.
Une autre astuce utile avec les feuilles de style utilisateur est de rendre certaines des balises les plus gênantes moins gênantes. Ce style fait que l’étiquette de clignotement et les étiquettes de sélection ne clignotent pas ou ne défilent pas:
blink {text-decoration: aucun! important; } marquee {-moz-binding: none! important; }
Web Designers: Gardez cela à l'esprit
N'oubliez pas que vous disposez d'un jeu de feuilles de style lors de la conception de pages Web. Sinon, vous passerez des heures et des heures à essayer de résoudre pourquoi vous voyez des soulignés sur tous les liens alors que les autres membres de votre équipe ne les voient pas. Vous pouvez en rire, mais si vous définissez la feuille de style de l’utilisateur aujourd’hui, puis que vous modifiez les styles de votre site Web en six mois, il est probable que vous ayez oublié de définir une feuille de style.
Ce que je fais est de disposer de mon profil standard sur lequel je navigue sur le Web et d’un profil par défaut avec lequel je teste mes pages Web. De cette façon, je peux naviguer sur le Web de la manière dont je suis le plus à l'aise, mais je sais aussi comment la plupart des gens vont voir ma page Web. Si vous insistez pour naviguer avec Internet Explorer, vous devez vous rappeler de désactiver les feuilles de style de l'utilisateur lors du test de vos pages Web.
