Restitution des tableaux à double entrée avec une cellule vide

Déroulement des tests : passage de la première colonne à la première cellule de donnée non vide.

Cas de test 1 avec cellule vide dans l’en-tête et attributs scope="col" et scope="row"

Plages de livraison :

	Lundi	Mardi	Mercredi	Jeudi	Vendredi
09 h 00 à 11 h 00	Fermé	Ouvert	Ouvert	Fermé	Fermé
11 h 00 à 13 h 00	Ouvert	Ouvert	Fermé	Fermé	Fermé
13 h 00 à 15 h 00	Ouvert	Ouvert	Ouvert	Fermé	Fermé
15 h 00 à 17 h 00	Fermé	Fermé	Fermé	Ouvert	Ouvert

Cas de test 2 avec cellule d’en-tête vide et attributs scope="col" et scope="row"

Plages de livraison :

	Lundi	Mardi	Mercredi	Jeudi	Vendredi
09 h 00 à 11 h 00	Fermé	Ouvert	Ouvert	Fermé	Fermé
11 h 00 à 13 h 00	Ouvert	Ouvert	Fermé	Fermé	Fermé
13 h 00 à 15 h 00	Ouvert	Ouvert	Ouvert	Fermé	Fermé
15 h 00 à 17 h 00	Fermé	Fermé	Fermé	Ouvert	Ouvert

Cas de test 2 bis avec cellule d’en-tête vide et sans attributs scope="col" et scope="row"

Plages de livraison :

	Lundi	Mardi	Mercredi	Jeudi	Vendredi
09 h 00 à 11 h 00	Fermé	Ouvert	Ouvert	Fermé	Fermé
11 h 00 à 13 h 00	Ouvert	Ouvert	Fermé	Fermé	Fermé
13 h 00 à 15 h 00	Ouvert	Ouvert	Ouvert	Fermé	Fermé
15 h 00 à 17 h 00	Fermé	Fermé	Fermé	Ouvert	Ouvert

Cas de test 3 avec cellule d’en-tête non vide et attributs scope="col" et scope="row"

Plages de livraison :

Horaires	Lundi	Mardi	Mercredi	Jeudi	Vendredi
09 h 00 à 11 h 00	Fermé	Ouvert	Ouvert	Fermé	Fermé
11 h 00 à 13 h 00	Ouvert	Ouvert	Fermé	Fermé	Fermé
13 h 00 à 15 h 00	Ouvert	Ouvert	Ouvert	Fermé	Fermé
15 h 00 à 17 h 00	Fermé	Fermé	Fermé	Ouvert	Ouvert

Cas de test 4 avec cellule vide dans l’en-tête et éléments col et colgroup

Cas de test 4 avec cellule vide dans l’en-tête et éléments col et colgroup

	Mars		Vénus
	Produits	Vendus	Produits	Vendus
Ours en peluche	50 000	30 000	100 000	80 000
Jeux de société	10 000	5 000	12 000	9 000

Note : il semble qu’il y ait un décalage de cellule avec JAWS. De la cellule Produits de la colonne Mars, en allant vers le bas, on atteint la cellule "30 000". De même, de la cellule "50 000" en allant vers la droite, on entend "Mars, Produits, 30000, colonne 3 sur 5" au lieu de "Vendus, 30000, colonne 3 sur 5".

Cas de test 5 avec cellule d’en-tête vide et éléments col et colgroup

Cas de test 5 avec cellule d’en-tête vide et éléments col et colgroup

	Mars		Vénus
	Produits	Vendus	Produits	Vendus
Ours en peluche	50 000	30 000	100 000	80 000
Jeux de société	10 000	5 000	12 000	9 000

Cas de test 6 avec cellule d’en-tête non vide et attributs scope="colgroup" uniquement

Suppression des balises <col> et <colgroup>.

Cas de test 2 avec attributs scope="colgroup" uniquement

Jouets	Mars		Vénus
	Produits	Vendus	Produits	Vendus
Ours en peluche	50 000	30 000	100 000	80 000
Jeux de société	10 000	5 000	12 000	9 000

Cas de test 7 avec cellule vide dans l’en-tête et attributs headers et id

Cas de test 7 avec cellule vide dans l’en-tête et attributs headers et id

	Mars		Vénus
	Produits	Vendus	Produits	Vendus
Ours en peluche	50 000	30 000	100 000	80 000
Jeux de société	10 000	5 000	12 000	9 000

Cas de test 8 avec cellule d’en-tête vide et attributs headers et id

Cas de test 8 avec cellule d’en-tête vide et attributs headers et id

	Mars		Vénus
	Produits	Vendus	Produits	Vendus
Ours en peluche	50 000	30 000	100 000	80 000
Jeux de société	10 000	5 000	12 000	9 000

Cas de test 9 avec cellule d’en-tête non vide et attributs headers et id

Cas de test 9 avec cellule d’en-tête non vide et attributs headers et id

Jouets	Mars		Vénus
	Produits	Vendus	Produits	Vendus
Ours en peluche	50 000	30 000	100 000	80 000
Jeux de société	10 000	5 000	12 000	9 000

Ressources

• Exemples adaptés depuis le tutoriel sur les tableaux de la Web Accessibility Initiative (WAI) | W3C (en anglais)
• Bug répertorié de JAWS : HTML table colspan attribute not supported in Firefox
• Bug répertorié de TalkBack : When using Chrome WebView with Android TalkBack, there is a bug in the accessibility of HTML tables.