Skeleton A11y est un ensemble de fichiers CSS simples, permettant de créer un design pensé mobile first et accessible.
Voir le projet en action et télécharger le CSS : page du projet !
Il est basé sur http://getskeleton.com, mis à jour et rendu accessible.
Le téléchargement contient le CSS concaténé de Skeleton A11y, Normalize CSS qui permet de remettre à zéro les styles des navigateurs, et FlexboxGrid A11y qui permet d'utiliser une grille basée sur la propriété CSS flex
.
Skeleton/
├── normalize.min.css
└── flexbexgrid-a11y.min.css
└── skeleton-a11y.min.css
Skeleton A11y est simple, léger et accessible. Seuls les éléments HTML basiques sont stylisés, changer les couleurs est un jeu d'enfant, et la grille utilisée permet d'adapter son site à tous les écrans.
- Environ 400 lignes de CSS commentées
- Il s'agit d'un point de référence, pas d'un framework complet
- Aucune compilation, uniquement du pur CSS
- Simple à customiser et surcharger
- L'accessibilité visuelle des éléments est garantie, des règles dans le fichier
skeleton-a11y.css
permettent de garder l'accessibilité même si vous souhaitez changer la couleur
Tous les navigateurs modernes, y compris une majorité des anciens navigateurs (sauf IE avant IE9).
Toutes les parties de Skeleton A11y sont distribuées selon la license MIT.
Le Skeleton d'origine a été créé par Dave Gamache.