Qualité Web - Feuilles de style

Using style sheets is crucial for improving the quality of web pages.

Do not use the font tag

CSS should be used to set the font size displayed on web pages. Do not use the font tag.

Using the <font> tag will increase the size of the document and make it a nightmare every time you want to change the standard text size.

Imagine the following situation:

One day you decide to change the color and size of all the titles on your website. With CSS, you can do this with just one line of code. If you use the <font> tag, you will need to change all the titles on every page of the website.

Using styles instead of the <font> tag makes it easier for us to create high-quality interfaces for web pages.

Ne pas utiliser de valeurs de taille de police fixes

Ne pas utiliser de valeurs de taille fixes. Utilisez toujours des valeurs de taille relatives.

La raison la plus importante de cette recommandation est qu'il n'est pas possible de réajuster la taille fixe à l'aide du navigateur.

Vos visiteurs utiliseront des appareils (écrans) différents, des environnements de navigation (lumière) différents et des handicaps possibles (faiblesse visuelle).

Par exemple, vous pouvez définir la taille de texte d'une personne à 100% (ou medium), le titre principal à 140% (ou x-large) et les sous-titres secondaires à 120% (ou large), de sorte que les utilisateurs puissent réajuster les dimensions préférées via le navigateur.

La fonction de ajustement de la taille du texte sur une page Web peut également changer le nombre de caractères sur la page imprimée.

Ne pas utiliser une taille de police par défaut trop petite

Certains sites utilisent de petites tailles de police de texte pour pouvoir insérer plus de contenu sur chaque page ou rendre la page plus 'branchée'.

Réitérons que l'utilisation de différents appareils (écrans), différents environnements de navigation (lumière) et des handicaps possibles (faiblesse visuelle) peuvent causer des difficultés de lecture aux utilisateurs.

Ne forcez pas les utilisateurs à agrandir la taille du texte à chaque visite de votre site.

Utilisez toujours une couleur de fond cohérente

La plupart des pages Web utilisent des couleurs pour différents éléments de texte. Les couleurs des titres et des liens sont généralement différentes de celles du texte principal.

En tant que concepteur web, vous devez être conscient du fait que vos visiteurs peuvent modifier les options de couleurs par défaut.

Si vous définissez une couleur pour les éléments web, vous devriez également définir la couleur de fond.

Si vous ne définissez pas la couleur de fond, votre site Web pourrait être gâché par des combinaisons de couleurs médiocres (comme du texte rouge sur un fond rouge vif, ou du texte sombre avec un fond sombre).

Si vous ne définissez pas la couleur de fond, le texte pourrait être difficile à identifier.