アクセシビリティ
最終更新:
NoCheckは、乗り物を維持するすべての方にお使いいただけるものでありたいと考えています。このページでは、アプリが今できること、まだできないこと、そしてお困りの点があるときのご連絡方法をご説明します。
安心していただくことよりも、具体的であることを選びます。以下に書かれていることは、いずれもアプリがそのように作られ、テストされている事柄です。検証できていないことは省くのではなく、まだお約束できないことに記載しています。 規則に例外がある場合は、その例外を実測値とともに規則の横に記載しています。切り上げて書かれた規則こそ、アクセシビリティのページを無価値にするものだからです。
NoCheckが現在対応していること
大きな文字
NoCheckは、最大の設定を含めてシステムの文字サイズに従います。画面は切り詰めるのではなく組み直され、行は高くなり、ラベルは折り返されます。アプリのすべてのコンポーネントは、文字サイズ**200 %**での自動テストを通っており、あふれが少しでもあれば失敗します。さらに、大きくなれない操作部品については翻訳ごとに文字数の上限を設けています。英語は当社が提供する言語の中で最も短いため、英語だけを基準に設計したボタンは、他の言語の半数であふれてしまいます。
設定はお使いの端末のシステム設定で行ってください。iOSではアクセシビリティ、Androidではディスプレイの項目です。NoCheckはその値をそのまま用い、ずれの原因になり得る独自の文字サイズ設定をあえて持ちません。
ダークな外観
明るいテーマにフィルターを重ねたものではなく、完全なダークテーマです。すべての色がそれぞれの背景のために描かれています。既定ではシステム設定に従い、アプリ内の設定 → アプリ設定 → テーマが双方向に上書きします。
色だけに頼らない
車両の整備状況を色だけで伝えることはありません。どの状態にも文字のラベル(期限超過、まもなく、順調)と専用のアイコンが付きます。色はその内容を繰り返すだけで、色が意味を担うことはありません。同じ規則が、ダッシュボード、車両画面、そのあいだのすべてのリストに当てはまります。
視差効果を減らす
システムが動きの軽減を求めている場合、NoCheckはそれに従います。読み込み中のプレースホルダーは明滅を完全に止めます。行のスワイプ操作は動き続けますが、スライドはばね付きの220 msから一定速度の100 msに短縮され、操作バーの存在を示唆するヒントのアニメーションは丸ごと省かれます。「アニメーションなし」ではなくこう書くのは、それが「なにもない」ではないからです。その100 msのスライドがそれでも気になる場合は、ぜひお知らせください。
タップ領域
操作部品は原則として48 × 48 dpあります。見えているものがそれより小さい場合でも同じで、7 dpの状態を示す点も、小さなアイコンボタンも、テキストリンクも、その背後には指の大きさの領域があります。
4つの要素は意図的にこれより小さく、規則を切り上げて書くより、その4つを挙げておくことを選びます。 これらは設計上コンパクトで、同じ操作にはより大きな経路も用意されており、自動テストがそれぞれを実測サイズに固定しているため、気づかないうちにさらに小さくなることはありません。
| 要素 | 描画サイズ | 同じ操作への別の経路 |
|---|---|---|
| 単位・モードの切り替え | 26 × 47.6 dp | 区画は幅が広く隣接しているため、押し損ねても空白ではなく隣の区画に入ります |
| ヘッダーの「整備を記録」 | 22 × 113.7 dp | 整備画面では同じ操作がバー上の48 × 48のボタンです。車両画面では、その下の各整備行が同じ画面を開きます |
| 「走行距離を更新」のボタン | 高さ38 dp | カードの他の場所をタップすると車両が開き、そこでは同じ操作が1行先にあります |
| バックアップを案内するフッター | 高さ42 dp | 同じ画面が通常の行としても案内しています |
Flutterは描画領域の外のタップを受け取らないため、これらは余白で水増しされたものではなく実際の領域です。どれかが指の届く範囲の外にあるようでしたら、ぜひご一報ください。サイズは設計上の判断であって、法ではありません。
スクリーンリーダー
操作可能な部品にはVoiceOverとTalkBack向けのラベルが付いています。また、NoCheckにはスワイプでしか到達できない操作はありません。スワイプで現れる操作はすべて、名前の付いた行のアクションとしてスクリーンリーダーに提供されるため、VoiceOverとTalkBackがこのジェスチャーを必要とすることはありません。
🚨 スクリーンリーダーを使わない場合、1つのジェスチャーだけは代わりがありません。 ほとんどの一覧では、長押しでスワイプと同じメニューが開きます。整備の行では別のことが起きます。複数選択が始まり、複数の作業をまとめて完了にできます。そこで整備項目を削除する手段は、スワイプか、スクリーンリーダーが受け取る行のアクションです。長押しはできてもスワイプができず、スクリーンリーダーも使っていない場合、この削除だけが今のところ届きません。課題として把握しています。
最も重要な箇所のコントラスト
本文の文字は、明るいテーマで17.4:1、暗いテーマで15.1:1あり、いずれもWCAGの最も厳しい水準を超えています。状態のラベル(期限超過、まもなく、予定どおり)は、明るいテーマで10:1以上です。暗いテーマでは同じラベルが4.7:1〜6.4:1となり、WCAG AAは満たしますが明るいテーマほどの余裕はありません。都合のよい数値だけでなく、両方を載せることにしています。
これらの数値は、パレットそのものから計算するテストが持っており、どれか1つでもずれるとビルドが失敗します。つまりこのページが黙って古くなることはありません。目分量ではありません。
まだお約束できないこと
全体としての十分なコントラスト
App Storeでは十分なコントラストをあえて申告していません。まだすべての箇所で満たせていないためです。NoCheckがヒント、キャプション、補助行に用いる二次的なグレーは、明るいテーマで3.25:1で、WCAG AAが小さな文字に求める4.5:1を下回ります。読めますし、その情報が現れる唯一の場所になることはありませんが、改善すべき項目として認識しています。暗いテーマにこの問題はありません。
スクリーンリーダーによる全画面の検証
ラベルは用意できていますが、VoiceOverやTalkBackを日常的にお使いの方による通しでの検証はまだ行えていません。それが済むまで、この件が解決済みであるかのように「VoiceOverに対応している」とは申し上げません。
点字ディスプレイ、スイッチコントロール、音声コントロール
未検証です。動作しないと考える根拠もなければ、動作するという裏づけもありません。
基準としているもの
- 目標としてのWCAG 2.2 レベルAA。ウェブ向けに書かれた基準のため、ネイティブアプリには一部が緩やかにしか当てはまりません。当社はこれを超えるべき基準と捉えており、与えられた認証とは考えていません。
- AppleのAccessibility Nutrition Labels。コードとそのテストが裏づける機能だけを申告しています。当社のApp Storeページの一覧が本来あり得るより短いのはそのためです。
- タップ領域、ラベル、文字の拡大縮小についてのAndroidのアクセシビリティガイダンス。
このウェブサイト
このサイトのすべてのページは、継続的インテグレーションでLighthouseのアクセシビリティ満点を保つよう検証されています。これを下回るビルドは公開されません。自動的な検査であり人の目に代わるものではありませんが、公開のたびに気づかれないまま後退することはありません。
お困りの点をお知らせください
**support@nocheck.app**までご連絡ください。次の点をお書き添えいただけると助かります。
- どの画面でのことか
- 端末とOSのバージョン
- ご利用の支援技術(あれば)
- 本来どうなると思われたか
いただいたお便りはすべて拝読します。このページの内容が古い、あるいは誤っている場合も、ぜひお知らせください。このページは正直であってはじめて役に立ちます。