Derniers articles
-
Faciliter la navigation au clavier avec :focus, outline et box-shadow
Beaucoup de sites utilisent les mêmes styles au survol avec une souris (via
:hover
) que lors de la navigation au clavier (via:focus
).Or cela n’a pas le même impact et ne répond pas au même besoin :
- En naviguant avec une souris, l’utilisateur sait où est son pointeur et cherche à confirmer qu’un élément est réactif grâce aux styles du
:hover
- En naviguant au clavier l’utilisateur cherche plutôt à aller au prochain élément réactif sans forcément savoir où celui-ci se trouve.
Il faut donc rendre le
:focus
facile à localiser pour l’utilisateur. - En naviguant avec une souris, l’utilisateur sait où est son pointeur et cherche à confirmer qu’un élément est réactif grâce aux styles du
-
Comment je suis devenu webdesigner sans talent
N’étant pas designer pour un sou (après tout je suis développeur, je produis donc plus facilement du code lisible que des designs jolis), j’ai tenté l’aventure de concevoir le design de mon propre site de A à Z. Je partage donc quelques astuces qui m’ont aidé à avoir un résultat (je trouve) plutôt correct…