記事一覧 : ユーザーインターフェース (UI)
(全113件 : 1/12)

ブランド訴求と「ハイコントラスト」モード

ウェブコンテンツのアクセシビリティを担保するうえで、文字色と背景色のコントラストに配慮することは重要ですが、ブランドカラーの制約がある場合、どうしたらよいでしょうか。

Form follows function

米国の建築家ルイス・サリヴァン氏の有名な言葉に「Form follows function (形態は機能に従う)」というフレーズがあります。キャッチーなフレーズということもあり、ウェブサイトやアプリケーションの UI デザインについて語られる際にも、しばしば用いられます。

ブロックスキップを考える

WCAG 2.0 に「ブロックスキップ」という達成基準があり、その達成方法のひとつにスキップリンクの設置があります。今回の記事では、スキップリンクの実効性や必要性といった側面から、ブロックスキップについて考えてみたいと思います。

デートピッカー

ウェブページのフォームで日付を入力する際の UI コンポーネントとして、「デートピッカー (date picker)」があります。カレンダーの馴染み深い外観とも相まって使い勝手のよい UI と言えそうですが、アクセシビリティも同時に満たしたいものです。

ドロワー (オフキャンバスメニュー)

ウェブサイトやアプリケーションのナビゲーションメニューの一形態として、ドロワー (drawer) と呼ばれるものがあります。この記事では、ドロワーについてユーザビリティ/アクセシビリティの観点から考えてみたいと思います。

ボタン hover 時のマウスポインター形状

ウェブページに表示されるボタンにおいて、マウスオーバー (hover) 時のマウスポインター形状を「人差し指」型にするのは避けるべき、という議論がありますが、その是非について考えてみたいと思います。

VUI (Voice User Interface)

ユーザーからの音声入力 (発話) をトリガーに、人工知能を介してシステムとインタラクションする、いわゆる VUI が普及しつつあります。 この記事では、VUI におけるユーザビリティの配慮を検討します。

キーボード操作によるインタラクションをチェックする

ウェブコンテンツは、障害などの事情で精緻なマウス操作ができない人 (キーボード操作に依存する人) でも利用可能でなければなりません。この記事では、キーボード操作によるインタラクションのチェックポイントをチートシート的にまとめてみました。

グローバルナビゲーションはプライマリー表示であるべきか?

グローバルナビゲーションは、ウェブサイト全体を網羅するナビゲーション機能として、重要な意味を持ちますが、大規模なサイトでは、グローバルナビゲーションが必要とされるシーンというのは、そう多くないかもしれません。

スクリーンリーダーを併用しなくてもランドマーク間の移動 (キーボード操作) を可能にする「Landmarks」

一般ブラウザ単体では、キーボード操作によるセクション間のジャンプ移動 (見出しやランドマークの飛ばし読み) ができないのが現状ですが、ランドマーク間の移動を可能にする拡張機能「Landmarks」があるので、ご紹介します。
12345