$29 - ライセンスを購入する

Framerのアクセシビリティは、より大きなアクセシビリティスタジオパッケージの一部です。Framerのアドオンは一つのサイトのみ対象です。複数のサイトをスキャンする場合は、accessibilitystud.io/pricingで月間ライセンスの購入を検討してください。

スキャンを実行する

1. Framerのアクセシビリティを開く

2. スキャンをクリックする

3. 結果のリストを確認する

各問題は実行可能なように設計されています:

• 何が問題か

• どこにあるか（可能であればレイヤーにリンク）

• どのように修正するか（アクションボタンまたはガイド付きステップ）

問題を素早く修正する

1. 問題をクリックする

2. フォーカス/レイヤー選択を使用してキャンバス内の要素にジャンプする

3. Framerで修正する（または利用可能な場合は内蔵アクションを使用する）

4. 再スキャンして問題が解決されたか確認する

画像のaltテキスト

altテキストが欠落しているか弱い場合をフラグします。

• 修正: 画像を選択 → 意味のあるaltテキストを追加

• デコレーション画像: デコレーションとしてマーク / 空のalt

見出し構造

H1の欠落、複数のH1、スキップした見出しレベルをフラグします。

• 修正: 明確なH1を一つ確保する; 階層を順序通りに維持する (H1 → H2 → H3)

セマンティックタグのない視覚的見出し

見出しのようにスタイリングされているがタグ付けされていないテキストをフラグします。

• 修正: テキストレイヤーを選択 → 正しい見出しタグを設定する

コントラストとページレベルのチェック

潜在的なコントラスト問題やその他のページレベルの懸念をフラグします。

• 修正: 読みやすさのために色を調整する; 再スキャンする

  
  

  

アクセシビリティウィジェット

Framerのアクセシビリティは、あなたのライブFramerサイトにアクセシビリティウィジェットを公開できます。このウィジェットは訪問者用のアクセシビリティ設定ポップアップウィンドウですので、ユーザーはサイトをブラウジングしながらリアルタイムで読みやすさやナビゲーションを調整できます。

その機能

• アクセシビリティ設定ポップアップを開くオンページボタン/コントロールを追加します

• サイトの見た目と動作をアクセシビリティのために訪問者がパーソナライズできます

• ページ上に即座に変更が適用されます

• すべて訪問者のブラウザで実行されます（クライアントサイド）

ウィジェットの外観と配置

ウィジェットは邪魔にならないようにデザインされており、サイトに合うように設計されています:

• 配置の設定可能（コーナー/エッジのポジショニングは設定によります）

• ブランドに合わせてビジュアルスタイリングをカスタマイズ可能

訪問者が調整できる内容

ウィジェットは機能を4つのカテゴリーにグループ化しています:

• ビジュアル調整（視認性/快適性）

• 読み取り支援（読み取りサポート）

• ナビゲーション補助（ページをより簡単に移動）

• コンテンツ制御（気を散らす要素を減らし/体験をシンプルに）

正確なオプションは公開するバージョンと設定によります。

訪問者の使い方

1. 訪問者がサイト上のウィジェットボタンをクリックする

2. アクセシビリティ設定ポップアップが開く

3. 訪問者が設定をオン/オフにしたりコントロールを調整したりする

4. 変更は即座に適用されます

5. 訪問者がポップアップを閉じて、好みのスタイルでブラウジングを続ける

メールアラート

メールアラートは、アクセシビリティの問題が現れたり戻ってきたりした際に通知するので、コンテンツ更新やデザイン変更中に逆戻りが知られずに進行しないようにします。

アラートの動作

• 受信者のメールアドレスを設定します

• スキャンが新しい/逆行した問題を検出したら（設定に基づいて）、プラグインが通知を送信するので公開する前に再確認ができます