@PasSageEnSeine la "table", puisqu'on a la visibilité de tout le texte dedans ;)

@aeris Personne te parle de joli, je te parle d'accessibilité. Si je peux pas voir au premier coup d'œil les infos, elles ne sont donc pas accessibles…

Mais si tu veux en "accessibilité web pure", c'est le premier. Comme certaine row n'ont pas de th, (dans la version table) c'ets donc moins accessible au sens du WCAG

@PasSageEnSeine

@Sp3r4z @PasSageEnSeine Les th manquant sont compensé par l’horaire qui est rappelé sur chaque conférence, non ?

@Sp3r4z @PasSageEnSeine Le blem du 1er étant justement de perdre complètement le lien avec l’horaire, parce que les divs sont organisées en colonne et non en ligne.

@Sp3r4z @PasSageEnSeine La table étant le seul élément HTML qui permet de conserver à la fois la notion de jour/salle et la notion d’horaire.

@aeris Oui, mais le WCAG préfère, parce que t'as pas des th vide :/

@PasSageEnSeine

@Sp3r4z @PasSageEnSeine Je trouverais absurde de faire un score WCAG plus faible parce qu’il manque une balise mais qu’on a toujours l’info une ligne sur 2 que la version qui perd complètement l’info…

@Sp3r4z @PasSageEnSeine D’ailleurs tu vois de suite le problème en désactivant javascript : la notion de ligne disparaît.

@aeris Sauf que: sémantiquement t'as des row vide, et ça n'a aucun sens pour HTML5. T'as des lignes qui n'ont pas d'entête, et c'est pas du tout accessible.

Le table, tu l'analyse pas bien, vu ce que tu y met. Tu fait de la redondances de données, c'est ça qui te met dedans. T'es pas censé avoir à ré-écrire "10h" puisque les TH le disent ;)

@Sp3r4z Yep mais dans la version sans table, je n’ai MÊME PAS l’info du tout.
Le truc est bricolé en pur JS pour aligner verticalement les éléments, aucune structure HTML ne permet de rattacher un évènement à son horaire…

@Sp3r4z Structurellement parlant, la version sans table est visualisée comme ça… 😱

@Sp3r4z La notion même de ligne n’existe pas et est uniquement du au JS qui aligne les cellules par rapport à la coordonnée Y trouvé en face…

@Sp3r4z Les trous dans l’emploi du temps n’existe même plus. Les différences entre 30min, 1h & 2h non plus et ne sont du qu’aux classes CSS…

@aeris Oui, totalement. Mais je te parle d'accessibilité au sens HTML, on s'est mal compris. ;) Et sémantiquement (en dehros du contenu donc) la page "JS" est meilleure que la page "table". Après pour moi, l'idéal c'est: table + tous les TH (donc tes 10h, 10h30h, 11h, 11h30 … )

Avec cette solution (table + all TH ) tu as et le HTML sémantique ET l'accessibilité du contenu :)

@aeris Logiquement, oui. Sémantiquement non. C'est là qu'est le piège

@PasSageEnSeine

Bel effort ... et bon courage.

Je suppose que vous savez que l''information "Conférence | Atelier | Divers" basée sur un code couleur n'est pas accessible.

Et sinon vous avez vu ça ? :
- wave.webaim.org/report#/https%
- wave.webaim.org/report#/https%
@Sp3r4z @aeris @PasSageEnSeine
Ça peut peut être orienter un peu...

@athanael @Sp3r4z @PasSageEnSeine Les TH manquants sont effectivement un problème au sens brut de la notation, mais on se fait plomber pour quelque chose qui est MEILLEUR que la 1ère solution totalement pas accessible… 🤔

@athanael @Sp3r4z @PasSageEnSeine On pourrait ajouter des TH partout, mais ça alourdit du coup le truc parce qu’on a très peu de conf’ à cheval sur un créneau… 🤔

Oui ce sont des indicateurs, ce qu'il faudrait faire c'est évaluer c'est l'usage réel, si la synthèse vocale s'en sort (par ex) je pense que l'on ne peut que préférer cette solution.
Il faudrait avoir un "avis utilisateur" (et/ou tester mais avec un risque de biais) pour trancher...

@aeris @Sp3r4z @PasSageEnSeine

@athanael C'est à partir de ça que je parlait des du WCAG ;)
La question étant "quelle version et la moins pire ?", la couleur n'entrait pas en compte dans ma réponse. ;)

Mais on est bien d'accord que la couleur n'est pas bien. Une leaflet avec le type de conférence/ateliers ou quoi, serait bien mieux. (à mettre dans le ICS d'ailleurs, ça serait pas mal)

@aeris @PasSageEnSeine

Sign in to participate in the conversation
ecurie.social

ecurie.social is one server in the network