パターンライブラリー | Accessible & Usable
公開日 : 2015年10月17日 (2019年1月26日 更新) カテゴリー : ユーザビリティ / アクセシビリティ ウェブサイトやアプリケーションの開発や運営においては、一貫性のあるユーザーインターフェース (UI) を採用し、維持することが、ユーザビリティ上重要になります。UI の一貫性を保つためには「パターンライブラリー」を用意し、プロジェクト関係者の間で共有しておくと便利です。 パターンライブラリーとは、サイトやアプリを構成する UI コンポーネントをパターン化して再利用できるように、一覧化したものです。「スタイルガイド」と呼ばれることもあります。 パターンライブラリーの内容 プロジェクトによってパターンライブラリーに含まれる内容は様々だと思いますが、主な構成要素としては以下が挙げられます。 UI コンポーネントの外見およびインタラクション 実装に用いるソースコード (HTML
Mac OS X における音声読み上げ (VoiceOver) | Accessible & Usable
公開日 : 2010年11月23日 (2018年1月20日 更新) カテゴリー : アクセシビリティ Mac OS X には、VoiceOver（ボイスオーバー）という音声読み上げ機能（スクリーンリーダー）が搭載されています。エクストラなコストをかけてスクリーンリーダーソフトを別途購入しなくてもよいということもあり、Webアクセシビリティ関係者の間では注目を集めています。たとえば、当サイトの記事「スクリーンリーダー利用に関するトレンド : 2009年10月実施の WebAIM 調査より」でも触れましたが、2010年3月に開催されたCSUN（アクセシビリティに関する国際会議）において、WebAIM（Web アクセシビリティ向上活動をしている米国の NPO）による研究発表があり、VoiceOver を含む無料のスクリーンリーダーのユーザーが急増しているというレポートもあります。 今回の記事では
フォーム入力要素の注釈のマークアップ | Accessible & Usable
公開日 : 2013年4月16日 (2020年8月30日 更新) カテゴリー : アクセシビリティ Web サイトのフォームの中には、入力要素 (<input> 要素、<textarea> 要素、<select> 要素) のすぐ上か下に、注釈を付け加える場合があります (たとえば、入力フォーマットを指定したい場合などです)。 入力要素に注釈を付け加えた例 (パスワードの入力フォーマットの指定) この際、セマンティックに (マシンリーダブルな形で) 入力要素と注釈を紐づけるマークアップをしておくと、なおよいでしょう。たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素にフォーカスが当たったときに、その要素に紐づいた注釈も併せて音声読み上げされる、といったことが期待できるからです。 「aria-describedby」を用いて入力要素と
アクセシビリティ達成基準レベル「AA」について考える | Accessible & Usable
公開日 : 2014年1月12日 (2014年1月13日 更新) カテゴリー : アクセシビリティ 最近、ある Web サイトの構築プロジェクトで、情報アーキテクチャ (IA)、ユーザーインターフェース (UI) 設計、アクセシビリティ、といった領域で関わらせていただく中で、アクセシビリティの達成基準レベル「AA」について、改めて考える機会がありました。そのサイトデザインが海外でも使われるということで、ある国の法制面からの要求で、W3C が勧告する「WCAG (Web Content Accessiblity Guidelines) 2.0」の達成基準レベル「AA」を満たすことを視野に入れておく必要に迫られたからです。 Web サイトがアクセシビリティ対応 (厳密に言うと「WCAG 2.0 (日本の場合は JIS X8341-3:2010)」への対応) を検討するとき、どのレベルの達成基準
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
