Aller au lien de contenu
Un lien minimaliste pour l’accessibilité dans les applications Web, conçu pour les tableaux de bord.
HTML Code
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-1/2 focus:-translate-x-1/2 focus:bg-gray-800 focus:text-white focus:px-4 focus:py-2 focus:rounded-b-lg focus:z-50 dark:focus:bg-gray-100 dark:focus:text-gray-900">Skip to main content</a>Composants associés
Aller au composant de lien de contenu
Composant Skip to Content Link conçu avec des éléments skeuomorphes ressemblant à un bouton physique. Le composant aura un schéma de couleurs pastel, une complexité modérée y compris des effets de survol et la prise en charge du thème sombre.
Aller au lien de contenu
Composant de lien Aller au contenu conçu selon les principes de Material Design, une palette de couleurs monochromatique et prenant en charge le mode sombre. Il convient aux sites Web de commerce électronique et est construit à l’aide de Tailwind CSS sans JavaScript.
Aller au composant de lien de contenu - Skeuomorphisme en niveaux de gris
Un lien simple et réactif « Skip to Content » avec un design skeuomorphique en niveaux de gris pour le contenu du blog. Inclut la prise en charge du mode sombre.