AbemaTVのアクセシビリティ 小さな一歩｜シュンスケ｜ABEMA
「アクセシビリティ」という言葉を使うほどではないかも。（予防線） 正直なところ、マシンリーダブルな部分は僕はまだよく理解してない。 アプリにおけるスクリーンリーダーとか操作や表示調整諸々とかちょっと待って！頑張るから！という意気込み。 で、完全に僕の主観だけど、多くのデザイナーがまず初めにとっつきやすいアクセシビリティは「色のコントラスト」だと思う。 ということで、 まずはAbemaTVのiOSアプリの色を全部見直したよ！（2018年3月） （2019年春：追ってWebも対応済み） （Androidは元々マテリアルデザインのカラースキームを採用してたのでそこまで問題ありませんでした） これまでのUIの色周りの課題でいうと主にこの3つ。 ・「黒背景」と「白背景」の画面が混在していた。 ・どの背景でも文字のコントラスト比が十分に保たれてなかった。 ・使用している色数がちと多い。 「黒背景」と「
Googleのカラーピッカーを見てたら意外なことがたくさん分かった - アジマティクス
注：この記事では色に関することを扱っています。環境によっては、色が正しく表示されていない場合がありますが本題を考える上では影響ありません。 検索するだけで計算してくれたり翻訳してくれたりすることでおなじみGoogleですが、「カラーピッカー」と検索するとカラーピッカーそのものが出てきてグリグリ動かすことができます。 カラーピッカーでGoogle検索 やだなにこれめっちゃ便利......！ 楽しいので小一時間グリグリしてたら、色々興味深いことがわかりましたのでシェアします。 色相環の構造 このカラーピッカー、左側にrgbの値が表示されています。これは赤(r)、緑(g)、青(b)の三原色それぞれがその色にどれだけ含まれているかを0から255までの値で示す表示なわけですが、ここをよく見ていると、色相を赤から赤まで動かしたときに一度に動くのは一つの値だけということがわかります。 赤から始まって、緑
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
anello / アネロ 公式通販
