AJAX、アクセシビリティ、スクリーンリーダ | Web標準Blog | ミツエーリンクス
2006年5月4日 Ian Lloyd著 （この記事はWeb Standards Project（WaSP）における投稿記事「AJAX, Accessibility & Screen Readers」を翻訳したものです。当Blogは翻訳の正確性を保証いたしませんので、必要に応じ原文を参照ください。） James Edwardsは、さまざまなスクリーンリーダを用いてAJAXの使い勝手の良さ（あるいは悪さ）を検証した結果を公表しています。その結果は、あまり喜ばしいものではありません。 本エントリのタイトルには、ちょっとした矛盾（oxymoron）があります。どこか分かりますか？それは、「アクセシビリティ」と「AJAX」という単語です。この2つは、多くの人が経験しているように、ベストな組み合わせではありません。しかし、Webの専門家である私たちの多くは、AJAXがWebのアクセシビリティにマイナ
加齢なるウェブ操作 - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
ウェブサイト操作を見ながら気になった点を羅列。 ・Flashとウェブ操作 Flashを見て「このビデオ」という人あり「CM」という人あり。 Flashという言葉は誰も知らない。 さらに、Loadingの最中に、そこに画像があることに気づかずに、下にスクロールしてしまうことあり。 さらに、GifアニメとFlashの違いは全く解っていない。一律に「動く画像」 動くとそこに目が行ってしまい、他のものが見えなくなる＝誤認識率が高くなる ・目線は重力に逆らえない トップページではトップのメニューに目が行くが、セカンドページからは画面中央から目線が始まり、そして下に下に落ちていく ・若いって素晴らしい ほんとうに、ほんとうに、若いって素晴らしい。若い人ほど視野が広い。加齢すると、一つ目立つ画像からその周辺にしか目が行かない。バスケットでボールを持った人が片足軸に次のボールを渡す人を探しているかのごとく
Ajaxのアクセシビリティ／実践ノウハウ − Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』
特集記事：Ajaxのアクセシビリティ イントロダクション：Ajaxとは？ Ajaxのアクセシビリティを語る前に、まずAjaxとは何か、そしてAjaxがWebアプリケーションにどのような進化をもたらしているかを説明しておこう。 Ajaxという用語は、Asynchronous JavaScript and XML の略で、JavaScriptとXMLを組み合わせて用いる技術のことを指す。このAjaxを使うと、従来ならばWebページ全体をリフレッシュしなければならなかったインタラクションが、変化させたい部分だけを読み込むことが可能になり、操作性が軽快になるということで注目を集めている。たとえば、キーワードを入力して検索するとき、これまではキーワードを入力して検索ボタンを押すと、ページ全体がリフレッシュされて、検索結果ページが表示される、というのが当たり前だった。これがAjaxを使うと、検索ボタン
Flashの正しい使いかた｜ウェブユーザビリティ向上を支援するWebsite Usability Info
最近はブロードバンド環境が当たり前となり、Flashを採り入れたサイトも当たり前のように見かけるようになりました。しかし残念ながらその多くは、Flashを使ったクリエイティブが「目的化」していて、ユーザビリティを損ねているように思います。 いくつか例を挙げてみましょう。（2006年8月14日現在） 某観光ホテルのサイト： ユーザーインターフェースに全面Flashを採用しており、クリック時のローディングで不必要に待たされます。せっかくきれいな写真が多く、魅力的なコンテンツを持っているのだから、Flashを使わずに「ユーザーがクリックしたらすぐにその情報を提示する」ほうが、ユーザーの満足度（ひいてはホテルへの好感度）も上がると思います。 某有名商業施設のサイト： ナビゲーションにFlashアニメーションを使っており、クリックした内容を見るのに待たされます。また、ショップ紹介とフロアガイドの
Walk on the bright side of life : 「Webアクセシビリティ中級講座」
8月30日、「Webアクセシビリティ中級講座」を受講した。主催の「ハーモニー・アイ」は、ユニバーサル社会形成をモットーに活動しているNPO法人。「アクセシビリティ・ユーザビリティチェック」や、研修・セミナーなどを開催されている。 今回の講座では、実際に視覚障害のある方を招き、ユーザー・テストをライブで行いながら、実際のサイトの手直しを行い、さらにその結果をレビューするという試みが行われた。 一概にアクセシブルといっても、視覚障害だけでなく、高齢者対応という点では実際のところ、かなり身近な問題だ。私自身、それなりに取り組んではいるものの、今回のセミナーを受講して、たくさんの「気づき」を得られた。 タイトルとh1がほぼ同じ内容の場合、音声ブラウザでは、ナビゲーションスキップでh1すると、同じ内容が二回読まれることになる。ジャンプ先の位置を要検討。 たとえ、その画像を見ることができなくても、プリ
Adobe - PDF文書のアクセシビリティ確保の方法
Adobe PDF（Adobe Portable Document Format）は、OSや作成したアプリケーションソフトに依存せず、閲覧用のソフトが無償で配布されているなど、多くの利用者に利用されている電子文書フォーマットです。インターネットではすでに数多くのPDF文書が提供されています。 アドビ システムズ社は、2001年４月に発売を開始したAdobe® Acrobat® 5.0で、アクセシビリティ機能の強化をはかりました。Adobe Acrobat 5.0以前のバージョンでは、作成できるPDFの仕様や当時のスクリーンリーダー（点字ディスプレイを含む）の機能に制約があり、PDF文書の内容を読み取ることができず、視覚障害者にとってのアクセシビリティ上の問題がありました。これに対しアドビ システムズ社は、アクセス可能なPDF文書を作成するためのさまざまな機能や、利用者の身体特性に適した表示
ジョブズの卒業祝賀スピーチ:ジョブズの卒業祝賀スピーチ - livedoor Blog（ブログ）
この記事は存在しないか、すでに削除されています。
Stock Icons: An Overview | Smashing Magazine
We love free icons and icon sets. In the overview below we present 55 more excellent, free and professional icons for desktop and web design. Some of them can be used for both private and commercial projects. You may always use them for free in your private projects. Nevertheless, it is always worth to take a look at the license agreements — they can change from time to time. We love free icons an
CSS Design: Taming Lists
What has changed is how I think about CSS, and the underlying structure of (X)HTML to which it is applied. For example, I find that most pages on the web contain a menu of links in a navigation area. These are often marked up as a string of links, often in separate DIVs or paragraphs. Structurally, however, they are a list of links, and should be marked up as such. Of course the reason that we don
無料で利用可能なフォントをダウンロードできる「CoffeeCup Software」 - GIGAZINE
「CoffeeCup Software」という1996年から続いている海外では有名なソフトウェアメーカーがあり、そのサイトに無料で利用できるフォントが全部で64種類も置いてあります。ブラシ系のフォントが多く、いろいろな用途で使えます。ほかではありそうであまりないタイプのフォントが多いので使い勝手は良さそう。 ダウンロードの手順は以下から。 Free Fonts - Download Your Fonts - CoffeeCup Software ダウンロードするためには無料の会員登録が必要です。とりあえずどのフォントでもいいので「DOWNLOAD FONT」ボタンをクリックします。 「Dont Have an Account」をクリック 名前、メールアドレス、パスワード、パスワードの確認という順序で上から入力し、「Register」をクリック メールアドレスにメールが来るので中にあるリンク
【図解】 LinuxサーバーとWindowsサーバーの違い | POP*POP
LinuxサーバーとWindowsサーバーの違いについて面白い記事がありました。この記事では2種類のサーバの動きを可視化してどちらがセキュリティ的に安全かを論じています。 » Why Windows is less secure than Linux 下記の画像はあるWebページが呼び出された時のサーバー内のシステムの動きを表したマップ。2枚とも同じWebページを呼び出しています。 ↑ こちらApacheを使ったLinuxサーバーの場合（クリックで拡大します）。 ↑ こちらIISを使ったWindowsサーバーの場合（クリックで拡大します）。 こうやって可視化されると説得力がありますね。システムに詳しくない人でも、これら画像を見ればどちらがスムーズな動きをしているかわかりやすいのでは。 新しいサービスを立ち上げようという人でサーバー選びに悩んでいる方は参考にされてみてはいかがでしょうか（もち
IT戦記 - 僕も半透明 png を使うためのライブラリ作った！
いろいろと古い IE で半透明 png を使うための JS が紹介されています http://web.kankodo.net/2007/02/01-233315.html http://labs.unoh.net/2007/02/ie6_png_fix.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html で、自分も使おうと思ったのですが。 ライブラリの依存とか、 window の load イベントの時に処理されるのがちょっとだけ嫌だったので、自分用のを作りました。 意外と便利だったので公開します デモ(IE5.5 or IE 6 で見てください) http://usrb.in/amachang/static/AlphaLoader/demo.html 使いかた 半透明にしたい img 要素のあとに http
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://stopnlisten.no.land.to/2006/10/prototypejs_1.html
Amazon.co.jp: Web情報ア-キテクチャ: 最適なサイト構築のための論理的アプロ-チ (第2版): Louis Rosenfeld (著), Peter Morville (著), ソシオメディア (翻訳): 本
Low-Fi Usability Testing
日本語のページをPDFに変換可能なネットサービス「HTML2PDF 無料版」
