あえてアクセシビリティ上の問題がある実装例をまとめています。
- 画像の代替テキスト有無による表示サンプル
画像の代替テキストが適切に設定されている場合と、そうでない場合とでの表示例を確認できます。 - キーボード操作によるフォーカス可能/不可能のサンプル
見た目は同じなのに実装方法によってキーボードによる操作ができなくなる例を確認できます。 - フォーカス可視化がされてないサンプル
フォーカスの可視化がされていない場合のストレスを体験してください。 - ボタンサイズのテスト
ボタンサイズが小さすぎる場合の操作性について検証します(ボタンサイズを色々と変えて羅列しているだけです)。