入力フォームのユーザビリティ&アクセシビリティ！
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ
「text-indent:-9999px;」や「display:none;」でテキストをウィンドウ外に飛ばしたり非表示にして、代わりに背景画像を表示させる手法を「画像置換(Image Replacement)」というが、これには重大な欠陥があって、最近では使用が推奨されていない。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記のようなCSSだと「CS
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
第0回 その気になった客を逃さないフォーム設計術 | Web担当者Forum
第0回 その気になった客を逃さないフォーム設計術 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） ウェブサイトの「ユーザビリティー」という言葉は、当たり前のように耳にする機会が増えてきた。しかし、その知名度の広まりとは裏腹に、「何をどうすれば成果に結びつくのか」「実践に落とし込むにはどうしたらよいのか」について具体的に取り上げられることは少ないようだ。 この連載では、主に「会員登録による顧客獲得を行う企業サイト」をモデルとして、想定される次のようなユーザー
高木浩光＠自宅の日記 - 第1回「リンクポリシー」大賞 受賞者決定
■ 全盲読者に配慮したWebページ作りを妨げる文部科学省と環境省と地方自治情報センター 総務省が推進するウェブアクセシビリティ。JIS規格にもなった JIS X 8341-3。これらでは、全盲の読者への配慮として、「新しいウィンドウを開かない」ことを留意点として挙げている。 ポイント4:利用者が迷わないリンク, 情報バリアフリーのための情報提供サイト, 情報通信研究機構 b. 新しいウィンドウは混乱のもと 新しいウィンドウが開いても、それを目で確認できないため混乱する利用者がいます。（略）新しいウィンドウは基本的には開かない。（略） 総務省 報道資料 「公共分野におけるアクセシビリティの確保に関する研究会」報告書 付録4a, 「公共分野におけるアクセシビリティの確保に関する研究会」報告書の公表, 総務省 ・リンク先のページを新しいウィンドウに表示すると、全盲の利用者や高齢者をはじめ、混乱し
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
Googleがアクセシビリティで検索結果を順位付け
米グーグルは2006年7月19日（米国時間）、Webサイトのアクセシビリティ（アクセスの容易さ）で結果を順位付けする検索サービス「Google Accessible Search」を公開した。正式サービス化前の技術を実験的に公開する「Google Labs」で利用できる。 Google Accessible Searchでは、同社の通常の検索アルゴリズムに加えて、Webページの構造を解析して判断したアクセシビリティの高さを加味して順位付けをする。アクセシビリティの高さは「視覚障害のある人が、標準的な技術を使いながらWebページを見たり、楽しんだりできること」（同社）と定義しており、さまざまな団体と協力しながら、アクセシビリティの判断基準を決めているという。 現在のところ、ページレイアウトのシンプルさ、画像の量、重要な操作をすぐにキーボードで実行できるか、などを基準としている。画像表示をオフ
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の
mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 : akiyan.com
mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ
BROWSIZE.ORG：ユーザーの本当の画面サイズ、知りたくないですか？
アクセス解析サービスの「BROWSIZE.ORG」は 2016年10月20日 にサービス提供を終了しました。 ご利用ありがとうございました。 akiyan.com+browsize at gmail.com
第19回 リッチなUIにおけるアクセシビリティ
Rich Internet Application（RIA）やリッチ・クライアントの開発者にとって，「アクセシビリティ」はあまり触れたくない話題の一つです。リッチ～の根底にあるのは，視覚的な効果を一つの“強み”として掲げることです。これに対しアクセシビリティは，情報を“広く平等に誰にでも”伝えるという考え方が基本にあります。ターゲットを絞るものと広げるもの――そもそもベクトルが異なるのであり，同居できない領域が存在しています。 日本でのアクセシリビリティ対応はこれから 「アクセシビリティ」の重要性は，Webの黎明期から認識され，様々な対応策が議論されてきました。しかし本格的な流れになったのは，ここ最近の話といってもいいでしょう。米国では2001年6月に，リハビリテーション法第508条によって電子・情報技術アクセシビリティ基準が定められ，実装段階に突入しています。 日本では少し遅れて，200
デザイン>ユニバーサルデザイン>富士通アクセシビリティ・アシスタンス - FUJITSU Japan
インターネット等の技術を基盤としたコミュニケーションや、公共サービス等がますます快適で便利になる中、誰にも分かりやすく、使いやすいホームページが求められています。富士通では、ユニバーサルデザインを基本としたデザイン活動のひとつとして、視覚障がい者や色覚障がい者のアクセシビリティを高めるための診断ソフトウェアツール群「Fujitsu Accessibility Assistance」をホームページ作成者やデザイナーに向けて無償ダウンロードにて提供いたします。 Fujitsu Accessibility AssistanceはWebInspector、ColorSelector、ColorDoctorの3つのツール群で構成されています。 お知らせ WebInspectorにおける半角カナのチェック漏れに関するFAQを掲載しました ラ行の文字だけからなる単語、用語を半角カナで表記した場合、問題点
エー イレブン ワイ［WebA11y.jp］
Accessibility is the Web. 「エー イレブン ワイ」は、Webアクセシビリティの情報提供Webサイト。 ユーザーフレンドリーでみんなが利用できるWebコンテンツづくりをサポートします。
みんなのウェブ トップページ
「ウェブアクセシビリティの情報提供コーナー：みんなのウェブ」及び関連ページは移転しました。移転先は以下のとおりです。 1. ウェブアクセシビリティの情報提供コーナー：みんなのウェブ 「ウェブアクセシビリティの情報提供コーナー：みんなのウェブ」は下記に移転しました。お手数ですが、ブラウザのＵＲＬの設定を変更してください。 ウェブアクセシビリティの情報提供コーナー：みんなのウェブ ページの先頭に戻る 2. みんなが使えるホームページの作り方 「みんなが使えるホームページの作り方」は下記に移転しました。お手数ですが、ブラウザのＵＲＬの設定を変更してください。 みんなが使えるホームページの作り方 ページの先頭に戻る 3. 情報バリアフリーのための情報提供サイト（トップページ） 「情報バリアフリーのための情報提供サイト（トップページ）」は下記に移転しました。お手数ですが、ブラウザのＵＲＬの設定を変更
Infoaxia Web アクセシビリティ・ツールボックス 1.0.3／ツール＆ダウンロード － Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』
バグ情報 【重要】2006年7月27日：Firefox 1.5.0.5 における不具合 Firefox 1.5.0.5 にアップデートすると、リンクでの画面遷移の際に、"processing" という小さなダイアログが表示される不具合が起きることがあります。ただいま、原因を調査中ですが、キャッシュを削除すると解消されるケースもあるようです。ただし、それでも解決しない場合は誠に恐れ入りますが、一時的にアンインストールしていただけますようお願い申し上げます。 『Infoaxia Web アクセシビリティ・ツールボックス』とは Infoaxia Web アクセシビリティ・ツールボックスとは、ブラウザのMozilla Firefoxの拡張機能として動作する無料アクセシビリティ検証ソフトのことです。 このソフトは、Web ページを制作する方々や、ウェブサイトを運営する方々を対象として開発されており、
ソーシャルメディアポリシー｜キユーピー
ソーシャルメディアポリシー 私たちキユーピーグループは、キユーピーグループ役員および従業員のソーシャルメディア参加、ならびにキユーピーグループソーシャルメディア公式アカウントの運営に関して、『キユーピーグループ ソーシャルメディアポリシー』を定めます。 1. ソーシャルメディア参加に当たっての心構え キユーピーグループで働く役員および従業員は、所属する組織や雇用の形態にかかわらず、ソーシャルメディアが、個人のつながりを元としたコミュニケーションの場であること、広く一般に世界に向けて公開されており、一度発信した情報は完全には取り消せないことを理解し、ソーシャルメディアへの参加に当たっては、以下を意識し、良識ある者として節度ある態度で参加します。 ① 国ならびに地域の法令の遵守はもちろんのこと、グループ倫理規範の考え方に則り、関連する社会規則や社内ルールを尊重します。 ② お客様の声に耳を傾け
実践アクセシブルHTML - 可変フォントサイズとレイアウト
フォントサイズ固定に残念な思い 6月20日に、Macromedia Flash Conferenceへ行ってきました。その一番最後の時間枠は、FlashのコンクールというかコンテストというかでFlashの作品をいろいろ募集している、さまざまなサイトの紹介をするスペシャルセッションでした。こういった場では、かなり大きいスクリーンに画面を表示させて、たくさんの受講者みんなで見るというスタイルが採られるわけですが、いくら大きなスクリーンであっても小さな文字なんかを判読するのは困難です。 そのスペシャルセッションのスピーカーの方が、サイトの内容の一部を読み上げたりしながら、「あ、これはちょっと見づらいですね」などといいながら、フォントサイズを大きくしようとブラウザを操作したのですが、そのサイトは文字の大きさを固定しているようで、大きくできませんでした。ちょっと、その中のどのサイトだったかは定かでは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
COULD：Webデザインに関する 15 の調査結果
アクセシビリティ チェックツール