サイトが公開済みであれば、Accessibirdの追加は数分で完了します。まず、編集権限があり、正常に動作しているウェブサイトを用意してください。次に、Accessibirdのダッシュボードを開き、ドメイン名を入力して確定し、サイトを登録します。
スニペットを取得する
ダッシュボードのインストールセクションを開き、スクリプトのスニペットをコピーします。この1行のJavaScriptでウィジェットが読み込まれ、訪問者がAccessibirdのすべてのアクセシビリティツールを利用できるようになります。
サイトに追加する
スニペットを<head>タグ内、または閉じタグ</body>の直前に配置します。Webflowでは、カスタムコードの設定から追加できます。Wixではカスタムスクリプトの挿入機能を、Framerでは埋め込みまたはカスタムコードのセクションを使用できます。ReactまたはNext.jsを使用している場合は、すべてのページで読み込まれるように、レイアウトファイルまたはドキュメントファイル内にスニペットを追加してください。
デプロイして確認する
サイトをデプロイしてページを再読み込みすると、画面の隅にウィジェットが表示されるはずです。表示されない場合は、公開ページにスニペットが保存されていることと、サイトが確実に再公開されていることを確認してください。