[B! usability][ブラウザ] slay-tのブックマーク

slay-t id:slay-t

usabilityとブラウザに関するslay-tのブックマーク (2)

JavaScript 無効で閲覧できない静的コンテンツサイトは今でも有害か - [ぴ](2021-05-02)
_ [Web制作] JavaScript 無効で閲覧できない静的コンテンツサイトは今でも有害か「「デジタル庁創設に向けた準備サイト」がスクリプト無効で閲覧できない」にはてブや Twitter で賛否両論が起きていて、自分としても判断に悩むところ。まず当人が批判している根拠「Flash は消えた、JS も将来はわからない」については、筋が悪い。Internet Archive では現在正常に表示できており、現時点で問題があるとは言い難いことから遠い将来のことを無理矢理持ち出したのだろうが、JS が無くなっている頃は HTML や Web も無くなってるだろう。一昔前なら SEO 的に最悪と言えたのだけど、昨今のクローラーは JS も理解してくれるので、それも言い難くなっている。ブコメでアクセシビリティ云々言ってる人もいるけど、JS 使えないブラウザとは具体的にどれのことを想定されてる
slay-t 2021/05/04
javascript

ブラウザ

js

ux

web制作

*web制作

accessibility

政府

アクセシビリティ

usability
リンク
アクセシビリティ対応したカラー設計でもっとメールを読みやすく！ Yahoo!メールのリニューアル事例
実際に適用している画面はこちらです。あえてブラウザ用のルールを定義した部分一方で、ブラウザという媒体の特性による最適化をした箇所もあります。アプリはメインのナビゲーションやツールバーのボタンはブランドカラーの赤を使うことが多かったのですが、それをブラウザでそのまま適用するとエラーのように見えてしまいました。アプリの場合はその世界の中で完結するので、独自のデザインルールがあっても受け入れられやすいのですが、ブラウザの場合はページを行き来できるため、全く異なるデザインルールと共存していることになります。そのため、リンクは青、エラーは赤など一般的に認知されているデザインルールと異なる使い方をする場合は、特に注意が必要になることがわかりました。上記の点をふまえ、スマートフォン版Yahoo!メールではメインのボタンは黒としました。また、黒を使うときにはタップできることがわかるよう、ボタンの
slay-t 2020/09/28
メール

ツール

blog

ブラウザ

tech

設計

デザイン

tool

accessibility

usability
リンク
1