0Pricing
Web Accessibility Academy · レッスン

左シフト：デザインとチケットにa11yを組み込む

コードを1行も書く前に問題を見つけます。

「左シフト：デザインとチケットにa11yを組み込む」はCoddyKit上の無料Web Accessibility Academyレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはWeb Accessibility Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Web Accessibility Academyコースには全4レッスンが含まれています。

Shift Leftの意味

Shift leftとは、アクセシビリティ対応を最後に付け加えるのではなく、設計や計画の段階に移して、より早い時期に行うことです。🌱

後からの修正が大変な理由

機能をリリースした後にアクセシビリティを修正するのは、最もコストの高いタイミングです。コードの改修、再テスト、急いだ対応を、すべてプレッシャーの中で行うことになります。

デザインファイルから始める

アクセシビリティに関する判断の多くは、コードを書くずっと前のデザイン段階で行われます。色のコントラスト、フォーカス順序、ラベルはすべてモックアップから始まります。

モックアップに注釈を付ける

見出しレベル、読み上げ順序、代替テキストの意図、ボタンとリンクのどちらであるかを、デザインに注釈として追加してください。

コントラストはデザイン上の選択

デザイナーは色を選ぶときにコントラストを確認し、後回しにしないでください。早期に問題のある配色を見つければ、後での大変な作り直しを避けられます。

チケットにa11yを組み込む

アクセシビリティの受け入れ条件をチケットに直接記載し、誰かが省略できる任意の追加作業ではなく、作業の一部にしてください。

Acceptance criteria:
- All controls reachable by keyboard
- Focus is visible at every step
- Inputs have associated labels

a11yを標準にする

すべてのチケットにアクセシビリティの基準が記載されていれば、チームはそれを一部のユーザーへの特別な配慮ではなく、通常の作業として扱うようになります。

再利用可能なコンポーネントで拡張する

アクセシブルなボタンやモーダルなどの共有コンポーネントでアクセシビリティを一度修正すれば、それを使うすべてのページに改善が引き継がれます。

デザイナーと開発者が一緒に取り組む

シフトレフトは、デザインとエンジニアリングが早い段階から協力し、そのページが誰のためのものかについて共通認識を持つことで、最も効果を発揮します。

より安く、落ち着いて、より良く

早期に見つければ、アクセシビリティへの対応は低コストで穏やかに進められます。後回しにすると、緊急対応になります。早く取り組むほど、コストは少なくなります。

考え方の問題です

シフトレフトはツールというより習慣です。新しいことを計画するたびに、「これで困る人はいないか」と問いかけます。

クイックチェック

アクセシビリティに対応する最も低コストなタイミングはいつですか？

まとめ

シフトレフトでは、アクセシビリティをデザインとチケットの段階に組み込みます。そのため、最後に高いコストをかけて付け足す修正ではなく、低コストで自然に共有される取り組みになります。🌱

よくある質問

「左シフト：デザインとチケットにa11yを組み込む」レッスンは無料ですか？

はい。「左シフト：デザインとチケットにa11yを組み込む」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Web Accessibility Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Web Accessibility Academyコースには全4レッスンが含まれています。

「左シフト：デザインとチケットにa11yを組み込む」で何を学びますか？

コードを1行も書く前に問題を見つけます。 ブラウザで直接実行するハンズオンコードでWeb Accessibility Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Web Accessibility Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのWeb Accessibility Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。

「左シフト：デザインとチケットにa11yを組み込む」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このWeb Accessibility Academyレッスンでコードを書いて実行できますか？

はい。すべてのWeb Accessibility Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. 左シフト：デザインとチケットにa11yを組み込む
  2. a11yを含む完了の定義
  3. 機能ごとに使える実践的なアクセシビリティチェックリスト
  4. 推進担当者、トレーニング、持続する変化
← Web Accessibility Academyに戻る