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
VibeCodingからAgenticWorkflowへ
starfish719
0
600
Foundation Models frameworkで画像分析
ryodeveloper
1
620
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
4
1.7k
今さら聞けない .NET CLI
htkym
0
200
生成AIで帳票OCRが「簡単に」作れる時代になった?
kon_shou
0
1.1k
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
freee
PRO
0
280
「寝てても仕事が進む」Claude Codeで組む第二の脳
tomoyafujita2016
0
340
FDEが実現するAI駆動経営の現在地
gonta
2
290
yield再入門 #phpcon
o0h
PRO
0
1.1k
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
1k
Building a Meta Ray-Ban display app
akkeylab
0
160
運用ダッシュボードの設計を誰も教えてくれないのだけどみなさんどうしてるんですか? - チームに監視するという文化を根付かせるための第一歩を踏みたい -
satoshi256kbyte
1
130
Featured
See All Featured
Fireside Chat
paigeccino
42
4k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
25k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
420
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
240
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.5k
From π to Pie charts
rasagy
0
290
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
430
How GitHub (no longer) Works
holman
316
150k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
490
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
250
Making Projects Easy
brettharned
120
6.7k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
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アクセシビリティ