このページを日本語で閲覧するには「続ける」を押してください。
Press "Continue" to see this page in English.
料金プランを有効化して学習を始めましょう。

アクセシブルな要素

スクリーンリーダーおよびキーボードで操作可能なWebflow要素について学習

アクセス制限

レッスン動画を閲覧するには、会員登録が必要です

レッスン動画を閲覧するには、会員登録と有料プランの加入が必要です

アクセス制限

レッスン動画を閲覧するには、有料プランの加入が必要です。

レッスン内容

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

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

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

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

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

コースのレッスン

No items found.

学習進捗

閲覧後に「完了」を押して、進捗を保存しましょう