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
障害者差別解消法に備えるウェブアクセシビリティ
Search
Kazuto Sueyoshi
June 25, 2023
Design
170
1
Share
障害者差別解消法に備えるウェブアクセシビリティ
Kazuto Sueyoshi
June 25, 2023
Other Decks in Design
See All in Design
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
280
Vibe Coding デザインシステム
poteboy
3
1.8k
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
130
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
170
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
210
Treasure_Hunting
solmetts
0
360
2026年の勢い / Momentum for 2026
bebe
0
410
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
4k
2026_01_07_3DプリントはじめましたLT.pdf
hideakitakechi
0
160
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.2k
なぜ、インサイトを貯めるのか?
tajima_kaho
1
250
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
190
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
64
53k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
27
3.4k
The SEO identity crisis: Don't let AI make you average
varn
0
440
Automating Front-end Workflow
addyosmani
1370
200k
Claude Code のすすめ
schroneko
67
220k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.8k
A designer walks into a library…
pauljervisheath
211
24k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
160
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
220
Exploring anti-patterns in Rails
aemeredith
3
310
Transcript
2024年6月4日からの合理的配慮の義務化とは 障害者差別解消法に 備える Webアクセシビリティ
Kazuto Sueyoshi フロントエンドエンジニア 株式会社ティーズコンサルティング 前職ではWeb制作メイン 自治体サイトを10サイトほど制作
障害者差別解消法
障害者差別解消法 全ての国民が、障害の有無によって分け隔てられることなく、相互に人格と個性 を尊重し合いながら共生する社会の実現に向け、障害を理由とする差別の解消 を推進することを目的 https://www8.cao.go.jp/shougai/suishin/sabekai_leaflet.html#:~:text=%E9%9A%9C%E5%AE%B3 %E8%80%85%E5%B7%AE%E5%88%A5%E8%A7%A3%E6%B6%88%E6%B3%95%E3%81%A F%E3%80%81%E5%85%A8%E3%81%A6%E3%81%AE%E5%9B%BD%E6%B0%91%E3%81% 8C,%E3%81%AB%E5%88%B6%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%BE%E3%81 %97%E3%81%9F%E3%80%82
合理的配慮の義務化
合理的配慮とは オンラインでの申込手続が必要な場合に、手続を行うためのウェブサイトが障害者に とって利用しづらいものとなっていることから、手続に際しての支援を求める申出が あった場合に、求めに応じて電話や電子メールでの対応を行う(合理的配慮の提供) とともに、以後、障害者がオンライン申込みの際に不便を感じることのないよう、ウェブ サイトの改良を行う(環境の整備)。 https://www8.cao.go.jp/shougai/suishin/sabekai/kihonhoushin/r05/pdf/honbun.pdf
環境の整備は努力義務
環境の整備は努力義務 法は、個別の場面において、個々の障害者に対して行われる合理的配慮を的 確に行うための不特定多数の障害者を主な対象として行われる事前的改善措 置(施設や設備のバリアフリー化、意思表示やコミュニケーションを支援するた めのサービス・介助者等の人的支援、障害者による円滑な情報の取得・利用・ 発信のための情報アクセシビリティの向上等)を、環境の整備として行政機関 等及び事業者の努力義務としている。 https://www8.cao.go.jp/shougai/suishin/sabekai/kihonhoushin/r05/pdf/honbun.pdf
それでも アクセシビリティに 配慮しよう 合理的配慮するまでもなく、バリアの ないウェブサイトであることが一番の 理想
JIS-X 8341-3:2016 WCAG2.0と同一のアクセシビリティに関するJIS規格。 WAIC の 試験実施ガイドライン を参考にチェックを進めると良い。 Storybook を使っているプロジェクトでは、addon-a11y を活用すると楽にテスト
を進めることができる。 https://waic.jp/docs/jis2016/test-guidelines/202012/
ウェブアクセシビリティ 導入ガイドブック
ウェブアクセシビリティ導入ガイドブック デジタル庁より提供されている、ウェブアクセシビリティ導入のためのガイドブッ ク。 ウェブアクセシビリティの考え方、取り組み方のポイントなど図解付きで非常に わかりやすくまとめられている。 https://www.digital.go.jp/resources/introduction-to-web-accessibility-guidebook/
一例 ガイドブックに 書かれている内容の引用
すべての人に優しい ウェブをみんなで ありがとうございました