Accessibilité et évènement onmouseover

Version imprimable

Bonjour à toutes et à tous,

Dans le cadre de la réalisation d'un site accessible rang or, je rencontre un problème avec le validateur ocawa et wcag 1.0 : Il faut définir l'évènement 'onmouseover'

Mon code est le suivant :
Code:

1 2 <a class="curseurMain" onmouseup="javascript: smenuEtatClic=0;" onmousedown="javascript: smenuEtatClic=1; afficherMenuColonne('sMenu1', 'clic');" onfocus="javascript: afficherMenuColonne('sMenu1', 'focus');" title="Le Comité XXXXXXXXXXX"><img src="./images/fleche-vert-clair.gif" class="flottantDroite" width="11px" height="11px" alt="cette rubrique possède des sous rubriques" title="cette rubrique possède des sous rubriques" />Le Comité XXXXXXXXX</a>
Auriez-vous une explication pour contourner cette erreur ?

Merci

23/04/2008, 16h21
Barsy

Il me semble pourtant que l'erreur est claire, il faut que tu ajoute un évènement onMouseOver.

voilà.
23/04/2008, 16h32
SebastienM

Oui, mais voilà :
- Je n'ai pas besoin d'un onmouseover
- Si j'en met un du type onmouseover="javascript: return 0;" ça m'affiche le même message pour onmouseout, etc...
- Je voudrais connaître la raison de l'obligation de cet attribut...
28/04/2008, 17h23
Auteur

bonjour,

Pourquoi utilises-tu une balise a ? Elle est inutile ici. Prends une balise span.

De plus tu peux supprimer le terme "javascript" dans les événements, il est inutile (après un événement c'est toujours une fonction JS qui est appelée).
28/04/2008, 19h21
Erwan31
Citation:

Envoyé par Auteur

Pourquoi utilises-tu une balise a ? Elle est inutile ici. Prends une balise span.

Non au contraire. S'il veut que les évènement dépendant du clavier puissent
fonctionner et afficher la main synonyme d'action dans tout les contexte
d'utilisation, il doit conserver le lien et ajouter
Code:

1 2 un href="javascript:;" ou un href="javascript:void(0);"
pour que le onfocus soit operant.

SebastienM, l'évènement onfocus doit le plus souvent être couplé d'un
onmouseover (équivalent souris) et inversement. Donc à toi de voir si ce
dernier est nécessaire en accès standard (souris).
28/04/2008, 23h47
Auteur

Citation:

Non au contraire. S'il veut que les évènement dépendant du clavier puissent
fonctionner et afficher la main synonyme d'action dans tout les contexte
d'utilisation, il doit conserver le lien.

ah oui je n'avais pas fait le rapprochement :oops:

petite remarque dans

Code:

href="javascript:;"

il ne faut surtout pas oublier le point-virgule. En effet,

Code:

href="javascript:"

(sans le point virgule) affiche la console Javascript de FF :aie:

J'y pense il y a l'attribut tabIndex. Voici un exemple avec des span :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<html>
<head>
  <script type="text/javascript">
    function over(objet)
    {
      objet.style.textDecoration = "underline";
      objet.style.fontWeight = "bold";
    } 
    function out(objet)
    {
      objet.style.textDecoration = "none";
      objet.style.fontWeight = "normal";
    }
  </script>
</head>
<body>
bla bla bla bla bla <span style="color:#0000FF" onfocus="over(this)" onblur="out(this)" onmouseover="over(this)" onmouseout="out(this)" tabIndex="1">test 1</span>
bla bla bla bla bla <span style="color:#0000FF" onfocus="over(this)" onblur="out(this)" onmouseover="over(this)" onmouseout="out(this)" tabIndex="2">test 1</span>
bla bla bla bla bla <span style="color:#0000FF" onfocus="over(this)" onblur="out(this)" onmouseover="over(this)" onmouseout="out(this)" tabIndex="3">test 1</span>
</body>
</html>

avec la touche tab, on passe bien d'un élément à l'autre. Maintenant je ne sais pas si ce que SebastienM recherche :?

29/04/2008, 00h33
Erwan31

Citation:

Envoyé par Auteur

avec la touche tab, on passe bien d'un élément à l'autre.

Oui mais ce n'est pas une bonne solution non plus ;)
D'une part comme je le disais l'absence de lien peut être problématique en terme
d'accessibilité, et d'autre cela implique d'associer des tabindex à tous les liens en amont dans le code en supposant que l'odre des liens/contrôles de formulaires/... dans le code soit définitif.
Cela peut aussi poser aussi quelques problèmes de maintenances...
Donc, si l'ordre de tabulation naturel est satisfaisant, il est préférable d'éviter autant que possible le recours aux tabindex.