アクセシブルな要素

デザイナーの「Add Elements panel」パネル から、プロジェクトに要素（セクション、ボタン、画像など）を見つけて追加できます。以下の表で Accessible とマークされた要素は、カスタムコードを使用せずにスクリーンリーダーおよびキーボードナビゲーションをサポートします。ただし、一部の要素にはキーボードでのフルアクセスを提供するために、フォーカスされた状態のスタイルを追加する必要があります。

Tab、Dropdown、Slider、およびNavbar要素をキーボードで完全に操作可能にするには、フォーカスされた状態に「ビジュアルフォーカス」として知られるフォーカススタイルを設定する必要があります。これにより、キーボードを使用してナビゲーションする際に、サイト訪問者がより簡単に位置を特定できるようになります。ビジュアルフォーカスは、主にキーボードを使用してナビゲーションする人々、つまりパワーユーザーや移動制限のある人々に必要です。

また、これらの要素が要素のテキストと要素またはページの背景色との適切なカラーコントラストを使用してアクセス可能であることを確認することもできます。コントラスト比について詳しく学びましょう。

フィードバックの提供方法

また、Webflowフォーラム で他のユーザーと交流することもお勧めします。Webflowウィッシュリスト でアイデアを共有することで、あなたとサイトの訪問者のためのよりアクセス可能な製品を構築するのに役立ちます。