Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Silver/WCAG3.0
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
shun-takagi
April 04, 2022
Technology
300
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Silver/WCAG3.0
2022/04/01時点でのWCAG3.0の説明
shun-takagi
April 04, 2022
More Decks by shun-takagi
See All by shun-takagi
オブジェクト指向設計概要
takagishun4
0
41
Other Decks in Technology
See All in Technology
複数プロダクトで進めるAI機能実装 ── 実践から得たリアルな学びとロードマップ実現への挑戦 / AICon2026_yanari
rakus_dev
1
300
Power Automateアップデート情報
miyakemito
0
250
【公開用】AI_Dev_Ex2026_AI_登壇資料
matsuritechnologies
PRO
2
630
大 AI 時代におけるC# の事情 ~ぶっちゃけトークを交えながら~
nenonaninu
1
210
そのドキュメント、自動化しませんか?
yuksew
1
440
プロダクト開発組織の現在地(Ver.2026/07) / product-organization
kaonavi
0
520
20260720_クラウド女子会×PyLadiesTokyoコラボ Amazon Bedrock ハンズオン用資料
yuuka51
2
120
AI Agent を本番環境へ―― Microsoft Foundry × Azure Serverless で作る Enterprise-Ready な基盤
shibayan
PRO
1
510
現場との対話から始める “作る前に問い直す”業務改善
mochico50
2
310
設計レビューとAIハーネスで向き合う AIが生み出した新しいボトルネックの対処法 / Design Reviews and AI Harnesses Against New Bottlenecks Created by AI
nstock
5
500
Flutter研修【MIXI 26新卒技術研修】
mixi_engineers
PRO
1
140
AI研修(Day2)【MIXI 26新卒技術研修】
mixi_engineers
PRO
1
740
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
How to make the Groovebox
asonas
2
2.3k
Mobile First: as difficult as doing things right
swwweet
225
10k
[SF Ruby Conf 2025] Rails X
palkan
2
1.2k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
160
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
350
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
660
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
67
56k
Transcript
Silver / WCAG 3.0 NIJIBOX 高木 駿
Silverとは? Accessibility Guidelines Working Groupが 次世代のガイドラインを開発するため立ち上げたプロジェクト名 ※Accessibility Guidelines(Ag) を 「銀」の化学記号を見立てて「Silver」と名付けられた
WCAG 3.0とは? WCAG 3.0 = W3C Accessibility Guidelines 3.0 WCAG
2.x = Web Contents Accessibility Guidelines 2.x W3C Web Contents
2008年12月 WCAG 2.0 Recommendation 2018年6月 WCAG 2.1 Recommendation 2020年2月 WCAG
2.2 Working Draft 公開 2021年1月 WCAG 3.0 Working Draft 公開 2021年6月 WCAG 3.0 Working Draft 更新 2021年12月 WCAG 3.0 Working Draft 更新 2026年4月 WCAG 3.0 Recommendation 予定 WCAG 年表 WCAG 3.0 Schedule
WCAG 3.0 開発背景 技術の進化や障害者のニーズの変化 従来のモデルでは対応不可 より包括的で柔軟なモデルが必要 3.0の開発に至る
Silver Research Project ガイドライン開発におけるさまざま調査研究の総称 調査結果の概要: Research Summary、Problem Statements Research Summaryでは3つの観点でまとめられている
• Usability • Conformance Model • Maintenance
ユーザービリティ観点の問題: 読むのが難しい • 構造や内容が複雑 • 曖昧な表現が多い • 専門的な文言が多い • 情報が分散されている
→ 初心者やアクセシビリティ担当者にとって難解 要約情報や簡単なチェックリストを提供するウェブサイトを閲覧 「チェックリストの考え方」を助長 / アクセシビリティ対応を諦めてしまう 理由
メンテナンス観点の問題: 柔軟性がない • WCAGの厳格な文章構造 • 厳格なワークフロー • 厳格な承認プロセス → Recommendationになるのが遅い
/ 障害者がプロセスに参加しずらい 技術の進化や障害者のニーズの変化に対応困難 理由
適合モデル観点の問題: 厳密なテスト可能性の要求 例: 達成基準 コントラスト 読解レベル 達成方法の検証 テキストと背景の間に、 少なくとも 4:5:1
のコント ラスト比があること 前期中等教育レベル以 上の読解力を必要としな いこと 検証の容易性 ★ ★★★★★
障害者のニーズ ※厳密テスト困難 ガイドライン ※厳密テスト可能
WCAG 3.0 の紹介
構造の変更 Guidlines Success Criteiron WCAG 2.x Understanding Techniques Guidlines Outcomes
Methods How-To Outcome Details WCAG 3.0
Functional needs • Guidelinesを策定する上で土台となるもの • 障害者の経験する障壁を特定 https://www.w3.org/WAI/GL/WCAG3/2020/functional-needs/
Functional categories • Functional needsをグループ化 • Outcome毎に該当するFunctional categoriesが記載される 上 Outcomes:
Text alternative available のFunctional categories
適合レベルの変更 • ページ単位 → サイト全体 • A・AA・AAA → Bronze・Silver・Gold
• Atomic tests • Holistic tests テストの変更 今までのテストに類似 適合レベルのBronzeを達成するために必要 障害者が使用する支援技術を使ったユーザビ
リティテスト 適合レベルの”gold”や”silver”の達成に必要
テストにスコアリングを導入 テストの結果の表現に柔軟性を持たせる • 合格・不合格 • スケール: 1,2,3,4で評価 • パーセンテージ •
合格・不合格では評価できない項目をガイドラインに含められる • 様々な障害者ニーズが取り込める
Atomic test 100% Atomic test 50% Atomic test 100% Atomic
test 80% Outcome Rating 3 Outcome Rating 4 total score 3.5 Bronze 3.5 ≦ 全体スコアの算出
Outcomes Rating 4 Outcomes Rating 4 Outcomes Rating 3 Outcomes
Rating 3 Vision and Visual Rating 3.8 Learning Rating 3.2 Function Category score 3.5 Bronze 3.5 ≦ Functional categories 平均スコア
Critical Error • ユーザーがタスク(プロセス)を行う上で致命的な問題 • Outcome毎に定義される Critical Error Bronze Outcome
Rating 0 確定
まとめ • WCAG 3.0は情報が整理されてわかりやすくなった → 専門家以外にもアクセシビリティの正しい考え方を知ること容易 → アクセシビリティ対応が促進 • テストの柔軟性
/ スコアリングの導入 → 多くの障害者のニーズに対応 • Critical Errorの導入 / Holistic tests の導入 → ユーザーの(画面間にまたがる)タスクの遂行が担保できる
ご清聴ありがとうございました