アクセシビリティ

01概要

Apple の 9 つのアクセシビリティ機能のうち 7 つに対応しています。いずれも、実装したコードから推測したのではなく、実際の iPhone で設定をオンにして確認済みです。残る 2 つは、動画も音声もないアプリには持ちえないものです。

02VoiceOver

アプリのすべてのボタン・入力欄・スライダーに名前があります。とくに挙げておきたいのはスライダーです。もっとも扱いの細かいコントロールだからです。範囲のどちら側をつかんでいるかを — 「平日、開始」 のように — 読み上げ、値は画面に出ているとおりに伝えるので、7 ではなく 07:00 と聞こえます。ボートスコアの 4 つのつまみのスライダーは、項目と境界をあわせて読み上げます。「潮位、良好範囲の下限」のように。

観測地点のデータ品質は、チェックマーク 1 〜 3 個で描かれます。このチェックマークも読み上げられるので、データセット名だけでなく 「BODC、優」 と聞こえます。

シートを開くとフォーカスがその中へ移り、閉じると元に戻ります。すでに開いたパネルの後ろに取り残されることはありません。

03音声コントロール

アプリのどのコントロールも、読み上げられる名前が表示されている名前と食い違うことはありません。音声コントロールに必要なのはまさにこれです。「環境設定をタップ」と言えば、「環境設定」という名前のボタンに届きます。アイコンだけのボタンにも動作に合った名前が付いているので、タップするだけでなく話しかけることもできます。

04文字を大きく

アプリは 「設定」→「アクセシビリティ」→「画面表示とテキストサイズ」→「さらに大きな文字」 に従い、200% まで対応します。アクセシビリティ用の最大サイズも含め、レイアウトが無理なく保てるところまで大きくします。

正直に申し上げる制約がひとつ。情報密度の高い 2 つの表示 — 予報グラフとスコアカレンダー — は独自の文字サイズを保ちます。ラベルは固定のグリッド上に配置されており、その中で文字を大きくすると、読みやすくなるどころか重なってしまうためです。ほかはすべて大きくなりますし、これらのグラフの数値はアプリ内の別の場所でテキストとして確認できます。

05ライト・ダーク・システム

外観はアプリ自身の設定にあります。ライト、ダーク、または端末に合わせる システム。ダークを選べば端末の設定に関係なくダークのままで、暗いパレットはホーム画面だけでなく、設定シート、通知のプレビュー、初回のご案内まですべての画面に及びます。

06視差効果を減らす

「視差効果を減らす」がオンのとき、アプリはアニメーションを遅くするのではなく、止めます。

• 起動画面は描かれる過程ではなく、完成した状態を表示します。
• スイッチは、つまみが滑ることなく状態が変わります。
• 読み込み中の表示は回らず、静止します。
• ウィジェットのギャラリーは自動で流れるのをやめ、操作を待ちます。

それで失われるものはありません。止まった読み込み表示の隣には「読み込み中」の文字が残り、何が起きているかを実際に伝えているのはそちらです。

07コントラストを上げる

「コントラストを上げる」がオンのとき、パネルの枠線や区切り線が強まり、もっとも淡いグラフの線が濃くなり、データ品質のラベルは塗りを薄めて、その上の文字がはっきり浮かび上がります。

オンにしていなくても、アプリのすべての文字は、背後の面に対して WCAG AA の最低コントラスト 4.5:1 をすでに満たしています。これはビルドごとに自動で検証されるため、どの色も気づかれないまま基準を下回ることはありません。

08色だけに頼らない

グラフの配色は Okabe-Ito パレットです。よくある色覚特性でも色相を見分けられるよう選ばれています。ただしパレットだけでは足りないので、アプリのどの情報も色相だけには頼りません。

• 観測地点のデータ品質は色ではなく数で示します。チェックマーク 1 〜 3 個は、グレースケールでも、画面を暗くしても、スクリーンショットでも残ります。
• 風向きは向きのある矢印です。
• グラフの各系列には言葉のラベルがあり、高極値・低極値には数値と時刻が添えられます。

09このアプリにないもの

Apple の機能のうち 2 つは、このアプリには当てはまりません。Tides & Weather には動画も音声もないため、字幕や音声解説が説明する対象がありません。

そして、見つけていただく前にお伝えしておきたいことが 2 つ。上に書いたとおり、情報密度の高い 2 つのグラフは「さらに大きな文字」に合わせて文字を大きくしません。また、VoiceOver の点字出力は、適切にラベル付けされたアプリと同様に動作するはずですが、私たち自身が点字ディスプレイで試したわけではありません。

10足りないものを教えてください