タグ

ユーザビリティとアクセシビリティに関するmasaya-chonanのブックマーク (4)

  • 名刺のユーザビリティ - Trans

    うちの会社が名刺をあまり管理できていなかったので、名刺をデータベース化するために延々とOCRで読み込む作業をたまにしています。 かっこいい名刺のデザインなんちゃらというエントリーは定期的にはてブに上がるわけですが、だいたいそういう名刺はOCRでちゃんと読み込んでくれません。でも、今はOCRで名刺を管理している人も増えているはずなので、そろそろ名刺のユーザビリティも語られるべきではないかと思うわけです[誰]。 そこで、名刺を延々とOCRで読み込ませて、その正確性をメモするという作業を繰り返した結果、名刺ユーザビリティガイドラインを公開します。 ライティング 当たり前だが、誤字脱字をしない 名刺の間違いを手書きで修正しない(電話番号が変わったからといって、二重線ひいて、新しい番号を書き足すなど) 「TEL・FAX」や「TEL&FAX」を使わない サイトURLは「org」を「orp」と認識しやす

    名刺のユーザビリティ - Trans
  • アイコンのアクセシビリティ、ユーザビリティなどを分かりやすく解説している無料のE-Book

    アイコンの歴史から、アクセシビリティ、ユーザビリティなどを分かりやすく解説している無料のE-Book「Icons for Interaction」をhicksdesignから紹介します。 Icons for Interaction アイコンのアクセシビリティ、ユーザビリティなどを解説しているE-BookはPDF形式で配布されており、下記のような内容になっています。 英語が苦手な方でも、楽しめる内容だと思います。

  • アクセシビリティの定義、ユーザビリティとの違い | コラム | ミツエーリンクス

    2010年6月11日 アクセシビリティの定義、ユーザビリティとの違い アクセシビリティ・エンジニア 中村 精親 「アクセシビリティとユーザビリティに配慮する」 Webサイトの制作において、このような文面を見かけることがあります。しかしながら、両者の違いやそれぞれを向上させる効果についてはあまり理解されていないのでは、と感じることもあります。 「ユーザビリティは考慮したいけれども、アクセシビリティはそのうち」 このような考えのWeb担当者の方もいらっしゃるようです。 これはひとつにはアクセシビリティの定義が明確ではなく、人によって認識、理解がさまざまであることに起因しているのではないかと考えています。 そこで稿では、アクセシビリティの定義についてひとつの考え方を示し、また、混同されがちなユーザビリティとの違いを明確にすることで、アクセシビリティ向上の必要性や、その意義について考えてみたいと

    アクセシビリティの定義、ユーザビリティとの違い | コラム | ミツエーリンクス
  • セマンティックで使いやすいフォームを制作するための習作

    ビギナーのためのセマンティックでアクセシブルで機能性にも優れたフォームを制作するための習作Nettuts+から紹介します。 20+ HTML Forms Best Practices for Beginners 下記は、その意訳です。 1ステップずつフォームを改善し、アクセシブルで機能性をアップするポイントを紹介します。 セマンティック アクセシビリティ ファンクショナリティ デザイン 結論 セマンティック 1. fieldsetを使用 ユーザーが入力する多くのフィールドがある際、fieldset要素を使用して類似情報をまとめます。 <textarea name="code" class="html" cols="60" rows="5"> <fieldset> <span>Billing Address</span><input type="text" /> <span>City</sp

    セマンティックで使いやすいフォームを制作するための習作
  • 1