https://github.com/burnworks/accessibility-bad-example

Collection of Implementations with Web Accessibility Issues.
https://github.com/burnworks/accessibility-bad-example

Last synced: about 2 months ago
JSON representation

Collection of Implementations with Web Accessibility Issues.

• Host: GitHub
• URL: https://github.com/burnworks/accessibility-bad-example
• Owner: burnworks
• License: mit
• Created: 2023-12-22T06:11:26.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-29T13:02:29.000Z (2 months ago)
• Last Synced: 2024-10-29T15:55:39.944Z (2 months ago)
• Size: 104 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# accessibility-bad-example

あえてアクセシビリティ上の問題がある実装例をまとめています。

## ページリスト

- [画像の代替テキスト有無による表示サンプル](https://burnworks.github.io/accessibility-bad-example/img-alt/)  

  画像の代替テキストが適切に設定されている場合と、そうでない場合とでの表示例を確認できます。

- [キーボード操作によるフォーカス可能/不可能のサンプル](https://burnworks.github.io/accessibility-bad-example/keyboard-focus/)  

  見た目は同じなのに実装方法によってキーボードによる操作ができなくなる例を確認できます。

- [フォーカス可視化がされてないサンプル](https://burnworks.github.io/accessibility-bad-example/focus-visible/)  

  フォーカスの可視化がされていない場合のストレスを体験してください。

- [ボタンサイズのテスト](https://burnworks.github.io/accessibility-bad-example/button-size-test/)  

  ボタンサイズが小さすぎる場合の操作性について検証します（ボタンサイズを色々と変えて羅列しているだけです）。

- [色の使用](https://burnworks.github.io/accessibility-bad-example/use-of-color/)  

  達成基準 1.4.1 色の使用に関連して、失敗例と正しい実装の例を掲載しています。

- [達成基準 1.4.3 コントラスト（最低限）のサンプル](https://burnworks.github.io/accessibility-bad-example/contrast-minimum/)  

  達成基準 1.4.3 コントラスト（最低限）を満たす/満たさない背景色と文字色の組み合わせ例をいくつか掲載しています。

- [リンクの目的（コンテキスト内）の達成基準が満たされていないサンプル](https://burnworks.github.io/accessibility-bad-example/link-purpose-in-context/)  

  達成基準 2.4.4 リンクの目的（コンテキスト内）の達成基準が満たされていない例と改善案を提示。

- [ラベル又は説明の達成基準が満たされていないサンプル](https://burnworks.github.io/accessibility-bad-example/labels-or-instruction/)  

  達成基準 3.3.2 ラベル又は説明の達成基準を満たさない例と改善案を提示。

- [ページタイトルの達成基準が満たされていないサンプル](https://burnworks.github.io/accessibility-bad-example/navigation-mechanisms-title/)  

  達成基準 2.4.2 ページタイトルの達成基準が満たされていない例と改善案を提示。

- [3回の閃光、又は閾値以下の達成基準における「小さくて安全な領域」サンプル](https://burnworks.github.io/accessibility-bad-example/seizure-does-not-violate/)  

  達成基準 2.3.1 3回の閃光、又は閾値以下の達成基準における「小さくて安全な領域」の例を提示。

- [名前（name）・役割（role）及び値（value）の達成基準を満たさないサンプル](https://burnworks.github.io/accessibility-bad-example/ensure-compat-rsv/)  

  達成基準 4.1.2 名前（name）・役割（role）及び値（value）の達成基準を満たさないサンプルを提示。