alsacreations / schnapsit

générateur de templates HTML5
http://schnaps.it/
4 stars 0 forks source link

Générer des WAI-AIRA et des modules spécifiques #5

Open Interned opened 6 years ago

Interned commented 6 years ago

Bonjour,

Actuellement, ce moteur propose les fonctions suivantes:

  • une structure de base HTML5 propre
  • une meta "viewport" pour le Responsive Webdesign
  • la feuille de styles CSS du framework KNACSS
  • un fichier .editorconfig pour favoriser les conventions du projet
  • du lorem ipsum alsacien

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

raphaelgoetter commented 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

PhilippeVay commented 6 years ago

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

Interned commented 6 years ago

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 :