info55のブックマーク - はてなブックマーク

エラー (ユーザーのつまずき) をデザインで解決する | Accessible & Usable
公開日 : 2015年6月18日 (2021年2月2日更新) カテゴリー : ユーザビリティウェブサイトの利用シーンでは、様々な局面でエラー (ユーザーのつまずき) が生じています。ユーザビリティテストをしていると、エラーに直面したテスター (ユーザー) はまるで自身に責があるような言動を見せることが多いのですが、実はユーザー側ではなく、デザイン側に問題があるケースが大半と言えます。この記事では、エラーの種類を理解したうえで、どうデザインによって解決するかを、見渡してみたいと思います。エラーの種類 D.A.ノーマン氏は、著書「The Design of Everyday Things」(日本語訳は「誰のためのデザイン？)」の中で、エラーには「スリップ (slip)」と「ミステーク (mistake)」の二種類があると述べています。スリップ (slip) A slip occurs
info55 2015/06/18
リンク
コーディング Web アクセシビリティ | Accessible & Usable
公開日 : 2015年4月3日 (2021年2月2日更新) カテゴリー : アクセシビリティ「コーディング Web アクセシビリティ - WAI-ARIA で実現するマルチデバイス環境の Web アプリケーション」の見本誌をいただきました。すでに書店に並んでいますが、ようやく読み終えましたので、感想を交えつつご紹介します。この本は、ドイツの Smashing Magazine が出版している「Apps For All : Coding Accessible Web Applications」の日本語訳です。とても軽妙な語り口の、「リファレンス」というよりは「読み物」といった雰囲気の本で、読者に対する姿勢として「厳密さ」よりも「わかりやすさ」を大切にしている (そして徹頭徹尾その姿勢を貫いている) 本だな、と感じました。比喩が面白かったり (たとえば、WAI-ARIA の「ロール」「
info55 2015/04/15
リンク
フォーム入力要素の注釈のマークアップ | Accessible & Usable
公開日 : 2013年4月16日 (2020年8月30日更新) カテゴリー : アクセシビリティ Web サイトのフォームの中には、入力要素 (<input> 要素、<textarea> 要素、<select> 要素) のすぐ上か下に、注釈を付け加える場合があります (たとえば、入力フォーマットを指定したい場合などです)。入力要素に注釈を付け加えた例 (パスワードの入力フォーマットの指定) この際、セマンティックに (マシンリーダブルな形で) 入力要素と注釈を紐づけるマークアップをしておくと、なおよいでしょう。たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素にフォーカスが当たったときに、その要素に紐づいた注釈も併せて音声読み上げされる、といったことが期待できるからです。「aria-describedby」を用いて入力要素と
info55 2013/04/16
リンク
1