id: F-111(誌面表示: F-111) · 物理ページ: 382–383(pages=2) · category: term_tool · figure_type: structure · status: needs_review · evaluation_date: 2026-04-30
tagline 59/25-45 ↑14何を 70/60-200どこで 66/60-200会話例 44/25-50見1 27/15-40見2 33/15-40見3 30/15-40見4 29/15-40見5 33/15-40見6 20/15-50
← F-110 Lighthouse 目次 F-120 PostgreSQL →
技術用語
382

a11y

アクセシビリティ
accessibility の略(a〜y 間の 11 文字)。障害の有無を問わず、Web を誰でも使えるよう整える取り組みです。
体験区分:少しだけ触った 推奨読者レベル:Level 2-4

何をしてくれるか

alt テキスト・セマンティック HTML・キーボード操作対応などの実装基準を指します。WCAG が A / AA / AAA の 3 段階で基準を定めています。

どこで出会うか

Lighthouse(F-110)スコアや AI による UI レビューで出てきます。「コントラスト比が不足」「ラベルが必要」が典型例です。

構造図
2026.04·needs_review
「a11y のチェックを Claude に頼んだら、alt 属性の漏れが大量に見つかりました。」
a11yの見方
383
この用語の見どころ
1
役割

誰でも使える Web を実現するための設計・実装基準です。

2
うれしさ

AI 生成コードの品質を Lighthouse で自動スコア化できます。

3
注意点

WCAG の AAA 準拠は工数が大きく、まず AA を目標にします。

4
どこで役立つか

UI 生成後のレビューや、公開前の品質チェックで役立ちます。

5
はじめに

alt テキストと WCAG AA の意味を押さえれば入門として十分です。

6
深掘り先

WCAG、Lighthouse、ARIA

非エンジニアのつまずき
  • (著者記入欄・空)
私のコメント
  • 第一印象:(著者記入欄・空)
  • 良い点:(著者記入欄・空)
  • ダメな点:(著者記入欄・空)
  • 誰向けか:(著者記入欄・空)
開発フローでの位置
UI 設計
コーディング
自動チェック
修正
公開
関連用語
参考 (未記入) checked —
F-111·term_tool
バイブコーディング図鑑