ヘルプセンター

Accessibird のインストール、ウィジェットの設定、ウェブサイトのスキャン、検出された問題の修正をステップごとに解説します。

すべてのガイド

はじめに

インストールガイド

WordPress サイトに Accessibird をインストールする方法

ヘッダー用プラグインまたはテーマを使って、WordPress に Accessibird ウィジェットのスニペットを追加します。

ShopifyサイトにAccessibirdをインストールする方法

テーマのtheme.liquidファイルを編集して、ShopifyにAccessibirdのスニペットを追加します。

WixサイトにAccessibirdをインストールする方法

Wixのカスタムコード機能を使って、サイトのすべてのページにAccessibirdを追加します。

SquarespaceのサイトにAccessibirdをインストールする方法

Squarespaceのコードインジェクションパネルを使って、サイト全体にAccessibirdウィジェットを設置します。

WebflowのサイトにAccessibirdをインストールする方法

プロジェクトのカスタムコード設定からWebflowにAccessibirdを追加します。

FramerサイトにAccessibirdをインストールする方法

「Site Settings → Custom Code」からFramerサイトにAccessibirdを追加します。

WeeblyサイトにAccessibirdをインストールする方法

サイトの「フッターコード」欄からWeeblyにAccessibirdのスニペットを追加します。

GoDaddyのサイトにAccessibirdをインストールする方法

「サイト全体のコード」から、GoDaddy Website BuilderのサイトにAccessibirdウィジェットを追加します。

DudaサイトにAccessibirdをインストールする方法

サイトのヘッダー/フッターHTML設定からDudaにAccessibirdを追加します。

HubSpotサイトにAccessibirdをインストールする方法

ウェブサイト設定の「サイトヘッダーHTML」から、HubSpot CMSにAccessibirdを追加します。

JoomlaサイトにAccessibirdをインストールする方法

すべてのページに割り当てたカスタムHTMLモジュールを使って、JoomlaにAccessibirdのスニペットを追加します。

DrupalサイトにAccessibirdをインストールする方法

ブロックまたはAsset Injectorモジュールを使って、DrupalにAccessibirdを追加します。

WooCommerceサイトにAccessibirdをインストールする方法

ヘッダーやフッターにコードを挿入できるスニペットプラグインを使って、WooCommerceストアにAccessibirdを追加します。

BigCommerceサイトにAccessibirdをインストールする方法

スクリプトマネージャーを使ってBigCommerceにAccessibirdを導入します。

Adobe Commerce (Magento) サイトにAccessibirdをインストールする方法

管理画面のデザイン設定からAdobe Commerce / Magento 2にAccessibirdを追加します。

Lightspeed eCom サイトに Accessibird をインストールする方法

テーマエディターを使って、Lightspeed eCom(旧 SEOshop)のストアフロントに Accessibird のスニペットを追加します。

VolusionサイトにAccessibirdをインストールする方法

グローバルテンプレートファイルを使って、VolusionストアにAccessibirdを追加します。

WebサイトにAccessibirdを直接インストールする方法

サイトのHTMLの終了bodyタグの直前に、Accessibirdのスニペットを直接貼り付けます。

Google Tag ManagerでAccessibirdをインストールする方法

Google Tag ManagerのカスタムHTMLタグを使ってAccessibirdウィジェットを設置します。

ウィジェット

スキャン

タスク

エージェンシー

トラブルシューティング

よくある質問

ユーザーのプライバシーをどのように保護していますか?

プライバシー・バイ・デザインの原則に基づき、個人データは収集せず、アクセス解析は任意とし、GDPRに完全に準拠しています。ユーザーは自分のデータを管理でき、あらゆるトラッキングをオプトアウトできます。

どのくらいで効果を確認できますか?

スクリプトタグを1つ追加するだけで、5分で導入できます。ユーザーはすぐに機能を利用でき、導入から24時間以内に分析データを確認できます。

ウィジェットは、私のウェブサイトのプラットフォームでも使えますか?

はい!Accessibirdのウィジェットは、WordPress、Shopify、Squarespace、Wixをはじめ、独自に構築したHTMLサイトやコンテンツ管理システムなど、主要なすべてのプラットフォームに対応しています。

ウィジェットを導入すると、ウェブサイトの表示が遅くなりますか?

いいえ。Accessibirdのウィジェットは、パフォーマンスを考慮して最適化されています。非同期で読み込まれ、サイズも50KB未満なので、サイトの読み込み速度への影響を最小限に抑えます。

ウィジェットの見た目をカスタマイズできますか?

はい。管理ダッシュボードから色、表示位置、サイズ、有効にする機能を設定し、ブランドに合わせてカスタマイズできます。

Accessibirdとは何ですか?

Accessibirdは、ウェブサイトのアクセシビリティを自動で継続的に改善します。 Accessibirdは、AIアクセシビリティウィジェット、チェッカー、モニター、アナリティクスを1つのプラットフォームに統合しています。これらが連携して問題を検出し、アクセシビリティを改善し、ウェブサイトを継続的に監視します。さらに、問題を根本から恒久的に修正できるよう支援し、WCAG、EAA、ADAの基準への対応をサポートしながら、コンプライアンス上のリスクを低減します。

複数のウェブサイトを管理できますか?

はい。 Accessibirdでは、1つのダッシュボードで複数のウェブサイトのアクセシビリティをまとめて確認できます。基準への準拠状況や改善の進捗を簡単に把握でき、1つのアカウントですべてのサイトを管理できます。

自分のウェブサイトもWCAGに準拠する必要がありますか?

はい。ウェブアクセシビリティへの対応は、もはや任意ではありません。欧州アクセシビリティ法(EAA)や障害を持つアメリカ人法(ADA)などの法規制により、企業にはウェブサイトのアクセシビリティを確保することがますます求められています。法規制に対応していないと、苦情や訴訟、顧客の喪失、多額の費用がかかる改修につながる可能性があります。法規制への対応にとどまらず、アクセシブルなウェブサイトは、すべての訪問者にとってより使いやすい体験を提供し、障害のある何百万人もの人々にビジネスを届ける機会を広げます。

無料プランはありますか?

はい!基本ウィジェットは完全無料で導入できます。 ただし、無料ウィジェットは訪問者のアクセシビリティを改善する第一歩として役立ちますが、コードの修正や正式なWCAG準拠には対応していません。EAAやADAの基準への対応を支援するために、コードの積極的な修正、自動コンプライアンス監視、AIによる代替テキスト生成が必要になった場合は、月額わずか€20からいつでもアップグレードできます。

Accessibility Checkerはどのように機能しますか?

チェッカーはウェブサイトを即座にスキャンし、ADAおよびWCAGへの準拠に関する問題を検出します。違反を特定し、それぞれがなぜ重要なのかを説明し、該当するコードの正確な位置を示します。さらに、チームが問題を根本から恒久的に修正できるよう、ChatGPT、Claude、Geminiですぐに使えるAIプロンプトを生成します。

Accessibird Analyticsでは何がわかりますか?

Accessibird Analyticsでは、ウェブサイトでアクセシビリティを必要としているのはどのようなユーザーか、また、どの支援機能を使っているかを正確に把握できます。 文字サイズの変更、コントラスト調整、スクリーンリーダー向けの最適化、キーボード操作といった機能を利用している訪問者の数や、その推移を確認できます。こうした情報は、改善の優先順位を決めたり、アクセシビリティへの取り組みが実際にどのような効果をもたらしているかを示したりするのに役立ちます。

Accessibirdのインストールには開発者が必要ですか?

いいえ。 Accessibirdは、どのプラットフォームでも動作する1行のJavaScriptコードです。ほとんどのサイト運営者は、5分以内にご自身でインストールしています。WordPress、Shopify、WixなどのCMSプラットフォームでは、ヘッダーやカスタムコードのブロックに貼り付けるだけなので、開発者に依頼する必要はありません。

Accessibility Monitorは何をする機能ですか?

Monitorは、コンテンツやコードの変更に合わせて、ウェブサイトに新たなアクセシビリティの問題が発生していないかを継続的に監視します。一度きりの監査ではなく、定期的に再スキャンし、以前は問題のなかった箇所の不具合を追跡して、新たな問題が見つかると通知します。これにより、リリースの合間もコンプライアンスが維持されます。

制作会社向けのパートナープログラムはありますか?

はい。 Accessibirdでは、制作会社、フリーランス、コンサルタント向けの専用パートナープログラムをご用意しています。1つのダッシュボードからクライアントのウェブサイトを数の制限なく管理し、プロフェッショナルなコンプライアンスレポートを提供できます。さらに、クライアントのアップグレードに応じて継続的な収益を得られます。ベンダーロックインもありません。

手作業によるアクセシビリティ改善の代わりになりますか?

いいえ。ウィジェットは、ユーザー自身が調整できるアクセシビリティ機能を提供することで、手作業による改善を補完します。ウィジェットはユーザーの好みや設定の変化に対応し、手作業による改善では構造的な問題に対処します。

ユーザーは使い方に合わせてカスタマイズできますか?

はい、ユーザーは自分に合わせたプロフィールを作成し、設定を保存できます。また、利用パターンに基づいて、AIがおすすめの機能を提案します。

ウィジェットのインストールにはどのくらい時間がかかりますか?

インストールは5分以内で完了します。JavaScriptコードをコピーしてウェブサイトのHTMLに貼り付けるだけで、ウィジェットがすぐに使えるようになります。

ウィジェットはユーザーデータを収集しますか?

私たちはプライバシーを重視しています。ウィジェットは、アクセシビリティ設定をユーザーのブラウザ内にのみ保存し、個人情報は収集しません。

無料のウィジェットと有料のウィジェットの違いは何ですか?

無料のウィジェットは、フロントエンドの支援ツールとしてのみ機能します。文字サイズやコントラストの調整など、訪問者に基本的な操作機能を提供しますが、ウェブサイトの基盤となるコードを修正・変更することはありません。有料プランでは、コードの自動修正機能が利用できます。プレミアムウィジェットは構造上の問題を自動的に修正し、WCAG、EAA、ADAの基準への準拠に関するリスクを軽減するとともに、AIによる代替テキストの生成、継続的なモニタリング、ソースコードに関するガイダンスを利用できるようにします。

AccessibirdはWCAGへの準拠をどのように支援しますか?

Accessibirdは、検出・改善・監視というシンプルな3ステップを継続的に繰り返します。Checkerがウェブサイトのアクセシビリティ上の問題をスキャンし、AI Accessibility Widgetが訪問者の利用を妨げる多くの障壁を即座に改善します。さらに、Monitorがウェブサイトの変化に伴う新たな問題を継続的に監視します。残っているすべての問題には、わかりやすい説明、コード内の正確な位置、実践的な解決策が示されるため、チームでアクセシビリティを恒久的に改善できます。

どのCMSプラットフォームに対応していますか?

主要なプラットフォームすべてに対応しています。Accessibirdは、WordPress、Shopify、Webflow、Magento (Adobe)、Wix、HubSpot、Framer、React、Vue、独自に構築されたウェブサイトなど、JavaScriptスニペットを1つ追加できるほぼすべてのプラットフォームで利用できます。

他のサービスではなくAccessibirdを選ぶ理由は?

他のプラットフォームでは、ウィジェットだけで高額な料金がかかり、モニタリングには追加料金が請求されます。多くは問題の根本を修正せず、ユーザーから見えなくしているだけです。Accessibirdは、両方のアプローチを組み合わせたハイブリッド型のソリューションです。AI Widgetが訪問者のフロントエンドでの体験を即座に改善する一方で、CheckerとMonitorがバックグラウンドで動作し、より深い部分にあるWCAGエラーを検出します。問題を指摘するだけでなく、コード内の該当箇所を正確に特定し、ChatGPT、Claude、Geminiですぐに使えるAIプロンプトを生成するため、問題を根本的に解決できます。一時的な対処ではなく、構造そのものの改善を重視しています。

Accessibirdはウェブサイトのパフォーマンスに影響しますか?

いいえ。 Accessibirdは、メインコンテンツの後に読み込まれる軽量な非同期スクリプトを使用しています。読み込み速度、Core Web Vitals、SEOパフォーマンス、Google Lighthouseのスコアには、ほとんど影響しません。

制作会社でも複数のクライアントを管理できますか?

はい、もちろんです。 Accessibirdは、複数のウェブサイトを管理する制作会社やフリーランスの方に向けて設計されています。1つのダッシュボードですべてのクライアントのプロジェクトを管理し、アクセシビリティを継続的に監視できます。また、プロフェッショナルなコンプライアンスレポートを提供し、特定のベンダーに依存することなく、クライアントがアクセシビリティの問題を恒久的に解決できるよう支援できます。

Checkerはどの基準に基づいてチェックしますか?

Checkerは、WCAG 2.1および2.2(レベルAおよびAA)と、ADAおよび欧州アクセシビリティ法(EAA)で参照されているアクセシビリティ要件に照らして、ウェブサイトを検証します。

分析データのプライバシーは守られていますか?

はい。分析データはすべて集計・匿名化されています。Accessibirdは個人を特定できる情報を収集せず、すべての処理はGDPRに準拠しています。

Accessibirdはどのくらいの頻度でウェブサイトを再スキャンしますか?

有料プランには、プランに応じて毎日、毎週、または毎月実行される自動定期スキャンが含まれています。ダッシュボードからいつでも手動でスキャンを実行することもできます。

代理店はAccessibirdでどのように継続収益を得られますか?

パートナー代理店は、Accessibirdに紹介したクライアントのサブスクリプションから継続的なコミッションを受け取れます。また、プラットフォームの利用料とは別に、独自のアクセシビリティサービスの料金を請求することもできるため、コンプライアンス対応の支援を軸に、持続可能な継続収益を生み出せます。

ブランドカラーがコントラスト要件を満たしていない場合はどうすればよいですか?

ウィジェットには、既存のブランドイメージを活かしながらコントラストを自動で改善する機能が備わっています。ユーザー自身が調整することで、アクセシビリティ基準を満たせるようになっています。

ウェブサイトのパフォーマンスへの影響はありますか?

ウィジェットは、遅延読み込み、効率的なCSS、プログレッシブエンハンスメントにより、パフォーマンスへの影響を最小限に抑えるよう最適化されています。通常、読み込み時間への影響は50ms未満です。

WCAGへの準拠やEAAへの対応に、どのように役立ちますか?

このウィジェットは、訪問者が自分で調整できるアクセシビリティ機能と、改善に役立つレポートを提供することで、WCAG 2.1 AAの多くの達成基準への対応を支援し、欧州アクセシビリティ法(EAA)で定められた義務への対応をサポートします。ただし、完全な準拠には、引き続き貴社のチームによるコンテンツとコードの確認、および手動でのレビューが必要です。

チーム向けのトレーニングは必要ですか?

トレーニングは不要です。ウィジェットは自動更新に対応しており、管理の手間はかかりません。管理ダッシュボードでは、アクセシビリティの専門知識がなくても役立つ情報を確認できます。

Accessibirdがこれほど手頃な料金なのはなぜですか?

ほかのアクセシビリティツールでは、営業担当者と話すまで料金がわからないことも多く、基本的なウィジェットを購入した後に、モニタリングやその他の機能で高額な追加料金がかかることもあります。Accessibirdは、そんな仕組みを変えます。コストのかかる営業活動や法人向けデモ、レガシーインフラを省き、高度に自動化されたセルフサービス型プラットフォームを構築することで、すべての有料プランにコードの修正、継続的なモニタリング、AIツールを組み込みました。これにより、月額わずか€20から、あらゆる企業が包括的なコンプライアンス支援を手頃な料金で利用できます。

設定にはどのくらい時間がかかりますか?

5分です。ウェブサイトにJavaScriptを1行追加するだけです。スクリプトが有効になるとすぐに、AIアクセシビリティウィジェットがアクセシビリティの改善を開始し、同時にAccessibirdがウェブサイトのスキャンと監視を自動的に開始します。

Accessibirdはサーバーやウェブサイトのデータにアクセスしますか?

いいえ。 Accessibirdはブラウザ内だけで動作し、お客様のサーバー、データベース、顧客の機密情報にアクセスすることは一切ありません。ウェブサイトは引き続きお客様が完全に管理でき、すべての処理はGDPRの要件に準拠しています。

Accessibirdは独自に構築したウェブサイトやヘッドレスのウェブサイトでも使えますか?

はい。 Accessibirdは、JavaScriptスニペットを読み込めるウェブサイトであれば利用できます。React、Vue、Next.js、Angularで独自に構築したサイトや、ヘッドレス構成のサイトにも対応しています。フレームワークの制限はありません。

ウィジェットはアクセシビリティ基準に準拠していますか?

このウィジェットは、WCAG 2.1 AAのガイドラインに沿って設計されており、サイトを訪れる方のアクセシビリティ向上に役立ちます。法令遵守に向けた取り組みを支援しますが、ウィジェットだけでウェブサイトが法的要件を満たすわけではありません。コンテンツや構造の整備、手動でのテストも引き続き重要です。

ウィジェットを導入すると、ウェブサイトはWCAGに準拠しますか?

ワンクリックで100%の準拠を保証できると、誠実に言えるツールはありません。アクセシビリティは、技術的な実装とコンテンツの両方に左右されます。Accessibirdは、対応作業の大部分を自動化します。AIウィジェットが問題を即座に修正し、不足している代替テキストを自動生成するほか、自動化できない部分については、コードレベルの具体的な修正方法を開発者に提示します。ほとんどのウェブサイトでは、これにより手作業を最大90%削減できます。

ウィジェットが想定と違う言語で表示されるのはなぜですか?
Accessibirdは、ウェブサイトの言語に合わせてウィジェットを表示します。まずページの言語設定()を確認し、次に訪問者のブラウザの言語を確認します。意図した言語で表示されない場合は、ページのlang設定が正しいか確認してください。常に特定の言語で表示するには、埋め込みコードにdata-langを追加します。たとえば、ドイツ語ならdata-lang="de"を指定します。訪問者はウィジェット内で別の言語を選ぶこともでき、その選択は、そのウェブサイト用の設定として訪問者の端末に保存されます。

製品

さらに探す.

各ツールは単独で動作し、他のツールとも連携します。

Accessibird01 · アクセシビリティウィジェットちょっとした選択肢の追加が大きな違いを生むことがあります。さらに詳しく: アクセシビリティウィジェット →: アクセシビリティウィジェット

このサイトは分析ツールやサポートチャットを読み込みません。許可いただいた場合、どの広告が効果的かを知るため、Meta(Facebook・Instagram)がCookieで訪問を計測します。広告やパートナーリンクから来られた場合は、登録時にパートナー割引が適用されるよう、キャンペーンタグとパートナーコードもこの訪問中のみ記憶します。ここでいつでもオフにできます。