ariato

Accessible UI library

view on Github

Ariato a une structure similaire à Spyri, avec des éléments communs, et des éléments spécifiques.

  • Des variables (design tokens) communes ou spécifiques à chaque site (typographie, couleurs, ...), qui permettent de styler les éléments et composants d'ariato, et les composants et pages de l'application.
  • Des éléments (elements) communs, pour styler les éléments de html.
  • Des composants (components), pour ajouter des éléments standards présents tous les sites (ex: menubutton, tab, ...). Certains nécessitent du javascript pour fonctionner.

Ariato sert de base à l'application Spyri, et peut aussi servir de base à d'autres sites. Il est composé de fichiers vanilla css et js, et donc utilisable partout. Ses composants qui nécessitent du javascript sont conçus pour gérer la navigation au clavier.

Comme pour le reste de Spyri, on essaye de conserver un maximum d'éléments communs, mais il est possible pour un site de l'application d'avoir sa propre version d'un fichier qui remplace celui par défaut.

Ariato est extensible

Ariato n'entend pas forcement contenir tous les composants de l'application. Il faut penser à l'utilisation qui veut en être fait. Si le but est d'avoir une base qui fonctionne aussi pour des sites externes, il est par exemple à discuter si on veut y mettre tout ce qui est spécifique à Spyri, comme les templates d'articles par exemple. Je ne pense pas: Spyri est une application Rails, et il n’est pas très productif de recréer tout dans différentes versions (html, erb avec du ruby, …).

On pourrait l’étendre avec des templates de blocks, ou de de pages. ex: layout page marketing de base.