怪我をして考える情報アクセシビリティ

Transcript

1. 怪我をして考える 情報アクセシビリティ 20241122 テテミート #11
2. 自己紹介 経歴 - 21.04 株式会社アイスタイル - 22.11 株式会社トラーナ - 24.04 テテマーチ株式会社 - 24.10 右足骨折 🦴💥 ：@ama_O255 ：@amkkr
3. 1.骨折生活の振り返り
4. - 階段が無理すぎる ≒ アパートから出られない - 風呂場からまともに出られない - 両手を使うことが大体出来ない 振り返り
5. 両手が使えなくて出来なくなったこと - 温かい椀やカップを持って台所からデスクに行く - クローゼットの上の棚からものを取る - 3Dプリンターを扱う https://x.com/ama_O255/status/1819940183078572223
6. 想像を超えて 普段の生活が 出来なかった
7. 2.webの世界で 意識できること
8. webアクセシビリティとは 情報通信機器が広く活用される現代において、 障害者や高齢者を含め、 すべての人が円滑に機器やサービスを利用できる 情報アクセシビリティが求められています。 引用：https://www.socialinclusion.saiseikai.or.jp/encyclopedia/109 例えば - スクリーンリーダー - 色盲対策 - 光で着信を知らせるスマホ（ハードウェア）
9. こういう実装していませんか？
10. こうしよう、それだけで誰かが救われる
11. Q. 何が違うの？🤔 A. セマンティックHTMLに則っているかどうか HTMLタグを正しく使おう話は、 別の観点で語られることも多いが、 アクセシビリティをページが持つことにもつながる！！！
12. 例えば スクリーンリーダーは <div>タグを認識しないが、 <button>ならボタンと読んでくれる。 tabキーでフォーカスを動かした時に、 <div>タグはスルーされるが、 <button>なら選択できる。
13. 弊社なら？ - ダッシュボードという 特性上、中々難しいも のがある - それでもリンクやボタ ンが正しければ右腕 を折っても、左でtab キーを連打すれば操 作できる(はず)
14. 読もうね https://developer.mozilla.org/ja/docs/Learn/Accessibility
15. ありがとうございました