du point de vue sémantique (quelques exemples):
- pour l'annonce du concert, tu utilises la balises "p" pour esapcer ton texte. Celle-ci sert normalement à séparer des paragraphes, ce qui n'est pas le cas ici. Jouer sur les CSS pour la hauteur d'un "br" aurait été plus judicieux
- tu sépares les images liens des liens textes en les entourant soit par un "span" (qui sert normalement à modifier un style inline au sein d'un bloc) soit par un "p", tu pourrais tout aussi les regrouper dans deux blocs (gauche/droite) mis côte à côte.
Pour ce qui est de l'accessibilité, il y a en effet des recommendations, la plus complète que je connaisse étant le WCAG du W3C, mais celui-ci ne dispense pas du bon sens.
L'un des meilleur moyen de tester son site (mais pas le seul) est encore de passer celui-ci à la moulinette lynx (ou opera en utilisant les feuilles de style persos).
Tu vois tout de suite que tes liens sont toujours situé en bas de page. Ce peut être une bonne optique, pour peu que tu mettes un mécanisme qui permette d'y accéder directement (sinon un aveugle doit à chaque fois reparcourir la page, par exemple) comme les accesskey. Les attributs alt de tes images ne sont pas très explicites pour un non initié, en outre, ces images sont des liens et rien ne l'indique dans cet attribut. A mon avis, tu ferais mieux d'indiquer dans celui-ci qu'il s'agit de liens (et vers quoi) et, dans l'attribut tittle d'indiquer ce que représente la photo.
Voila, il y a encore quelques détails (les pipes pour séparer les liens par exemple) qui devraient se trouver au niveau des CSS plutôt qu'au niveau du code, mais rien de bien difficile. Quelque règles simples permettent de faciliter grandement l'accès pour ces personnes sans nuir à l'apect visuel de ton site.
[^] # Re: Avis sur site web (le retour)
Posté par gizmo . En réponse au journal Avis sur site web (le retour). Évalué à 4.
- pour l'annonce du concert, tu utilises la balises "p" pour esapcer ton texte. Celle-ci sert normalement à séparer des paragraphes, ce qui n'est pas le cas ici. Jouer sur les CSS pour la hauteur d'un "br" aurait été plus judicieux
- tu sépares les images liens des liens textes en les entourant soit par un "span" (qui sert normalement à modifier un style inline au sein d'un bloc) soit par un "p", tu pourrais tout aussi les regrouper dans deux blocs (gauche/droite) mis côte à côte.
Pour ce qui est de l'accessibilité, il y a en effet des recommendations, la plus complète que je connaisse étant le WCAG du W3C, mais celui-ci ne dispense pas du bon sens.
L'un des meilleur moyen de tester son site (mais pas le seul) est encore de passer celui-ci à la moulinette lynx (ou opera en utilisant les feuilles de style persos).
Tu vois tout de suite que tes liens sont toujours situé en bas de page. Ce peut être une bonne optique, pour peu que tu mettes un mécanisme qui permette d'y accéder directement (sinon un aveugle doit à chaque fois reparcourir la page, par exemple) comme les accesskey. Les attributs alt de tes images ne sont pas très explicites pour un non initié, en outre, ces images sont des liens et rien ne l'indique dans cet attribut. A mon avis, tu ferais mieux d'indiquer dans celui-ci qu'il s'agit de liens (et vers quoi) et, dans l'attribut tittle d'indiquer ce que représente la photo.
Voila, il y a encore quelques détails (les pipes pour séparer les liens par exemple) qui devraient se trouver au niveau des CSS plutôt qu'au niveau du code, mais rien de bien difficile. Quelque règles simples permettent de faciliter grandement l'accès pour ces personnes sans nuir à l'apect visuel de ton site.
J'espère que cela t'aidera.