web-dev-qa-db-ja.com

設計システムに組み込まれた包括的な通知スキーム

Material.ioやBootstrapなどの最も人気のある開発フレームワークでは、標準の赤、黄、緑、青の色が通知スキーム/スタイルで使用されているようです。

もちろん、色自体をUIデザイン要素として使用するべきではありませんが、カラーパレットでの赤と緑の組み合わせの標準化により、通知スキーム/スタイルのさまざまなステータスを区別する他のデザイン要素の効果が低下します。

通知スキーム/スタイルが一般的な問題を考慮に入れている設計システムまたは開発フレームワークの例はありますか？

  • 赤と緑の色覚異常（および他の形態の色覚異常）
  • 低コントラスト（明るいまたはフェイント）黄色
  • 通知の配色を補完するシンプルで明確な図像
gui-designaccessibilitynotificationcolor-schemeinclusive-design
1
Michael Lai

世の中で人気のある設計システムのほとんどには、コンポーネントレベルから組み込まれた基本的なアクセシビリティがあり、色、コントラスト、意味のある図像などの一般的な問題をカバーしています。

しかし、私はこの記事を見つけます： https://inclusive-components.design/notifications/ によって書かれた Heydon Pickering は詳細を持っていますWAI ARIAライブリージョンの使用などのアクセシビリティについて.

言及する価値がある他のいくつかの例：

ShopifyによるPolaris： https://polaris.shopify.com/components/feedback-indicators/banner#navigation

モーニングスター： http://designsystem.morningstar.com/components/alerts.html?tab=accessibility

1
Sooraj MV