Avec des tableaux de données émulés avec les propriétés CSS, ce rôle ARIA est le bienvenu, en effet, sachant que les display: table-* ne sont là que pour donner une mise en forme proche de celle d'une tableau (autrement dit, ce n'est pas parce que j'utilise display: table-cell que l'élément HTML auquel il s'applique devrait être un élément th ou td).

Victor

Victor Brito Intégrateur XHTML / CSS – Expert Accessiweb en évaluation

39 rue Charles Laffitte 92200 Neuilly-sur-Seine Tél. : 06 03 15 89 57

SIRET : 789 766 334 00013

Consulter le site Web professionnel de Victor Brito

Sur les réseaux sociaux

Sans oublier

Le 27/02/13 10:20, Jordi VILA a écrit :

Ok, merci Victor et Romain !

Si j’extrapole la remarque de Victor concernant la « divite », ce type d’utilisation serait adapté à des tableaux créés (à tort ?) avec des attributs CSS de type table-cell et consorts ?

 

Jordi

 

Logo-TRSB-Etudes-&-Dev-Wyniwyg-signature

Jordi VILA CORNELLAS

Consultant accessibilité, ergonomie et webdesign

j.v...@wyniwyg.com

Ligne directe : 02 40 20 92 25

16, rue Fouré - 44000 NANTES

P   "Merci de prendre en compte l'environnement avant d'imprimer cet e-mail

 

De : liste_gta [mailto:liste_gta-boun...@list.accessiweb.org] De la part de Romain Gervois
Envoyé : mardi 26 février 2013 21:16
À : GTA
Objet : Re: [Liste GTA] attribut ARIA role=columnheader

 

Bonsoir,

En effet, si il s'agit d'un élément table pas besoin d'avoir recours à ARIA avec columnheader/rowheader et rester sur @scope col/row.

Pour compléter la réponse de Victor (et pour aller plus loin que l'aspect patch de correction), columnheader/rowheader sont (aussi) intéressants dans des contextes applicatifs où l'utilisation de l'élément table est très délicate bien qu’appropriée (comme par exemple conserver les entêtes visibles à l'écran tout en parcourant les données, présenter un diagramme de Gantt...).

Romain

 

Le 26 février 2013 19:03, Victor Brito <liste-...@victor-brito.fr> a écrit :

Bonsoir, Jordi, bonsoir, la liste,

Quand tu as affaire à des éléments HTML conçus pour structurer des tableaux de données, l'attribut scope s'impose encore (ou le duo d'attributs id / headers, c'est selon). Un tel rôle ARIA, je le réserverais plutôt à des éléments HTML détournés pour structurer des tableaux (par exemple, cas d'une application Web sombrant dans la divite et la spanite et dont les gabarits HTML sont impossibles à éditer).

Victor

Victor Brito Intégrateur XHTML / CSS – Expert Accessiweb en évaluation

39 rue Charles Laffitte 92200 Neuilly-sur-Seine Tél. : 06 03 15 89 57

SIRET : 789 766 334 00013

Consulter le site Web professionnel de Victor Brito

Sur les réseaux sociaux

·         Suivre Victor Brito sur Identi.ca

·         Suivre Victor Brito sur Twitter

·         Suivre Victor Brito sur FriendFeed

·         Suivre Victor Brito sur Diaspora

Sans oublier

·         La fiche de membre du Groupe de Travail Accessiweb

·         Halte à la balkanisation du Web !

·         Un seul Web

·         Profession intégrateur (X)HTML / CSS

Le 26/02/13 18:05, Jordi VILA a écrit :

Bonjour la liste,

 

Je me pose une question concernant l'utilisation d'ARIA et en particulier du role="columnheader" sur un tableau de données. Est-ce que ce type de codage peut remplacer un scope="col" ou bien faut-il quand-même un attribut scope en plus des attributs ARIA ?

 

Merci pour vos lumières !

 

 

Jordi VILA

 

 

PS : copie de la reco W3C (http://www.w3.org/TR/wai-aria/roles#columnheader) :

 

columnheader (role)

 

A cell containing header information for a column.

 

columnheader can be used as a column header in a table or grid. It could also be used in a pie chart to show a similar relationship in the data.

 

The columnheader establishes a relationship between it and all cells in the corresponding column. It is the structural equivalent to an HTML th element with a column scope.

 

Authors MUST ensure elements with role columnheader are contained in, or owned by, an element with the role row.

 

 


Jordi VILA CORNELLAS

Consultant accessibilité, ergonomie et webdesign

j.v...@wyniwyg.com

Ligne directe : 02 40 20 92 25

16, rue Fouré - 44000 NANTES

P   "Merci de prendre en compte l'environnement avant d'imprimer cet e-mail

 

 

_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

 


_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

 



_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org


_______________________________________________
liste_gta mailing list
liste_gta@list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org

Répondre à