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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kazuto Sueyoshi
June 25, 2023
Design
170
1
Share
障害者差別解消法に備えるウェブアクセシビリティ
Kazuto Sueyoshi
June 25, 2023
Other Decks in Design
See All in Design
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
810
AI時代に求められるUXデザインのアプローチ
xtone
1
3.4k
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
880
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
180
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
150
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.3k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
320
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
130
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
190
チームをデザイン対象にする / Design for your team
kaminashi
1
1.2k
The Art of Caring
klemens
0
310
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1.1M
Featured
See All Featured
30 Presentation Tips
portentint
PRO
1
280
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
180
Leo the Paperboy
mayatellez
7
1.7k
Darren the Foodie - Storyboard
khoart
PRO
3
3.3k
Code Review Best Practice
trishagee
74
20k
The Pragmatic Product Professional
lauravandoore
37
7.2k
Building an army of robots
kneath
306
46k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Thoughts on Productivity
jonyablonski
76
5.1k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
180
How to build a perfect <img>
jonoalderson
1
5.4k
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/
一例 ガイドブックに 書かれている内容の引用
すべての人に優しい ウェブをみんなで ありがとうございました