Portfolio de direction
Un thème de portfolio qui mérite ses affirmations d'accessibilité
Apex s'adresse aux consultants, dirigeants et conseils qui veulent un site rapide et crédible sans chaîne de construction. Chaque promesse d'accessibilité et de performance est vérifiée par une porte de qualité en intégration continue.
Mesuré, et non affirmé
Chaque chiffre ci-dessous est produit par une porte de qualité à chaque commit. Rien ici n'est un badge figé.
Conformité WCAG 2.2
Vérifié par axe-core et ssg audit. Colour tokens additionally clear AAA 7:1 for text.
Requêtes tierces
Aucun CDN, aucun hébergeur de polices, aucune mesure d'audience. Tout est servi depuis votre propre origine.
Page la plus lourde, compressée
Le HTML, plus le CSS et le JS empreintés qu'il référence. Plafonné à 20 Ko par scripts/pageweight.py.
Décalage cumulé de mise en page
Chaque image porte ses dimensions intrinsèques ; aucune police web tardive ne recompose la page.
À propos de ce thème
Ce que vous obtenez
Apex propose cinq types de pages — accueil, études de cas, référentiels, à propos et contact — qui partagent un même base.html par héritage de gabarit. L'en-tête, le pied de page et la navigation vivent dans des partiels : changer une entrée de menu se fait sur une ligne, dans un seul fichier, plutôt que par un rechercher-remplacer sur toutes les mises en page.
Le système de couleurs est défini une fois sous forme de propriétés personnalisées et revérifié à chaque commit par scripts/contrast.py. Les paires de texte franchissent le critère WCAG 1.4.6 à 7:1 — le seuil AAA — et les bordures comme l'anneau de focus franchissent 1.4.11 à 3:1. Changez un jeton et la porte de qualité vous dira si vous avez cassé quelque chose.
Ce qu'il ne fait délibérément pas
Il n'y a ni CDN, ni hébergeur de polices, ni script de mesure d'audience, ni bandeau de consentement, parce qu'il n'y a rien à consentir. La pile typographique se résout sur des polices déjà présentes sur l'appareil : c'est pourquoi aucune recomposition n'intervient à l'arrivée d'une police web — aucune n'arrive.
La recherche est fournie par SSG lui-même. Le générateur injecte un widget de recherche accessible, avec un rôle de dialogue correct, des annonces de résultats en région live et un hachage d'intégrité de sous-ressource sur son script ; le thème se contente de l'habiller à votre palette.
Vous l'appropriez
Commencez par _layouts/styles.css. Le bloc @layer tokens en tête contient tout le système de design : changez --accent, lancez make check, et la porte de contraste confirme que la nouvelle valeur passe encore avant la mise en ligne.