ビルダーのアクセシビリティ機能と更新
ServiceNow は、パートナーにアクセシビリティソリューションを提供するために継続的に取り組んでいます。ビルダーツールには、チームがよりアクセスしやすいインターフェイスを設計したり、設計プロセス中に問題を見つけて修正したりするのに役立つ機能が追加されました。
UI ビルダーの「問題を見つけて修正」機能によるアクセシビリティの強化
- 画像の代替テキスト
- 動的コンテンツの ARIA ラベル
- その他の微妙なアクセシビリティ要素
この機能を活用することで、開発者はよりアクセシビリティの高いエクスペリエンスを効率的に作成できます。ただし、アクセシビリティに関する考慮事項には、次のような手動評価が必要であることに注意することが重要です。
- キーボードナビゲーション機能
- スクリーンリーダーエクスペリエンスの最適化
- その他の微妙なアクセシビリティ要素
この機能を効果的に活用する方法を包括的に理解するには、詳細ガイド「 UI ビルダーでの問題を見つけて修正する」を参照してください。
テーマビルダーのカラーコントラストチェッカー
UI コンポーネントのカラーパレットをカスタマイズすると、インターフェイスのアクセシビリティに影響を与える可能性があります。デザイナーは、弱視や色覚異常のユーザーに誤って障壁を作らないように、色の選択が色のコントラスト要件を満たしていることを確認する必要があります。
- 色のコントラスト:視覚障害のあるユーザーが効果的に操作するには、UI コンポーネント間の強いコントラストが必要です。
- 設計の見落とし: 適切なツールがないと、デザイナーはコントラストの問題を見落とし、アクセシビリティ エラーにつながる可能性があります。
テーマビルダーのソリューション:
- 確立されたガイドライン (WCAG 2.1 など) に対して UI コンポーネント間のコントラストを評価します。
- これらの基準を満たしていないコンポーネントの横にエラーを表示することで、潜在的な問題を設計者に警告します。
テーマビルダーのカラーコントラストチェッカーを活用することで、デザイナーは自分のUIデザインをより幅広いユーザーが利用できるように積極的に確認できます。設計プロセス中に色のコントラストを定期的にチェックすることは、全体的なユーザーエクスペリエンスを向上させるベストプラクティスです。
詳細については、次のリンクを参照してください。
- コンポーネントの編集:コンポーネントの編集方法を学び、色のコントラストエラーアラートを理解します。
- アクセシビリティ基準を満たすようにコンポーネントを調整する - カラーピッカーやその他のツールを使用して、アクセシビリティ基準を満たす色を選択する方法について説明します。
テーマビルダーカスタムフォント
ServiceNow ビルダーが開発者に提供する追加のサポートは、テーマビルダーの新しいカスタムフォントオプションです。この機能により、開発者は独自のフォントをビルダーにアップロードしてインターフェイスで使用できます。
- 読みやすさの向上:カスタムフォントを選択して読みやすさを向上させ、テキストを見やすくし、理解しやすく、保持しやすくすることができます。鮮明な文字形式は目の疲れを軽減するため、視覚障害のあるユーザーにとって有益です。
- 認知の違いのサポート: カスタムフォントは、認知アクセシビリティのニーズに対応できます。たとえば、失読症や注意欠陥/多動性障害 (ADHD) のユーザーは、読書の負担を軽減し、情報処理を改善するフォントの恩恵を受ける可能性があります。
- グローバリゼーションサポートの改善:特定の言語に合わせたカスタムフォントにより、非ラテン文字の読みやすさが向上し、世界中のユーザーの間で一貫性のあるアクセス可能なユーザーエクスペリエンスが保証されます。
詳細については、「 カスタムフォントをテーマにアップロードする」を参照してください。