Discussion utilisateur:J. N. Squire/Brouillon1

Accessibilité, tableaux et mises en page

Bonjour. Je crois comprendre qu'une refonte de la page d'accueil a été proposée afin de respecter au mieux l'accessibilité. Ne devrions-nous pas, dans cet objectif, se passer des tableaux <table> pour ce qui concerne la mise en page ? Les tableaux ne devraient, idéalement, contenir que des données tabulaires (Au tableau !), ce qui n'est pas le cas ici. Un rapide coup d’œil au code me laisse penser que de simples calques flottants <div> permettraient d'obtenir le même résultat. Quel est votre avis sur la question ? Cordialement, R ^{[CQ, ici W9GFO]} 25 décembre 2015 à 23:06 (CET)

Proposition de version, mise en forme et accessibilité

Bonjour,

je propose une version primitive /Bacasable 6 qui corrige certaines maladresses (dépendances inutiles, balises ouvrantes mais non fermantes et inversement, redondance et usage excessif des règles CSS, ...). Cette version améliore en partie l'accessibilité (appel entre autres de la classe liste-horizontale). Il faudrait également utiliser cette classe dans toutes les inclusions de cette page ({{Accueil actualité}}, ...). En vrac, il reste encore des règles à simplifier et les tableaux à retirer. Cordialement, Hlm Z. (discuter) 26 décembre 2015 à 01:41 (CET)

Bonjour, et merci beaucoup pour ta contribution. :)

Je tenterai intégration de ton code après une bonne nuit de sommeil. Concernant d’ailleurs la question de l'accessibilité, penses-tu pouvoir nous aider pour permettre de faire en sorte que les deux colonnes n'en fasses plus qu'une seule (la droite passant sous la gauche), à partir de 55.8em (ou 55.8rem si meilleur résultat) ? Je n'ai en effet aucune idée sur comment procéder pour réaliser une chose pareille ^^; (possibilité de créer des id et classes CSS spécifiques si nécessaires). Cordialement, -- Feldo ^{[Discussion constructive]} 26 décembre 2015 à 03:14 (CET)

Bonjour. Pour cela, il faut utiliser une mise en page adaptative et donc introduire la directive @media dans un code CSS, ce n'est pas bien compliqué. J'ai modifié ma page de test en conséquence, il faut ajouter le code CSS suivant dans ton common personnel :

@media screen and (max-width: 65em) {
	#accueil-gauche, #accueil-droite {
		float: none !important;
		width: auto !important;
	}
}

On s'approche déjà plus d'une feuille accessible et adaptative. Cordialement, Hlm Z. (discuter) 26 décembre 2015 à 18:42 (CET)

Je suis heureux de constater que cette nouvelle version retire l’identifiant mp-right, qui aurait provoqué un certain mal de tête chez qui aurait cherché à comprendre le rendu mobile après la mise en production… Je suis par ailleurs heureux de voir la potentialité d’une page d’accueil ne dépendant pas de cette transformation, dont l’implémentation était à mon avis une énorme erreur — bonnes contributions, Ltrlg (discuter), le 27 décembre 2015 à 19:52 (CET)

 Hlm Z. et Ltrlg : Merci ! :) J'ai proposé le code CSS sur Wikipédia:Demande d'intervention sur un message système, mais j'ai comme l'impression qu'aucun administrateur participant à cette page n'est dans le coin en ce moment... :/ J'ai de plus des difficultés pour faire en sorte la version mobile du bandeau titre affiche les colonnes de liens de façon équitable (sans compter que le lien pour la version mobile reste présent une fois qu'on y est...). Est-ce que quelqu'un qui s'y connait en CSS pourrait y jeter un œil, stp? Ça ferait une ou deux requêtes de résolues dans la liste des retours d'expérience établies sur le Bistro. -- Feldo ^{[Discussion constructive]} 28 décembre 2015 à 00:57 (CET)

Mise en place

Salut la mise en place de la nouvelle page d'accueil ne devait-elle pas être effective à partir du 15 janvier, pourquoi ce n'est pas le cas? — Goombiis (Discuter) 17 janvier 2016 à 00:03 (CET)

 Goombiis : Bonjour, Malheureusement, il y a eu des oppositions à sa mise en place à cause des modifications apportées. :( Je suis actuellement en train de préparer un sondage communautaire afin de montrer plus clairement un consensus. -- Feldo ^{[Discussion constructive]} 17 janvier 2016 à 13:43 (CET)

Sections

Bonjour. Je propose de placer chacun des blocs entre les balises HTML5 <section></section> (doc W3C). Ça ne changera rien à l'apparence actuelle mais ça permettra à celui qui le désire de personnaliser chacun des blocs, par exemple en les encadrant d'une bordure. Qu'en pensez-vous ? R ^{[CQ, ici W9GFO]} 11 février 2016 à 07:28 (CET)

Utiliser cette balise n’est pas possible pour le moment à cause de phab:T32597 — bonnes contributions, Ltrlg (discuter), le 11 février 2016 à 09:49 (CET)

Ah ! Et bien, en attendant que ce bug soit corrigé, utilisons un calque du genre <div class="section"></div>. Cordialement, R ^{[CQ, ici W9GFO]}