このページの中だけを絞ります。ページは移りません。

アクセシビリティの混同されやすい語

混同されやすい語

アクセシビリティで境界が曖昧になりやすい語の対。全 75 組・26 語。

この語と混同されやすい語違い
Accessibility(アクセシビリティ / a11y)Usability(ユーザビリティ)ユーザビリティは使いやすさの程度
WCAGWCAG は達成基準を定めた文書
Inclusive Design(インクルーシブデザイン)インクルーシブデザインは設計の考え方
Universal Design(ユニバーサルデザイン)ユニバーサルデザインは万人向けの設計思想
Accessible Name(アクセシブルネーム)Label(ラベル)<label> は名前の供給源の一つ
アクセシブルディスクリプション補足の説明。aria-describedby で与える
Alt Text(代替テキスト)画像の名前の供給源
Alt Text(代替テキスト)キャプション全員に見える説明文
title 属性ホバーで出る補足。読み上げは環境依存
Decorative Image(装飾画像)装飾画像は alt="" にする対象
ARIA(Accessible Rich Internet Applications)Semantic HTML(セマンティックHTML)標準要素で意味を表す
WCAGWCAG は達成すべき基準
Assistive Technology(支援技術)Screen Reader(スクリーンリーダー)スクリーンリーダーは支援技術の一種
ユーザーエージェントブラウザなど、コンテンツを解釈する主体
Captions(キャプション)字幕(subtitle)主に台詞の翻訳
書き起こし同期せず全文を提供
図表のキャプション画像に添える説明文
Conformance Level(適合レベル A / AA / AAA)Success Criterion(達成基準)達成基準は個々の要件
WCAGWCAG はガイドライン全体
Decorative Image(装飾画像)Alt Text(代替テキスト)情報を持つ画像に付ける
role="presentation"要素の意味を除去する指定
Focus Visible(フォーカス可視)Focus(フォーカス)フォーカスは状態そのもの
:focusすべてのフォーカス時に適用される
hover 表示カーソルが乗ったときの表示
Focus(フォーカス)Focus Visible(フォーカス可視)見えているかどうか
hoverカーソルが乗っている状態
選択状態選ばれていることを示す状態
Heading Structure(見出し構造)Visual Hierarchy(視覚階層)視覚階層は見え方の順序
Landmark(ランドマーク)ランドマークは領域の区分
文字の大きさ見た目の指定
Inclusive Design(インクルーシブデザイン)Accessibility(アクセシビリティ)アクセシビリティは到達可能な状態
Universal Design(ユニバーサルデザイン)ユニバーサルデザインは万人向けの単一解
バリアフリー既存の障壁を取り除く
JIS X 8341-3WCAG国際的なガイドライン
障害者差別解消法法律。合理的配慮を義務づける
みんなの公共サイト運用ガイドライン公的機関向けの運用指針
Keyboard Navigation(キーボード操作)Tab Order(タブ順序)タブ順序は移動する順番
ショートカット特定の操作への近道
Focus Visible(フォーカス可視)フォーカスが見えること
Landmark(ランドマーク)Heading Structure(見出し構造)見出しは内容の階層
Skip Link(スキップリンク)スキップリンクは見える形の飛ばし機能
<section> / <div>名前がなければランドマークにならない
POUR(4原則)WCAGWCAG はガイドライン全体
Nielsen's 10 Heuristics(ニールセンの10原則)対象がユーザビリティ
Universal Design(ユニバーサルデザイン)7原則を持つ別の枠組み
prefers-reduced-motionprefers-reduced-data通信量を抑える設定
prefers-contrastコントラストの設定
自動再生の停止ボタン利用者が個別に操作する手段
Reflow(リフロー)Responsive Web Design(レスポンシブWebデザイン)レスポンシブは端末幅への対応
Text Resize(文字サイズ変更)文字サイズだけの拡大
ブラウザのリフロー描画の再計算という技術用語
Role(ロール)Semantic HTML(セマンティックHTML)標準要素は暗黙のロールを持つ
Accessible Name(アクセシブルネーム)名前は「何という要素か」
class見た目のための分類
Screen Reader(スクリーンリーダー)Assistive Technology(支援技術)支援技術は上位概念
読み上げブラウザ音声出力に特化したブラウザ
音声アシスタント音声で操作する仕組み
Semantic HTML(セマンティックHTML)ARIAARIA は意味を後付けする仕組み
SEO 向けの最適化検索エンジン向けの施策
<div> / <span>意味を持たない汎用要素
Success Criterion(達成基準)ガイドライン達成基準の上位にある方針
達成方法(Techniques)実装の具体例。参考情報
Acceptance Criteria(受入条件)制作物全般の完了判定
Tab Order(タブ順序)Keyboard Navigation(キーボード操作)操作できるかどうか
DOM 順序マークアップ上の並び
読み上げ順序スクリーンリーダーが読む順。DOM 順に従う
Text Resize(文字サイズ変更)Reflow(リフロー)リフローは拡大時の再配置に関する基準
ズームブラウザ全体の拡大
Fluid Typography(流体タイポグラフィ)画面幅に応じた自動調整
Universal Design(ユニバーサルデザイン)Inclusive Design(インクルーシブデザイン)複数の手段を用意することを許容する
Accessibility(アクセシビリティ)到達可能な状態と基準
バリアフリー既存の障壁を除去する
WCAG(Web Content Accessibility Guidelines)Accessibility(アクセシビリティ)アクセシビリティは概念
JIS X 8341-3日本国内の規格。WCAG 2.0 と一致
ARIA実装のための仕様

関連#

この資料は、Webサイトを作るときに引くためのものです。 何のために作ったか。作っているのは AK²Lab。