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.
→
amkkr
June 30, 2025
Design
26
0
Share
怪我をして考える情報アクセシビリティ
amkkr
June 30, 2025
More Decks by amkkr
See All by amkkr
React 19.2の<Activity />を触ってみた
ama_o255
0
34
Next.jsのプロダクトでzodをReact Hook Formなしで使った話
ama_o255
0
44
CSSの歴史から選定まで
ama_o255
0
19
AIで下げたい参入障壁
ama_o255
1
28
Other Decks in Design
See All in Design
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
300
20251217リビングラボ・トークin尼崎(尼崎おせっかい会議&オトナテラコヤ)
a2k
0
110
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
150
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
6.6k
AI時代に求められるUXデザインのアプローチ
xtone
1
4.1k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
800
デザインを信じていますか
sekiguchiy
1
1.2k
Drawing for Animation
lynteo
2
300
test deck title
shotamatsuo
0
1.5k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
190
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
250
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
1
630
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
170
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.3k
Test your architecture with Archunit
thirion
1
2.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
New Earth Scene 8
popppiees
3
2.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Side Projects
sachag
455
43k
Navigating Weather and Climate Data
rabernat
0
190
Transcript
怪我をして考える 情報アクセシビリティ 20241122 テテミート #11
自己紹介 経歴 24.10 右足骨折 🦴💥 :@ama_O255 :@amkkr
1.骨折生活の振り返り
- 階段が無理すぎる ≒ アパートから出られない - 風呂場からまともに出られない - 両手を使うことが大体出来ない 振り返り
両手が使えなくて出来なくなったこと - 温かい椀やカップを持って台所からデスクに行く - クローゼットの上の棚からものを取る - 3Dプリンターを扱う https://x.com/ama_O255/status/1819940183078572223
想像を超えて 普段の生活が 出来なかった
2.webの世界で 意識できること
webアクセシビリティとは 情報通信機器が広く活用される現代において、 障害者や高齢者を含め、 すべての人が円滑に機器やサービスを利用できる 情報アクセシビリティが求められています。 引用:https://www.socialinclusion.saiseikai.or.jp/encyclopedia/109 例えば - スクリーンリーダー -
色盲対策 - 光で着信を知らせるスマホ(ハードウェア)
こういう実装していませんか?
こうしよう、それだけで誰かが救われる
Q. 何が違うの?🤔 A. セマンティックHTMLに則っているかどうか HTMLタグを正しく使おう話は、 別の観点で語られることも多いが、 アクセシビリティをページが持つことにもつながる!!!
例えば スクリーンリーダーは <div>タグを認識しないが、 <button>ならボタンと読んでくれる。 tabキーでフォーカスを動かした時に、 <div>タグはスルーされるが、 <button>なら選択できる。
弊社なら? - ダッシュボードという 特性上、中々難しいも のがある - それでもリンクやボタ ンが正しければ右腕 を折っても、左でtab キーを連打すれば操
作できる(はず)
読もうね https://developer.mozilla.org/ja/docs/Learn/Accessibility
ありがとうございました