Skip to main content
お使いのブラウザは古いため、このサイトを正しく表示できません。Chrome、Edge、Firefox、Safari の最新版に更新してください。
ネイティブモバイルアプリ アクセシビリティスキャナー

モバイルアプリのアクセシビリティをスキャン

モバイルWebアプリのURLをスキャンすると、実際のモバイル端末のエミュレーション下で自動アクセシビリティ監査を実行し、iOS、Android、React Native、Flutter向けのプラットフォーム別WCAG 2.2チェックリストを入手できます。チェックリストは進捗管理やエクスポートに使えます。ネイティブアプリ画面のスクリーンショットレビューは任意で、ビジョンモデルの設定が必要です。

WCAG 2.2 AAVoiceOver / TalkBackタッチターゲットコントラストリフローEN 301 549
スマートフォンで開いた AccessiSight のレポート:Accessible University デモページのスコアは 100 点中 73 点、問題は 48 件。

1プラットフォームを選択

2公開中の URL をスキャン (推奨:実際の自動スキャンを実行します)

モバイルWebアプリ(またはサイトのモバイル表示)のURLを入力してください。モバイルデバイスのエミュレーションプロファイル(モバイルビューポート、ユーザーエージェント、タッチ入力)で、当社のアクセシビリティエンジン全体を実行します。そのため、タッチターゲットのサイズ、リフローなどの検出結果は、デスクトップのレイアウトをモバイルと呼び替えたものではなく、スマートフォンサイズのレイアウトを反映します。

Chromiumのモバイルデバイスエミュレーション(モバイルビューポート、ユーザーエージェント、タッチ入力)で実行されます。実際のiOS SafariやAndroid Chromeでのレンダリングではありません。独自のアクセシビリティツリーをすでに取得しているネイティブのiOS、Android、React Native、Flutterアプリについては、下記のネイティブツリーエンドポイントをご覧ください。

ネイティブのアクセシビリティ ツリーをお持ちですか?

アプリにXCUITest、UIAutomator、またはReact Native/Flutterのテストハーネスを導入している場合は、取得したネイティブアクセシビリティツリーを/api/mobile-scanに直接POSTすると、タッチターゲットとラベル欠落の決定論的チェックを行えます。URLやスクリーンショットは不要です。詳細は下記のSDKタブをご覧ください。

3スクリーンショットをアップロード (任意:サーバーにビジョンモデルがある場合は、そのモデルによる視覚レビューを行います)

スクリーンショットがなくても、プラットフォームの完全なチェックリストを取得できます。ビジョンモデルが設定されている環境では、スクリーンショットを追加すると任意の視覚レビューも行えます。

ドラッグ&ドロップ、またはクリックしてアップロード

PNG、JPEG、WEBP(最大10MB)

このスキャナーがチェックする内容

自動モバイル スキャン

URLを入力すると、このアプリのWCAG検出エンジン全体(デスクトップスキャナーと同じもの)をモバイルデバイスエミュレーションで実行し、静的なチェックリストではなく、タッチターゲット、リフロー、モバイル特有の問題を検出します。

AIによる視覚分析

サーバーにビジョンモデルがある場合は、スクリーンショットをアップロードすると、そのモデルによる参考としての視覚レビュー(コントラスト、わかりにくいアイコン、混雑したレイアウト)を受けられます。ビジョンモデルがない場合は、プラットフォームのチェックリストが表示され、クレジットは使用されません。

WCAG 2.2チェックリスト

タッチターゲット、リフロー、テキストサイズ変更、スクリーンリーダー対応、ジェスチャーの代替手段、モーション、認証をカバーする、プラットフォーム別の16項目のチェックです。

React Native固有のチェック

accessibilityRole、accessibilityState、accessibilityHint、accessibilityActions:開発者が設定すべき正確なpropsを、WCAG基準にマッピングして示します。

CI/CD連携

REST APIはDetox、Appium、XCUITest、Espressoからのスクリーンショットを受け付けます。重大なアクセシビリティの後退が検出された場合、ビルドを自動的に失敗させます。

Android(TalkBack)ルール

contentDescription、importantForAccessibility、labelFor:TalkBackに必要なAndroidの属性を、WCAG 4.1.2に照らしてチェックします。

iOS(VoiceOver)ルール

accessibilityLabel、accessibilityTraits、Dynamic Type対応(scaledFont)、accessibilityContainer:VoiceOverに完全対応するためのルールです。

Frequently Asked Questions