1174 sujets

Accessibilité du Web

Tableaux accessibles : Scope, headers id, th seul => bogue de Jaws

Bonjour,

En vue d'être labélisé bronze par www.accessiweb.org,
je suis en train de m'attaquer aux tableaux et à la façon de les monter.
(pour qu'il soit lisibles par Jaws, et labélisables par accessiweb)

J'ai donc plusieurs interrogations :

1) Les tableaux avec scope et avec TH seul se lisent de la même façons
=> Quel est l'intérêt de scope? (Juste pour être label bronze ?)

2) Les tableaux avec scope et avec TH seul ne lisent pas les abbreviation sur les th
=> pourquoi ?

3) Les tableaux avec header et id lisent les abbreviation
=> est-on obligé d'utiliser cette méthode pour que Jaws les lisent ?

J'ai fait un exemple complet pour que vous puissiez tester avec Jaws.
J'ai rappeler également les raccourcis claviers que j'utilise pour vous aider.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	
	<title>Page de test pour Jaws</title>
	
	<meta name="description" content="" />
	<meta name="keywords"  content="" />
	<style type="text/css">
		body{}
	</style>
</head>
<body>
	
	<h1>Test de lecture des tableaux par Jaws (but : être label bronze accessiweb)</h1>
	
	<h2>Rappel de quelques raccourcis claviers pour lire un tableau dans Jaws</h2>
	<ul>
		<li>flêche bas : cellule suivante</li>
		<li>CTRL+ALT+Pav Num 5 : Annonce la position de la colonne et de la ligne ,<br/>dit l'en-tête de la ligne et de la colonne courante<br/>et dit le contenu de la cellule</li>
		<li>CTRL+ALT+flêche droite : Annonce l'en-tête de la cellule courante,<br/>le contenu de la cellule,<br/>et le numéro de la colonne.</li>
	</ul>
	
	<h2>test scope + abbr</h2>
	<table border="1" summary="">
		<caption>
		Donuts consumed by each staff member
		at Monday Meeting
		</caption>
		<tr>
			<th scope="col">Color</th>
			<th scope="col">Spanish</th>
			<th scope="col">French</th>
			<th scope="col">Irish</th>
			<th scope="col">Welsh</th>
		</tr>
		<tr>
			<th scope="row" abbr="noir">Black</th>
			<td>negro</td>
			<td>noir</td>
			<td>dubh</td>
			<td>du</td>
		</tr>
		<tr>
			<th scope="row">White</th>
			<td>blanco</td>
			<td>blanc</td>
			<td>bán</td>
			<td>gwyn</td>
		</tr>
	</table>
	
	<h2>test th seul + abbr</h2>
	<table border="1" summary="">
		<caption>
		Donuts consumed by each staff member
		at Monday Meeting
		</caption>
		<tr>
			<th>Color</th>
			<th>Spanish</th>
			<th>French</th>
			<th>Irish</th>
			<th>Welsh</th>
		</tr>
		<tr>
			<th abbr="noir">Black</th>
			<td>negro</td>
			<td>noir</td>
			<td>dubh</td>
			<td>du</td>
		</tr>
		<tr>
			<th>White</th>
			<td>blanco</td>
			<td>blanc</td>
			<td>bán</td>
			<td>gwyn</td>
		</tr>
	</table>

	<h2>test id header + abbr</h2>
	<table border="1" summary="">
		<caption>
		Donuts consumed by each staff member
		at Monday Meeting
		</caption>
		<tr>
			<th id="color">Color</th>
			<th id="spanish">Spanish</th>
			<th id="french">French</th>
			<th id="irish">Irish</th>
			<th id="welsh">Welsh</th>
		</tr>
		<tr>
			<th id="black" abbr="noir">Black</th>
			<td headers="spanish black">negro</td>
			<td headers="french black">noir</td>
			<td headers="irish black">dubh</td>
			<td headers="welsh black">du</td>
		</tr>
		<tr>
			<th id="white">White</th>
			<td headers="spanish white">blanco</td>
			<td headers="french white">blanc</td>
			<td headers="irish white">bán</td>
			<td headers="welsh white">gwyn</td>
		</tr>
	</table>
	
	<h2>Conclusion sur ce que lit Jaws</h2>
	<ul>
		<li>Les tableaux avec scope et avec TH seul se lisent de la même façons => Quel est l'intérêt de scope? (Juste pour être label bronze ?)</li>
		<li>Les tableaux avec scope et avec TH seul ne lisent pas les abbreviation sur les th => pourquoi ?</li>
		<li>Les tableaux avec header et id lisent les abbreviation => est-on obligé d'utiliser cette méthode pour que Jaws les lisent ?</li>
	</ul>

</body>
</html>


Merci pour vôtre aide..

++ Smiley cligne
Modifié par accessibility (07 Jul 2006 - 14:00)
le but d'un site accessible n'est pas de faire de l'accessibilité pour tel ou tel synthèse. Si jaws ne supportent pas quelque chose, un autre le supporte sans doute, cela depend grandement de tes réglagles de jaws et de ta version.

De plus pour info, les abbr de th sont niveau argent il me semble chez Accessiweb et sont une exigence qui a disparu dans WCAG 2.

Pour ma part, pour des tableaux simples (un seul sens de lecture) j'utilise scope et pour les complexes les headers/id qui permettent de répondre à toutes les situations.
Modifié par goetsu (07 Jul 2006 - 15:59)
Bonjour,

J'approuve goetsu : l'objectif n'est pas une aide technique mais simplement de structurer le tableau.
Si la structure est correcte, nous avons fait notre travail.

Pour ma part je généralise la relation headers=id qui me semble tout aussi simple que la relation scope=col/row.

Pour les abréviations la situation est plus confuse, cela dépends de l'aide technique et du paramétrage de l'utilisateur.
Ceci dit ça ne coûte pas grand chose de le faire quand c'est pertinent.

Attention cependant, dans ton exemple tu utilise abbr pour traduire l'en-tête de colonne "black", ce n'est pas son rôle et ce n'est pas illustratif de l'utilisation que l'on doit en faire.

Abbr dans l'esprit de cette utilisation doit fournir un intitulé abrégé d'un titre de colonne trop long (15 caractère pour Accessiweb).

Jean-pierre
Sujet clos
Aller à