Slide 1

Slide 1 text

私の困りごとと解決案 kubosho

Slide 2

Slide 2 text

注意事項 ● 今回話す内容はあくまで私個人が困っていることです ● このスライドでは「発達障害者支援法」の定義に基づき「発達 障害」表記をしています

Slide 3

Slide 3 text

私について kubosho ● SNS: Bluesky — X — GitHub — ブログ ● 発達障害の当事者(ADHDとASDの診断済) ○ 精神障害者保健福祉手帳を等級3級で取得済み

Slide 4

Slide 4 text

Webサイトを使う上で抱える困りごと

Slide 5

Slide 5 text

大きすぎる文字

Slide 6

Slide 6 text

大きすぎる文字の具体例

Slide 7

Slide 7 text

大きすぎる文字の困りごと ● 圧を感じてしまう ● 背筋がゾクっとして目を逸らしたくなる ● 大きい文字が太字だとより恐怖感を感じてしまう

Slide 8

Slide 8 text

大きすぎる文字の解決案 ● 文字サイズを必要以上に大きくしすぎない ● 個人的にはCloudflareのInternet Speed Testの文字の大きさ がちょうど良い

Slide 9

Slide 9 text

彩度・明度の高い色を広い範囲に使う

Slide 10

Slide 10 text

彩度・明度の高い色を広い範囲に使うの具体例 Fastly のログイン画面をどうにかしてほしいという話 - Diary から画像を引用

Slide 11

Slide 11 text

彩度・明度の高い色を広い範囲に使うの困りごと ● 明るすぎて長時間見続けるのが難しい ● 背景色に目がいってしまってフォームに集中できなくなる

Slide 12

Slide 12 text

彩度・明度の高い色を広い範囲に使うの解決案 ● 彩度が高い色を使う場合は明度を下げる ○ 明度を少し下げるだけでも見やすくなる ● 明度を高くしたいときは彩度をがっつりと下げる ○ 明度が高い場合は少し彩度を下げたくらいではダメそう ● 彩度・明度が高い色を使う箇所を抑える ○ アクセントカラーとして使うくらいにとどめる

Slide 13

Slide 13 text

現在のFastlyログイン画面😊

Slide 14

Slide 14 text

まとめ

Slide 15

Slide 15 text

なにごともやりすぎない