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
Yuto
January 24, 2024
Programming
31
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
アクセシビリティ対応について考えよう
社内勉強会用資料
Yuto
January 24, 2024
More Decks by Yuto
See All by Yuto
自分の言葉で伝える
tsukamoto1783
0
2
画像のリサイズ関数の裏側では何が起きている?
tsukamoto1783
0
18
「ラストエリクサー症候群」からの脱却~ 持ってるアイテム温存するだけで眠らせてませんか? ~
tsukamoto1783
0
26
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
tsukamoto1783
0
290
【超入門】AR 技術の"さわり"だけ学んでみる
tsukamoto1783
0
30
MCPサーバーって結局何ができるの?
tsukamoto1783
0
33
LT会:普段お世話になってるStackTraceと少しだけ向き合ってみる
tsukamoto1783
0
80
初使用の技術スタックで、 ミニマルなアプリケーションを 2日で作る
tsukamoto1783
0
90
Flutterのすヽめ
tsukamoto1783
0
31
Other Decks in Programming
See All in Programming
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
300
PostgreSQL 18で考えるUUID主キー
kazuhiro1982
0
470
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
hond0413
0
230
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
420
Claude Code全社展開のためにやったことn選~プラグイン302個・コミッター271人を支えるために~
kenchan
5
1.6k
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
pizzacat83
0
150
数百円から始めるRuby電子工作
tarosay
0
160
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ~ 一本の登り道の、行き先 ~
panda728
PRO
0
220
AIが無かった頃の素敵な出会いの話
codmoninc
1
460
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
710
生成AIで帳票OCRが「簡単に」作れる時代になった?
kon_shou
0
1.1k
Google Apps Script で Ruby を動かす
kawahara
0
260
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
490
Leo the Paperboy
mayatellez
8
2.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
480
Abbi's Birthday
coloredviolet
3
9.3k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
300
The browser strikes back
jonoalderson
0
1.5k
How to build a perfect <img>
jonoalderson
1
5.9k
What does AI have to do with Human Rights?
axbom
PRO
1
2.3k
Transcript
アクセシビリティ対応について考えよう 〜障害者差別解消法の法改正〜 2024/1/24
目次 - アクセシビリティとは? - アプリケーションにおけるアクセシビリティ - 障害者差別解消法の法改正
目次 - アクセシビリティとは? - アプリケーションにおけるアクセシビリティ - 障害者差別解消法の法改正
アクセシビリティとは? 全てのユーザーがアプリケーションを利用できるようにすること。 ≒ 誰でも同じようにアプリケーションを使えること。 ※「障害を持つ人々や高齢者のための対応」だけではないこと注意。 アクセシビリティとは?
ユーザビリティとの違いは? アクセシビリティ:全てのユーザーが使用できるか。 ユーザビリティ:”使いやすさ” に焦点。 アクセシビリティが確保されている前提で、どれだけアプリケーションが使いや すいか、分かりやすいか。 また、ユーザビリティは「特定の状況や目的、ターゲットに対して評価すること が多い点」が、アクセシビリティとは異なるところ。 アクセシビリティとは?
目次 - アクセシビリティとは? - アプリケーションにおけるアクセシビリティ - 障害者差別解消法の法改正
アクセシビリティの一般的なカテゴリー - 視覚 - 聴覚 - 運動/手先 - 認知 アプリケーションにおけるアクセシビリティ
アクセシビリティの一般的なカテゴリー(細分化) - 視覚障害 - 聴覚障害 - 上肢障害 - 学習障害 -
知的障害 - 色覚障害 - 高齢者(加齢) アプリケーションにおけるアクセシビリティ - 一時的な障害がある人 - 怪我(骨折) - 病気(眼帯、倦怠感) - 環境問題 - メガネ忘れ - イヤホン忘れ - 運転中 - 野外で日差しが強い - 外国人旅行者 - etc.
アクセシビリティ対応 「アクセシビリティの対応や計画をする」とは、以下のようなことを指します。 [Goo gle / Web. dev / Wha t
is accessibility?] 引用 アプリケーションにおけるアクセシビリティ アクセシビリティを計画するということは、先程のカテゴリの 1 つ以上で何らかの障害や障害を経験 しているユーザーについて考えることを意味します。 その経験は非物理的または一時的なものである可能性があることに留意してください。 たとえば、明るく晴れた日に屋外で画面を読もうとしたり、コーヒーを持ちながら片手でデバイスを 操作したりするなどです。 このような状況を事前に計画すると、能力やコンテキストに関係なく、より堅牢でより多くのユーザ ーに機能するエクスペリエンスが得られます。
Webアクセシビリティ ウェブはアクセシビリティを担保しやすいメディアです。 インターネットやウェブで使われる技術は、そもそもの開発思想として、 「誰でも使えること=アクセシビリティ」を念頭に設計されています。 アプリケーションにおけるアクセシビリティ The power of the Web
is in its universality. Access by everyone regardless of disability is an essential aspect. ウェブの持つパワーはそのユニバーサル性にある。 障害の有無に関係なく、誰もがアクセスできることがウェブの本質なのである。 [ティム・ バーナーズ・リー:HTTP, HTML, CSSなどの開発者] [ウェブアクセシビリティ 導入ガイドブック] 引用
アクセシビリティの恩恵者 アクセシビリティを確保することで、日本の約32%以上の人が恩恵の対象に。 日本人口:1億2,617万人 (2019年時点) 障害者数:428.7万人 高齢者数:3,589万人 アプリケーションにおけるアクセシビリティ [ウェブアクセシビリティ 導入ガイドブック] 引用
アクセシビリティ対応が為されてない事例 1. 画像やPDFに情報が埋め込まれていて、音声ソフトが読み込めない。 2. リンク付き画像に大替テキストが設定されておらず、音声ソフトを使用して もリンク先を判断できない 3. 動画に字幕がない。 4. 背景色と文字色とのコントラスト比が悪く、コンテンツが読みづらい。
5. フォントサイズが固定で拡大縮小ができない。 6. etc. アプリケーションにおけるアクセシビリティ [総務省 / 公的機関に求められるウェブアクセシビリティ対応] 引用
目次 - アクセシビリティとは? - アプリケーションにおけるアクセシビリティ - 障害者差別解消法の法改正
障害者差別解消法とは 正式名称:「障害を理由とする差別の解消の推進に関する法律」 公布日:2013年6月 障害のある方もない方も、お互いにその人らしさを認め合いながら、共に生きる社会 を実現することを目的として制定された法律。 障害者差別解消法の法改正 行政機関等 事業者 不当な差別的取扱いの禁止 してはいけない(義務)
してはいけない(義務) 合理的配慮の提供 しなければならない(義務) するように努力(努力義務) 環境の整備 するように努力(努力義務) するように努力(努力義務)
障害者差別解消法の法改正 行政機関等にのみ義務化されていた「合理的配慮の提供」が、 2024年4月から民間事業者にも義務化されることに。 障害者差別解消法の法改正 行政機関等 事業者 不当な差別的取扱いの禁止 してはいけない(義務) してはいけない(義務) 合理的配慮の提供
しなければならない(義務) するように努力(努力義務) → 令和6年4月1日から義務 環境の整備 するように努力(努力義務) するように努力(努力義務)
「合理的配慮の提供」の具体例 障害者差別解消法の法改正 [リーフレット「令和6年4月1日から合理的配慮の提供が義務化されます!」] 引用
アプリケーションのアクセシビリティ対応は義務?~①~ 「合理的配慮の提供」の義務化に伴い、事業者が開発するアプリケーションにつ いてもアクセシビリティ対応などが義務となるのか? 障害者差別解消法の法改正
アプリケーションのアクセシビリティ対応は義務?~②~ 明確には定められていない。 アプリケーションのアクセシビリティ対応は「環境の整備」に該当し、努力義務 扱いのため、法改正になってもアプリケーションとしては義務では無い。 障害者差別解消法の法改正 行政機関等 事業者 不当な差別的取扱いの禁止 してはいけない(義務) してはいけない(義務)
合理的配慮の提供 しなければならない(義務) するように努力(努力義務) → 令和6年4月1日から義務 環境の整備 するように努力(努力義務) するように努力(努力義務)
アプリケーションのアクセシビリティ対応は義務?~③~ 障害者差別解消法の法改正 ア. 環境の整備の基本的な考え方 法は、個別の場面において、個々の障害者に対して行われる合理的配慮を的確に行うための不特定多数 の障害者を主な対象として行われる事前的改善措置(施設や設備のバリアフリー化、意思表示やコミュ ニケーションを支援するためのサービス・介助者等の人的支援、障害者による円滑な情報の取得・利 用・発信のための情報アクセシビリティの向上等)を、環境の整備として行政機関等及び事業者の努力 義務としている。 イ
合理的配慮と環境の整備 オンラインでの申込手続が必要な場合に、手続を行うためのウェブサイトが障害者にとって利用しづら いものとなっていることから、手続に際しての支援を求める申出があった場合に、求めに応じて電話や 電子メールでの対応を行う(合理的配慮の提供)とともに、以後、障害者がオンライン申込みの際に不 便を感じることのないよう、ウェブサイトの改良を行う(環境の整備)。 [障害を理由とする差別の解消の推進に関する基本方針] 引用
まとめ - アクセシビリティとは? - 全てのユーザーがアプリケーションを利用できるようにすること。 - アプリケーションにおけるアクセシビリティ - 人口の30%以上がアクセシビリティ恩恵者。それを踏まえて計画、提案、実装を心掛けたい -
障害者差別解消法の法改正 - アプリケーションとしてアクセシビリティ対応は法律上、義務ではない。(「環境の整備」 扱い) - とはいえ、「合理的配慮」の義務化に伴いアクセシビリティ対応(「環境の整備」)を考慮 して計画・実装することは大事。
おわり - デフォルトでアクセシビリティについても考慮できる提案者・開発者を目指 したい。 - 法律上は義務では無いが、こういった法律があるってことを知識として頭の 片隅に置いておくことは自分の引き出しを広げる手助けに。
ご清聴ありがとうございました。
参考リンク - 「2021年の法改正で民間事業者もアクセシビリティ対応が義務化」と聞いても慌てないために - 2024年6月にWebアクセシビリティが義務化される? - 2024年4月よりWebアクセシビリティへの対応が義務化!あなたのサイトは大丈夫? - 公的機関に求められる ウェブアクセシビリティ対応
- ウェブアクセシビリティ 導入ガイドブック ←おすすめ(見るだけでも面白い&勉強になる) - Web.dev / Accessible to all - 「ISO 9241-11」ってなに! - 障害を理由とする差別の解消の推進に関する基本方針 - 障害を理由とする差別の解消の推進 - Flutter / Accessibility - 2024年のWebアクセシビリティ