La pseudo classe :hover n’est pas faite pour des menus déroulants

La pseudo-classe dynamique :hover est connue fonctionnent parfaitement sur les liens mais peu d’intégrateurs savent qu’il est tout à fait possible de l’appliquer
à n’importe quel élément de la page, par exemple p:hover {background-color: pink;}, tout simplement parce que IE6 ne comprend pas cette syntaxe.

Raphaël Goetter, référence international en matière de CSS, mentionne dans son article sur 10 techniques avancées et secrets de CSS2 enfin utilisable grâce à la dispartion d’Internet Explorer 6, la pharse suivante

Les illustrations de cette pseudo-classe en action sont nombreuses. La plus parlante demeure sans-doute la réalisation d’un menu déroulant à l’aide de li:hover {…}.

Je ne peut que bondir car l’utilisation du :hover est à faire avec parcimonie car :hover peut potentiellement introduire des éléments de gestion de comportement de l’IHM, rôle réservé normalement aux javascripts.

Continue reading

Quel est la taille de police pour assurer un confort de lecture minimal ?

En début d’année l’article « Stop Arial 11px » avait fait pas mal de bruit. La taille des polices sur le Web est un vrai problème aujourd’hui, elle oblige soit les utilisateurs à jouer du CTRL + roulette pour zoomer en arrivant sur chaque site, soit de se rapprocher très près de l’écran. Pour vous quelle doit être la taille de police utiliser comme base sur le Web et pourquoi ?

Continue reading

Les alternatives aux vidéos sont indispensables pour un bon référencement

Les sous-titres sur les vidéos sont des éléments indispensable pour les utilisateurs qui ont des difficultés d’audition et qu’ils n’ont pas accès aux sons. On dit souvent que l’accessibilité des contenus améliorent le référencement. Les alternatives aux vidéos sont certainement les critères d’accessibilité qui ont le plus d’impact sur le référencement ou une stratégie marketing sur les réseaux sociaux.

Continue reading

L’attribut alt est inutile pour le référencement … pour les images de décoration

Sur ce blog, j’ai souvent évoqué l’attribut alt (ou la balise alt comme certains experts du SEO le définissent) sur comment faire une alternative textuelle correcte ou sur la prise en compte du alt et du title par les différents moteurs de recherche ou encore sur comment faire des liens corrects. A travers, un exemple très récent qu’il existe d’autre moyen très simple de positionner ces images dans Google Image sans remplir artificiellement l’attribut alt.

Continue reading

Des textes lisibles pour mieux être lu

Le texte est souvent le parent pauvre du Web. Il n’est pas rare de voir des sites où le texte est difficilement lisible pour un Internaute lambda. Les directeurs artistiques et les graphistes ont des lasers à la place des yeux et en général de très bon écran. Malheureusement, ce n’est pas le cas de la majorité des internautes. Pourtant, il est très simple d’améliorer la situation.

Continue reading