私の困りごとと解決案 / My issues and proposed solutions

[ウェブアクセシビリティLT&交流会 vol.1 - connpass](https://a11y-discord.connpass.com/event/301470/) で発表したときに使ったスライドです。

Transcript

1. 私の困りごとと解決案 kubosho
2. 注意事項 • 今回話す内容はあくまで私個人が困っていることです • このスライドでは「発達障害者支援法」の定義に基づき「発達 障害」表記をしています
3. 私について kubosho • SNS: Bluesky — X — GitHub — ブログ • 発達障害の当事者（ADHDとASDの診断済） ◦ 精神障害者保健福祉手帳を等級3級で取得済み
4. Webサイトを使う上で抱える困りごと
5. 大きすぎる文字
6. 大きすぎる文字の具体例
7. 大きすぎる文字の困りごと • 圧を感じてしまう • 背筋がゾクっとして目を逸らしたくなる • 大きい文字が太字だとより恐怖感を感じてしまう
8. 大きすぎる文字の解決案 • 文字サイズを必要以上に大きくしすぎない • 個人的にはCloudflareのInternet Speed Testの文字の大きさ がちょうど良い
9. 彩度・明度の高い色を広い範囲に使う
10. 彩度・明度の高い色を広い範囲に使うの具体例 Fastly のログイン画面をどうにかしてほしいという話 - Diary から画像を引用
11. 彩度・明度の高い色を広い範囲に使うの困りごと • 明るすぎて長時間見続けるのが難しい • 背景色に目がいってしまってフォームに集中できなくなる
12. 彩度・明度の高い色を広い範囲に使うの解決案 • 彩度が高い色を使う場合は明度を下げる ◦ 明度を少し下げるだけでも見やすくなる • 明度を高くしたいときは彩度をがっつりと下げる ◦ 明度が高い場合は少し彩度を下げたくらいではダメそう • 彩度・明度が高い色を使う箇所を抑える ◦ アクセントカラーとして使うくらいにとどめる
13. 現在のFastlyログイン画面😊
14. まとめ
15. なにごともやりすぎない