Open Interned opened 6 years ago
Hello @Interned
Voilà de bonnes suggestions. La spec ARIA a bien entendu sa place, mais il n'est pas toujours facile de la généraliser à tous les cas possibles d'usage.
Pour ce qui est des modules que tu décris, c'est ce que nous avons commencé à faire dans un autre projet autonome : Pepin
Bonjour,
les landmark roles sont présents dans chacun des gabarits pour délimiter les grandes "zones" de chacun : role="banner"
, navigation
, main
, contentinfo
mais pas complementary
ni search
qui ne figurent pas dans ces exemples de gabarits... quoique pour celui avec double sidebar, il le faudrait peut-être ?
Il n'y a pas de composant riche (menu mobile, accordéon, modale, etc) donc pas besoin d'ARIA ici. C'est l'objet de pepin comme le précise Raphaël ou sinon on recommande aussi les scripts de @Nico3333fr (lien vers van11y en bas de page), testés pour l'accessibilité, bien configurables et stylés au minimum pour qu'il y ait le moins possible de styles à écraser 👍
Tous ces morceaux de sites sont suffisamment indépendants les uns des autres pour fonctionner sans souci ensemble
Mea culpa ! Effectivement, Schnaps génère déjà les landmark roles les plus communs. Et, sans doute, en cherchant à étoffer davantage, on ne répondrait peut-être plus à la demande initiale d'un outil destiné à générer une structure HTML minimaliste.
Il est en tous cas très appréciable de pouvoir sélectionner, configurer et visualiser un gabarit avant de le télécharger. Ce n'est certes sans doute pas propre à Schnaps mais c'est toujours un "plus".
Cependant, n'y aurait-il pas matière à concevoir un outil en parallèle qui proposerait une structure HTML non pas en fonction de la mise en page souhaitée (qui est peut-être plus facilement configurable grâce à KNACSS et au guide de styles) mais en fonction du rôle attendu du template ?
Je prends deux exemples pour illustrer mon propos : une galerie d'images et une page d'article.
Pour le premier cas, je peux choisir le template de type "mosaïque" que propose Schnaps. Le souci, c'est qu'il me faudra renommer tous les éléments HTML présents dans le corps du texte pour tenter de répondre au mieux aux bonnes pratiques : insertion des <figure>
, <figcaption>
, <img>
et de leurs attributs, et enfin de l'ARIA éventuellement.
De même, imaginons que je souhaite générer un template qui sera en fait une page d'article. Normalement, ce template devra tenir compte d'éléments HTML bien spécifiques tels que : <article>
, <header>
, <section>
, <footer>
, etc. Or, ce n'est pas le cas actuellement. Et je n'ai pas trouvé en ligne un moteur de template qui s'attacherait à générer une structure en fonction de l'emploi que l'on souhaite attribuer au template.
C'est pourquoi, je me demandais si :
Bonjour,
Actuellement, ce moteur propose les fonctions suivantes:
Est-ce que la spec ARIA pourrait y être incluse ou cela n'a pas sa place ici ?
De même, ce même générateur pourrait-il proposer des modules spécifiques tels que des formulaires ou une navigation tenant compte des aspects d'accessibilité, de façon à ne pas refaire la roue ?
Merci d'avance de vos réponses