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 <christopher.crouzet(a)gmail.com>
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 <kozlika(a)gmail.com>
> 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 <
> christopher.crouzet(a)gmail.com
> > a écrit :
>
> > Avec un link en plus:
http://elvery.net/demo/responsive-tables/
> >
> > (desole pour le spam)
> >
> >
> >
> > 2013/10/28 Christopher Crouzet <christopher.crouzet(a)gmail.com>
> >
> > > Ah ben ca a l'air d'etre deja dans Bootstrap, comment j'ai pu
louper
> ca ?
> > > :)
> > >
> > >
> > > 2013/10/28 Christopher Crouzet <christopher.crouzet(a)gmail.com>
> > >
> > >> 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 <christopher.crouzet(a)gmail.com>
> > >>
> > >>> 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 <kozlika(a)gmail.com>
> > >>>
> > >>>> Le 19 octobre 2013 13:12, Christopher Crouzet <
> > >>>> christopher.crouzet(a)gmail.com
> > >>>> > 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 - Dev(a)list.dotclear.org -
> > >>>>
http://ml.dotclear.org/listinfo/dev
> > >>>>
> > >>>
> > >>>
> > >>
> > >
> > --
> > Dev mailing list - Dev(a)list.dotclear.org -
> >
http://ml.dotclear.org/listinfo/dev
> >
>
>
>
> --
> Anne / Kozlika
> --
> Dev mailing list - Dev(a)list.dotclear.org -
>
http://ml.dotclear.org/listinfo/dev
>