Une page de tarifs, à titre d'exemple

Comment cette page fonctionne

Le tableau ci-dessus est un îlot : du HTML statique qu'un petit module enrichit dès qu'il entre dans le champ de vision. Sans JavaScript, vous obtenez le tableau tarifaire mensuel complet, qui est aussi ce qu'un robot d'indexation lit. Le sélecteur de périodicité est créé par le module, si bien que la page n'affiche jamais un contrôle incapable de fonctionner.

.table-wrap donne au tableau son propre conteneur de défilement horizontal : un tableau large ne fait donc jamais défiler le corps de la page latéralement, l'échec WCAG 1.4.10 le plus courant sur les pages tarifaires.

À propos du thème lui-même

Velocity est sous licence MIT et libre d'usage commercial, sans obligation d'attribution. Cette page existe pour montrer les composants, pas pour vendre.

Rédiger une vraie page de tarifs

Tenez-vous-en à trois offres. Placez l'offre recommandée au milieu et signalez-la avec le composant .badge. Indiquez ce qui se passe à la limite plutôt que la limite seule : « les constructions sont mises en file » se lit très différemment de « les constructions échouent ».