コンテンツリンクにスキップする
ダッシュボード用に設計された、Webアプリケーションのアクセシビリティのためのコンテンツリンクへの最小限のスキップ。
HTMLコード
<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>関連コンポーネント
SkipToContentLink (コンテンツにスキップするリンク)
ダークモードUI、トライアドカラースキーム、およびEコマース向けのシンプルな複雑さを備えたコンテンツリンクコンポーネントにスキップします。
コンテンツリンクにスキップする
Glassmorphismでスタイル設定されたレスポンシブな「コンテンツへスキップ」リンクコンポーネントで、補完的な配色、適度な複雑さ、およびビジネス/企業のWebサイトに適したダークモードのサポートを実装しています。このコンポーネントは、Tailwind CSSクラスを使用して純粋にHTMLで実装され、JavaScriptは必要ありません。
コンテンツリンクコンポーネントにスキップ - Skeuomorphism グレースケール
ブログコンテンツ用のグレースケールのSkeuomorphicデザインを使用したシンプルでレスポンシブな「コンテンツにスキップ」リンク。ダークモードのサポートが含まれています。