0Pricing
Web Accessibility Academy · レッスン

リグレッションのない修正

問題を修正し、新たな不具合がないことを確認します。

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

1つの修正が別の問題を引き起こすことがある

不注意なアクセシビリティ修正によって、動作していた機能が気付かないうちに壊れることがあります。修正対応とは、新たなリグレッションを発生させずに問題を修正することです。🔧

修正前に再現する

まず、報告されたとおりにバグを正確に再現します。意図したときに失敗させられなければ、修正が本当に機能したとは証明できません。

まずはネイティブHTMLを優先する

最も安全な修正は、通常、コードを減らすことです。偽のdivを本物のボタンに置き換えれば、フォーカス、キー操作、役割が追加の実装なしで復元されます。

<!-- Replace this -->
<div onclick="save()">Save</div>
<!-- With this -->
<button onclick="save()">Save</button>

最小限の範囲を変更する

問題に必要な箇所だけに触れてください。範囲を限定した変更は、レビューがはるかに容易で、他の機能に影響が波及する可能性も大幅に低くなります。

同じツールで再テストする

問題を発見したものと同じキーボードとスクリーンリーダーで修正を検証してください。元の手順を再現し、障壁がなくなったことを確認します。

周辺も確認する

修正した要素の周囲も確認してください。新しいaria-labelやフォーカスの移動によって、近くのコントロールの読み上げ方が変わることがあるため、フロー全体を再テストします。

見た目のリグレッションに注意する

フォーカスインジケーターやコントラストを元に戻すと、レイアウトが変わることがあります。通常のサイズとズームしたサイズの両方で、視覚的なデザインが保たれていることを確認してください。

テストで修正を固定する

axe-coreのアサーションなどの自動チェックを追加し、後から誰かが同じ問題を再発させた場合にビルドが失敗するようにしてください。

const results = await new AxeBuilder({ page }).analyze();
expect(results.violations).toEqual([]);

クイックチェック

修正によるリグレッションを防ぐのに最も効果的な習慣を1つ確認しましょう。

合格させるために問題を隠さない

スキャナーを黙らせるためにaria-hiddenやdisplay noneを使用しないでください。そうするとツールから症状が隠れるだけで、実際のユーザーは依然として障壁に直面します。

変更内容を記録する

プルリクエストに修正内容を記載し、元の課題にリンクしてください。明確なchangelogがあれば、レビュアーや将来の自分が変更した理由を理解しやすくなります。

実際の環境で検証する

ローカルだけでなく、ステージングビルドでも修正を確認してください。実際の環境でテストすると、キャッシュ、バンドル、設定に関する予期せぬ問題を早期に発見できます。

まとめ：安全な修正

再現し、最小限のネイティブな変更で修正し、フローを再テストし、テストで保護して、ステージングで検証します。リグレッションはありません。🎉

よくある質問

「リグレッションのない修正」レッスンは無料ですか？

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

「リグレッションのない修正」で何を学びますか？

問題を修正し、新たな不具合がないことを確認します。 ブラウザで直接実行するハンズオンコードでWeb Accessibility Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「リグレッションのない修正」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

  1. 手動監査のワークフローを作る
  2. 重大度と影響度でトリアージする
  3. 開発者が対応できるバグレポートを書く
  4. リグレッションのない修正
← Web Accessibility Academyに戻る