このチェックリストを使用して、プロジェクトでの役割や段階に関係なく、プロセスにアクセシビリティを組み込むことができます。

1. プロジェクトに適用されるガイドラインのチェックボックスをオンにします。

2. チェックリストをプレビューしてクリップボードにコピーします。

3. チェックリストをドキュメント、クリックアップ、Slack、Trelloなどのマネージメントソフトに貼り付けます。それ以外の場合は、チームがプロジェクトを編成します。

プロジェクトマネージャー

□ コンテンツをアクセシブルにすることに関連する作業をよく理解しましょう。

デザイン、エンジニアリング、およびQAテストのガイドラインがあります。要件を読み、QAが製品で監視するチェックと標準に注意してみてください。

□ プロジェクト計画およびスプリント計画中のアクセシビリティに間に合うように構築しましょう。

アクセシビリティは、一部のプロジェクトまたはプロセスの最後でのみ考慮する必要があるチェックリスト項目ではありません。これらのプラクティスは、プロジェクトのすべてのステップとチームでの役割に織り込む必要があります。プロジェクトやスプリントを計画する際には、それを考慮していることを確認してください。

□ チームが行った優れた作業を共有するときは、アクセシビリティを向上させるための努力を称賛してください。

私たちは皆、自分の仕事が認められるのが嬉しいです。美しいデザイン、エレガントなコード、迅速なターンアラウンド、素晴らしい体験を祝うことに加えて、コンテンツをよりアクセスしやすくするためにチームが行った作業に注目し、賞賛します。ハイコントラスト、スマートキーボードナビゲーションシステム、または明確なコピーと階層について話し合いましょう。

□ 作成するツールと製品は、アクセシビリティを実現しやすくする必要があります。

どのプロジェクトを引き受けるか、そしてどのように製品を形作るかを考えるとき、アクセシビリティはあなたの心の最前線にあるべきです。どんなプロジェクトでも、アクセシビリティの取り組みをサポートする必要があり、それらを妨げるものであってはなりません。たとえば、チームがユーザーが画像をアップロードできる公開ツールを作成し、そのツールが代替テキストの説明を許可しない場合、目の見えない人がアクセス不可能になります。

□ アクセシビリティの擁護者になりましょう。

チームと利害関係者に、アクセシビリティが重要であり、チームが行うすべての作業で優先すべきである理由を説明します。それは私たちの製品と私たちのチームをより良くします。

上記のセクションでチェックしたすべてのガイドラインは、このプレビューボックスに表示されます。チェックリストをクリップボードにコピーして、チームと共有できる形式に貼り付けます。

ツールのご紹介

これらのツールを使用して、作業にアクセスできるようにしましょう。

[詳細]

• ベストプラクティスを確認するためのWCAG2.1ガイドライン
  WCAG2.1ガイドライン

• 製品全体のアクセシビリティを確認するためのWAVE
  Webアクセシビリティ評価ツール：Chrome拡張機能

• Webアクセシビリティチェッカー
  製品全体のアクセシビリティをチェックしよう：Webアクセシビリティチェッカー

• コントラスト・アナラ​​イザー
  色のコントラストを分析するための色のコントラスト・アナラ​​イザー

• カラーパレット・アクセシビリティ・チェッカー
  コントラストを通過するために色の組み合わせを自動的にチェックするカラーパレット・アクセシビリティ・チェッカー

• カラー・エクストラクター
  CSSですべての色を検索し、カラーパレットアクセシビリティチェッカーにロードするためのカラー・エクストラクター・ブックマークレット

• Webアクセシビリティ・チェッカー
  製品全体のアクセシビリティをチェックするWebアクセシビリティ・チェッカー

• カラーセーフ
  アクセス可能なカラーパレットを作成するためのカラーセーフ

• カラーオラクル
  色覚異常をシミュレートするカラーオラクル

• シム・ダルトニズム
  色覚異常をシミュレートするシム・ダルトニズム

私も色々勉強中なので、皆さまのご意見・ご感想をお聞かせください。
お読み頂きまして、ありがとうございました。

メルボルンを拠点にプロダクトデザイナーとして働いています。 主にデジタル・プロダクトの制作に携わっています。