Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
なにごともやりすぎない