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

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に完全対応するためのルールです。