最近Another HTML-lint gatewayというサイトでこのブログのHTML文書の文法の採点をしてもらいました。採点結果(PNG画像, 864x230px, 24KB)を見ると、ご覧の有様で、100点満点中マイナス367点を獲得しました。何故そこまでマイナス査定されているのかと思い、膨大なチェック結果を見ていたら気になる点がありました。以下その部分の抜き出しです。 <A>のTARGET属性は、その利用自体が薦められていません。 A要素のTARGET属性といえばtarget="_blank"しか使った事がありませんが、これは指定したリンク先を新規ウィンドウで開くためのものです。私は今までtarget="_blank"は(例外はありますが)別サイトへリンクしたときに使うようにしていました。今まで何の疑問も持たず使ってきたものが非推奨だった...何故なのだろうか? 興味を引かれたので

例えば、鈴木さんの 「歴史」 の試験結果が 「68点」 であることは、視覚系ブラウザならば一目瞭然です。しかし、音声ブラウザでは、その 「68点」 が何を意味しているのかを判断することができません。視覚系ブラウザのように直感的にテーブルを読み取れないためです。 さて、テーブルには、以下のような性質があり、このことが Web制作者の悩みの点でもあります。 テーブルは、データがすべて読み込まれてからレンダリングを開始する。 テーブルは、基本的に左から右方向で解釈される。 テーブルセルには、他のブロックレベル要素を配置することができる。 テーブルの文字の大きさや色は、DTDによって継承されない場合がある。 こうしたテーブルの性質を十分考慮して上で、表現するコンテンツがテーブルを利用するか否かを判断してください。なるべくならテーブルを多用したくないものですが、場合によっては重宝する要素です。 (一

ウェブアクセシビリティとは、「ホームページの利用しやすさ」のことです。国立国語研究所ではアクセシビリティを「利用のしやすさ」と言い換えるように提案しています。 ウェブアクセシビリティの基本3要件は、「見出しの使用」「画像に代替テキスト」「読みとばし機能」です。この3つだけでもまずはクリアすることで、ウェブの使いやすさは大幅に向上します。 ★2005年11月25日の「ウェブ アクセシビリティ導入のポイント」（「視覚障害者と共に歩む会ハーモニー」ちよだプラットフォームスクウェア）で発表したものです。 第1節　サイトの設計 1 ドメイン名：長くてもわかりやすい名前になっているか。 ドメイン名には多少長くてもわかりやすい名前がよい。ドメイン名とは、 http://www.aoikuma.com/webevaluationpg.htmのうち、aoikuma.com の部分である。

web usability guideline 誰もが使いやすい、読みやすいウェブサイト。そもそもそれは当たり前のことなのですが、そうではないページが多すぎると思いませんか？そういう僕（PL）自身もこのテーマを考えるきっかけがなければ、きっと何も考えずに自分本位のウェブサイトをつくり続けていたのではないかと思います。 そこで、ｅふぉーらむは「ウェブ・ユーザビリティ・ガイドライン」をつくりました。この１００項目以上に及ぶガイドラインは、同時にｅふぉーらむのウェブサイトづくりに対する考え方について示したものでもあります。ただし、これは他のサイトと比較するものではありませんし、これがすべて正しいとも言えませんのであらかじめご了承願います。 ただし、ウェブ・アクセシビリティについては、アメリカをはじめとした各国で早くから対応化が進んでいました。日本でも、２００４年（平成１６年）６月、財団法人日本規

久しぶりにユーザビリティねたを続けて。 企業のサイト特有の事情として、「ビジネス制約の関係から（載せたくもないものを）画面に載せないといけない」ことが多くあります。 具体的には 事情を知らない誰か（※詳細はご想像ください）が、「これ入れないといけないだろう」と言う → そういう人に限って、最終決定の権限を持っていたりして、、、 利用規約などの説明を延々行わなければならない サービス紹介の過程で、どうしても自社が弱いスペックも見せざるを得ない といったところでしょうか。 そこを何とかうまくやりくりするのも画面設計のスキル。 見せたいものと見せたくないものを両立させている画面を今日は紹介したいと思います。 1. 右カラムを有効活用する Doda転職サポートお申し込みフォームの例です。 「利用規約などの説明を延々行わなければならない」を綺麗に回避したページ。 通常1カラムで組むフォーム部分の右側

ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー

caraldo.net は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、caraldo.netが全てとなります。あなたがお探しの内容が見つかることを願っています！

２年ほど前に開始した「小説本文ページ読みやすさアンケート」の回答数が1,000件をこえましたので、本格的な集計を行ってみました。 結果の一覧表と円グラフ、寄せられたコメント、集計者の感想をまとめてあります。 （１）文字サイズについて （２）余白、行間について （３）配色について また、アンケートの結果、最も多くの人が読みやすいと感じたのは、このようなレイアウトのようです。→人気の高いレイアウト例１　人気の高いレイアウト例２ （見た目の印象がわかりやすいように、文字サイズを固定しています） 読みやすいレイアウトを考える上での一助になればと思います。

http://frame.s26.xrea.com/index.shtml フレームを普及させるサイト フレームは果たして忌むべき存在でしょうか？ 説明 ブラウザの中心でフレームHTMLを叫ぶサイトです。以下のメニューから目次の表示位置を選んで下さい。詳細は端折ります。感覚的に解ると思います。 連絡 ようやくネット環境が復活したので再開。読み返すと自分でも意味が解らない（解らなくなった）部分があるので、加筆ついでに修正していこうと思う。 IEでの表示確認を辞めました。 (2004.12.10) その他情報 情報の発信だけで受信手段が無かった、というよりも受信の為の2chスレが無くなったくさいので掲示板を設けた。 presented by （ー..ー;へ

&amp;lt;script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&amp;amp;pid=877160106″&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;noscript&amp;gt;&amp;lt;a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&amp;amp;pid=877160106″ target=”_blank” &amp;gt;&amp;lt;img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&amp;amp;pid

原文: User Experience Design [semanticstudios.com] 私は1994年以来情報アーキテクチャの分野で活動してきたが、その間、Gopher[wikipedia.org]から Google[wikipedia.org]までの進化の過程で、「構成(organization)」「探索(search)」「検索(retrieval)」が大きく変化してきた状況を見てきた。 この動乱の10年をとおして、個々のプロジェクトにおけるビジネスゴールとコンテクスト、ユーザーニーズと行動、コンテンツの有用な混合、という3つの要素をいかにうまくバランスする必要があるかを説くにあたり、三つの円の図が大変役に立ってきた。 図1 情報アーキテクチャの三つの円 私の提案するこの図は、情報アーキテクチャだけではなく、ユーザーエクペリエンスを理解するのにも役立つだろう。ジェシー(訳注：ジ

Seems to me a lot of time could have been saved all around by just displaying the blue link. This site is hosted by BlueHost. You can get BlueHost for $2.75 per month by using a coupon from Justhemes.