Releases: freee/a11y-guidelines
Releases · freee/a11y-guidelines
Ver. 202008.0
Ver. 202008.0 (2020年8月21日)
- チェック内容の見直し
- チェック対象を「デザイン」、「コード」、「プロダクト」に変更
- 全ガイドラインに対するチェック内容の見直しと整理
- すべてのチェック内容をまとめた章を追加： アクセシビリティー・チェック・リスト
- 参考情報更新
- クリック/タッチ・ターゲットのサイズの確認方法についての記述を追加： クリックやタッチのターゲット・サイズに関連する問題とターゲット・サイズの確認方法
- 誤字修正 (#10, #11、他)
Ver. 202007.0
Ver. 202007.0 (2020年7月10日)
- 参考情報追加：スクリーン・リーダーを用いたチェックの実施方法
- 参考情報更新
- 様々なユーザーの入力手段の特徴とそのサポート：[MUST] ダウン・イベントをトリガーにしないに関する説明で、クリック・イベントについての記述を追加
- 動的コンテンツの[MUST] 点滅、スクロールを伴うコンテンツから「動きを伴うコンテンツ」の記述を削除し、音声・映像コンテンツにアニメーションや動画を対象とした新ガイドラインを追加：[MUST] 動きを伴うコンテンツ
- リンクのターゲット・サイズに関するガイドラインについて、テキスト・リンクについてはWCAGで例外とされているので、アイコンの場合の基準のみ記し、アイコンのカテゴリーに移動：[SHOULD] 十分な大きさのクリック/タッチのターゲット
- フォームのターゲット・サイズに関するガイドラインについて、アイコンと同じ基準を明記：[SHOULD] 十分な大きさのクリック/タッチのターゲット
- 入力ディバイスのガイドライン2項目をマージ：[MUST] 特定の入力ディバイスを前提としない
マージ対象ガイドライン：- [MUST] 入力ディバイスのサポート：OSがサポートしている入力ディバイスの使用を妨げない。
- [MUST] ユーザーの動きだけをトリガーにしない：加速度センサー、モーション・キャプチャーなどを活用した、ユーザーの動きをトリガーにする機能は、他のインターフェースによっても実行できるようにする。
- ガイドラインの文言を一部変更（下表参照）
Ver. 202007.0でのガイドライン文言変更箇所
| 該当箇所 | 変更前 | 変更後 | 補足 |
|---|---|---|---|
| ページ全体：[SHOULD] 適切なセクション分けと見出しの付与 | h? 要素を使って適切に見出しを付ける。 |
コンテンツを適切にセクション分けし、 h? 要素を使って見出しを付ける。 |
意図が明確になるように同ガイドラインの見出しも変更しています。 |
| 入力ディバイス：[MUST] ダウン・イベントをトリガーにしない | 操作の実行、完了のトリガーにはダウン・イベントを使わず、アップ・イベントを使う。 | クリックやタップで実行される機能の実行、完了のトリガーには、ダウン・イベントを使わず、アップ・イベントやクリック・イベントを使い、誤った操作を中断できるようにする。 | 意図の項にも追記して、ドラッグ&ドロップがこのガイドラインに抵触しないことを明示しています。 |
| テキスト：[MUST] 適切な文言の見出し | 主題又は目的を説明する見出しおよびラベルを付ける。 | 主題又は目的を説明する見出しを付ける。 | 「ラベル」はフォーム・コントロールと画像の説明を意図したものでしたが、これらはそれぞれ別カテゴリーでカバーされているため削除しました。併せて見出しも変更しています。 |
| テキスト：[MUST] 複数の視覚的要素を用いた表現 | 文字色に何らかの意味を持たせている場合、書体など他の視覚的な要素も併せて用い、色が判別できなくてもその意味を理解できるようにする。 | 強調、引用など、何らかの意図を文字色を変えることによって表現している場合、書体など他の視覚的な要素も併せて用い、色が判別できなくてもその意味を理解できるようにする。 | ガイドラインの意図を考慮して、掲載セクションを変更しています。 |
| 音声・映像コンテンツ：[MUST] 書き起こしテキストの提供 | テキストの代替情報ではない音声・映像コンテンツにおいて、映像がなく音声のみの収録済みコンテンツの場合は、書き起こしテキストを提供する。 | テキストの代替情報ではない、映像がなく音声のみの収録済みコンテンツの場合は、書き起こしテキストを提供する。 | |
| 動的コンテンツ：[MUST] 点滅、スクロールを伴うコンテンツ | 自動的に開始し5秒以上継続する、点滅、スクロールまたは動きを伴うコンテンツを作らない。そのようなコンテンツを作る場合は、ユーザーが一時停止、停止、非表示にすることができるようにする。 | 同じページ上に、自動的に開始し5秒以上継続する、点滅やスクロールを伴うコンテンツと、他のコンテンツを一緒に配置しない。そのようなコンテンツを作る場合は、ユーザーが一時停止、停止、または非表示にすることができるようにする。 | |
| 動的コンテンツ：[MUST] 自動更新されるコンテンツ | 自動的に内容が更新されるコンテンツを作らない。そのようなコンテンツを作る場合は、ユーザーが一時停止、停止、非表示にすることができるか、更新頻度を調整できるようにする。 | 予め設定された間隔で自動的に内容が更新されたり非表示になったりするコンテンツを作らない。そのようなコンテンツを作る場合は、ユーザーが一時停止、停止、非表示にすることができるか、更新頻度を調整できるようにする。 | |
| フォーム：[SHOULD] 誤操作の防止 | 誤った操作が確定することでユーザーに不利益が生じる可能性がある機能については、取り消し、送信前の確認・修正、または送信時のエラー・チェックと修正を可能にする。 | 法的行為、経済的取引、データの変更や削除を生じる機能については、取り消し、送信前の確認・修正、または送信時のエラー・チェックと修正を可能にする。 |
Ver. 202006.0
Ver. 202006.0 (2020年6月18日)
- ガイドライン部分の文書構造を見直し
- 入力ディバイスに関するガイドラインの構成を一部変更（内容に変更無し）
- コントラスト関連のガイドラインで、文字サイズの表記をpxとptを併記するように変更
- 動的コンテンツに関するガイドラインにガイドラインを1項目追加： [MUST] 適切なDOMツリーを維持する
- その他内容の変更を伴わないガイドライン文言の変更
- 「チェック内容」と「チェック対象」を対にして表記するように変更
- チェック内容の追加と文言変更
- 「意図」について、一部内容の変更を伴わない文言変更と追記
Ver. 202005.1
Ver. 202005.1 (2020年5月26日)
- 日本翻訳連盟が公開しているJTF日本語標準スタイルガイド(翻訳用）に基づき表記揺れなど修正
- 誤字修正
Ver. 202005.0
Ver. 202005.0 (2020年5月21日、Global Accessibility Awareness Day)
- 一部文言を修正
- 色に関するガイドラインについて、色弱者に加えて視覚障害者のアクセスに影響することを「意図」に明記
- 参考情報の追加:
- 自動的に変化するコンテンツの問題点
- フォーム・コントロールのラベル付けの必要性
- 色を用いた表現に関する注意点
- フォーム操作で発生する動的な変化が及ぼす影響
- 入力エラーの扱い
- 小さすぎるクリックやタッチのターゲット・サイズの問題点
- 画像化されたテキストの問題点
- 画像化されたテキストを使用する場合の代替情報の提供
- コントラスト比確保の重要性
- ユーザーCSSを適用したチェックの実施方法
- キーボード・トラップが引き起こす問題
- 様々なユーザーの入力手段の特徴とそのサポート
- 音声・映像コンテンツの存在を認知可能にする
- 音声の自動再生とアクセシビリティー
- 音声・映像コンテンツのアクセシビリティーを確保する
- Tab/Shift+Tabキーを用いたチェック
- 参考情報の更新:
- Reactコンポーネントなどのアクセシビリティー: AccessibleNameとroleについて加筆
- 誤字修正 (#3, #5, #6, 他)
- CSSなど修正
Ver. 202004.0
Ver. 202004.0 (2020年4月30日)
- 初版公開