LikePay Academyが「スーパーサイトAcademy」に変わります。詳しくはこちらです。

アクセシブルな要素

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

この投稿は公式のWebflow Universityを元に作成しました。翻訳したテキストと画像は引用元のものを使用する場合があります。引用元はこちらです。

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

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

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

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

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

目次

あなたもNoCodeのプロに

充実したサポートであなたも、最短3ヶ月間でノーコードWeb制作のプロになれます。

  • 300以上のノーコード動画教材

  • チャットサポート

  • 個別ビデオ通話相談