Ah mais avec le coup du `aria-hidden=true`, ca ne forcerait a rajouter un span vide dans chaque `<td>`, histoire de ne pas cacher le contenu meme de la balise `<td>` aux readers ?
Un peu dans ce genre-la : <tr> <td><span aria-hidden="true"></span>James</td> <td><span aria-hidden="true"></span>Matman</td> <td><span aria-hidden="true"></span>Chief Sandwich Eater</td> </tr> 2013/10/28 Christopher Crouzet <[email protected]> > Dans la liste des billets de l'admin, la liste des en-tetes "Titre", > "Date", "Categorie", "Auteur", ... ne sont pas fixes ? > > Pour ce qui est de l'accessibilite, le DOM est toujours la et n'est pas > cache par un `display: none` en CSS, chose qu'il precise dans son code, > donc ca devrait etre lu normalement par les readers. Un peu dans le meme > principe de la classe `.visuallyhidden` de h5bp: > https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css > Et pour le content ajoute avec un CSS pseudo element, c'est possible d'y > ajouter l'attribut `aria-hidden=true` pour que les readers ne le lisent pas. > Enfin bon, ca c'est la theorie et rien de nouveau que tu ne devais pas > deja savoir... en pratique c'est surement autre chose :) > > > > 2013/10/28 Kozlika <[email protected]> > >> Je connais depuis un moment (CSS Tricks est une lecture indispensable pour >> tout intégrateur digne de ce nom) mais c'est inapplicable pour nous : ça >> présuppose de connaître les entêtes de tableau à l'avance (le content est >> ensuite re-généré dans la css). Sur le plan de l'accessibilité, je demande >> à voir aussi : que font les lecteurs d'écran d'un contenu généré par CSS: >> savent-ils le lire ? >> >> >> Le 28 octobre 2013 16:16, Christopher Crouzet < >> [email protected] >> > a écrit : >> >> > Avec un link en plus: http://elvery.net/demo/responsive-tables/ >> > >> > (desole pour le spam) >> > >> > >> > >> > 2013/10/28 Christopher Crouzet <[email protected]> >> > >> > > Ah ben ca a l'air d'etre deja dans Bootstrap, comment j'ai pu louper >> ca ? >> > > :) >> > > >> > > >> > > 2013/10/28 Christopher Crouzet <[email protected]> >> > > >> > >> Je viens de tomber la-dessus a tout hasard et me suis dit que l'idee >> > >> pourrait vous interesser : >> > http://css-tricks.com/responsive-data-tables/ >> > >> Ca a l'air interessant comme methode et la demo semble bien marcher : >> > >> http://css-tricks.com/examples/ResponsiveTables/responsive.php >> > >> >> > >> >> > >> >> > >> 2013/10/19 Christopher Crouzet <[email protected]> >> > >> >> > >>> Juste une petite note supplementaire parceque j'ai parle du scroll >> > >>> horizontal un peu pejorativement sans dire pourquoi. Le truc c'est >> que >> > >>> quand il y a un scroll disponible sur les deux axes sur les mobiles >> > avec >> > >>> touchscreen, c'est plutot dur d'isoler un seul axe de scroll. Par >> > exemple >> > >>> si j'essaye de scroller seulement verticalement, il y a de grandes >> > chances >> > >>> que ca parte un peu sur le cote, ce qui peut etre un peu agacant, et >> > vice >> > >>> versa :) >> > >>> >> > >>> C'est pour ca que l'ideal pour un site mobile c'est d'avoir le >> contenu >> > >>> qui s'ajuste a la largeur de l'ecran, mais comme tu le dis, ca >> > demanderait >> > >>> des changements encore plus consequents. >> > >>> >> > >>> Et je ne sais pas quoi te dire pour l'espace vide sur la droite si >> ce >> > >>> n'est que ca semble etre le cas seulement sur la page avec la liste >> des >> > >>> billets, et qu'a priori je ne vois pas d'elements qui deborderaient >> > pour >> > >>> expliquer ca. Mystere ! >> > >>> >> > >>> >> > >>> >> > >>> 2013/10/19 Kozlika <[email protected]> >> > >>> >> > >>>> Le 19 octobre 2013 13:12, Christopher Crouzet < >> > >>>> [email protected] >> > >>>> > a écrit : >> > >>>> >> > >>>> > >> > >>>> > Dans la liste des billets par exemple, il y a trop d'infos a >> > afficher >> > >>>> pour >> > >>>> > un petit ecran, donc non seulement ca depasse largement en >> largeur >> > >>>> (il faut >> > >>>> > scroller), mais aussi l'espace alloue au titre des billets par >> > >>>> exemple est >> > >>>> > compresse au point de n'afficher qu'un seul mot par ligne. Et il >> y a >> > >>>> aussi >> > >>>> > un grand espace vide sur la droite de l'ecran. >> > >>>> > >> > >>>> > Sur la page d'un billet, la mise en page est un peu cassee. >> > >>>> > >> > >>>> > Mais bon, c'est juste esthetique, ca a l'air de bien marcher >> sinon ! >> > >>>> > >> > >>>> > Voir pieces jointes (si elles passent). >> > >>>> >> > >>>> >> > >>>> >> > >>>> Merci pour tes tests. >> > >>>> Faut pas rêver si on veut que ce soit impec sur des téléphones il >> > faudra >> > >>>> passer par autre chose que seulement les css pour les tableaux :-). >> > >>>> Pour le >> > >>>> scroll c'est voulu afin qu'on puisse tout lire. >> > >>>> J'ai fait quelques modifs qui devraient un peu améliorer les >> choses (à >> > >>>> voir >> > >>>> demain matin). >> > >>>> Par contre je n'arrive pas à reproduire l'espace vide sur la >> droite de >> > >>>> l'écran dont tu parles. >> > >>>> >> > >>>> -- >> > >>>> Anne / Kozlika >> > >>>> -- >> > >>>> Dev mailing list - [email protected] - >> > >>>> http://ml.dotclear.org/listinfo/dev >> > >>>> >> > >>> >> > >>> >> > >> >> > > >> > -- >> > Dev mailing list - [email protected] - >> > http://ml.dotclear.org/listinfo/dev >> > >> >> >> >> -- >> Anne / Kozlika >> -- >> Dev mailing list - [email protected] - >> http://ml.dotclear.org/listinfo/dev >> > > -- Dev mailing list - [email protected] - http://ml.dotclear.org/listinfo/dev
