より多くの人へ届けるために Webコンテンツで 「ちょっと」気をつけたいこと
31. 利用者のリテラシー 支援技術 CSS コンテンツ JavaScript HTML UA OS ハードウェア 31 それぞれのレイヤーでアクセシビリティ的なケアが必要な分野 • 利用者のリテラシー • 支援技術 • CSS • コンテンツ （テキスト／画像／音声／映像） • HTML • JavaScript等プログラム • ユーザーエージェント • OS • ハードウェア 教育／啓蒙 etc. スクリーンリーダー／ズーム／翻訳 etc. UIデザイン／コントラスト／表示順序／背景画像 etc. コントラスト／代替コンテンツ／表現 etc. 文書構造／要素の意味／フォームコントロール etc. キーボード操作／フォーカス制御／DOM追加位置 etc. UIデザイン／代替コンテンツへのアクセス／ スタイル（色／サイズ／速度 etc.）変更／ 文書構造とmeta情報／API etc. U
視覚障がい者はiPadを使えるか？ | イソムラ式
イギリスの視覚障がい者を支援する「Royal National Institute of Blind People (RNIB)」が発行する機関紙に、盲人と弱視者によるiPad操作レビューが掲載されている。要約を紹介します。 「iPadは、音声読み上げ機能、画面拡大機能、画面コントラスト調整機能が予め搭載されている。しかしアクセシビリティは十分なのか？ テクノロジーにも精通する盲人と弱視者の2名が評価にあたる。 本体は薄く軽い。長時間のホールドは快適ではないかもしれない。弱視者にとって画面は明るく精彩で見やすい。但し、iPadに限定した課題ではないが、操作角度によっては光が反射して見にくいことがある。もっともノングレアシートなどで対応は十分可能だ。 iPadは200倍まで拡大できる機能を有するが、拡大時でもテキストは鮮明で読みやすい。更に印象的なのは幾つかのアプリケーションで使える”つまむ
WebアクセシビリティからWeb Adaptability（アダプタビリティ）へ - Trans
Webアクセシビリティの限界を補完するためのWeb Adaptability（アダプタビリティ）。詳細はまだ分かりませんが、これからのキーワードの1つになるかもしれません。 アクセシビリティの限界 Web Adaptability（アダプタビリティ）とは、“From Web Accessibility to Web Adaptability” Paper Published « UK Web Focusで発表された概念です。著者のBrian Kelly氏によるサマリーは、“From Web Accessibility To Web Adaptability”: A Summaryで読むことができます。 Brian Kelly氏はアクセシビリティについて次のように述べています。 "disability results from the interaction between persons
オープンソースの無料スクリーンリーダー「NVDA」 | Accessible & Usable
公開日 : 2009年6月28日 (2018年1月20日 更新) カテゴリー : アクセシビリティ 視覚障害者がWebサイトを閲覧するときに使うスクリーンリーダー（音声読み上げソフト）で無料で使えるものとして、以前「ALTAIR（アルティア） for Windows」を紹介しましたが、オープンソースの形態で開発が進められている「NVDA（Non Visual Desktop Access）」というスクリーンリーダーがあるので、今回ご紹介したいと思います。 NVDAとは？ 「NVDA」は、Michael Curran氏とJames Teh氏を中心としたNVDAプロジェクトにおいて開発が進められている、無料のスクリーンリーダーです。Webサイト（ホームページ）を読み上げる場合は、現時点では、Firefox 3の使用が推奨されています（Internet Explorerにも対応すべく、開発中のよ
SFCのリニューアルとW3C | アヨハタブログ - 電子書籍、出版のことを主に書いてるブログ -
一定期間更新がないため広告を表示しています
Geekなぺーじ : これはひどい 慶應大学湘南藤沢キャンパス(SFC)のリニューアルWeb
追記2008/12/20 : 旧HTML版と新Flashの両方が表示できるように修正されています。 まだいくつかリンクが切れているなどの問題はありますが、今後徐々に修正されていくと予想しています。 中のかた、素早い修正お疲れ様です。 昨日、私の母校である慶應義塾大学湘南藤沢キャンパス(SFC)のWebサイトがリニューアルされていました。 しかし、残念ながら私のまわりでは非常に評判が悪いです。 以下、どのように変わって、何が批判されているのかをまとめてみました。 アクセシビリティゼロ JavaScriptをOFFにすると何も見られません。 お使いのブラウザでは 当サイトをご覧いただくことができません。 最新版のFlashプレーヤーをダウンロードしていただき JavaScriptを有効にしていただく必要があります。 HTMLを見るとbody部分は以下のようになっています。 <body> <di
動画で学ぶ支援技術 スクリーン・リーダー篇 第1回 | アクセシビリティBlog | ミツエーリンクス
筆者は日常的に、コンピュータの画面情報を音声や点字にして読むことのできるスクリーン・リーダーというソフトウェアを使用しています。コンピュータを使用する場合、画面に書かれている内容をそのままでは読むことのできない、もしくは困難である視覚障害者にとって、このスクリーン・リーダーをはじめとした支援技術はなくてはならない存在です。 今回は特に、視覚障害者である筆者が使用しているスクリーン・リーダーを取り上げていますが、今後もさまざまな支援技術についてご紹介していきたいと考えております。 それでは、当Blogでもしばしば取り上げることのあるこのスクリーン・リーダーとは、どのようなものなのでしょうか？ 今回は、当社のWebサイトで公開を始めた「動画で学ぶ支援技術 スクリーン・リーダー篇」で、実際にその音声や画面をご覧いただきたいと思います。 動画の公開にあたって 当社が過去に行ってきたセミナー終了後に
seo-engineer.info - seo engineer リソースおよび情報
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アクセシビリティ入門Wiki
This page is parked free, courtesy of Microsoft Office 365
おさかなラボ - 人間様には見えなくて、spamボットには見える不思議なCAPTCHA
それは偶然発見した。なんとGmailのパスワード入力画面にもちゃんと歪んだ画像CAPTCHAが実装されているのだ。しかもほとんどのボットに見え、ほとんどの人間に見えないCAPTCHAである。ちょっとした工夫でCAPTCHAの欠点を補い、利点を生かしているのだ。見つけた時、思わず拍手してしまった。 事の始まりはこうだ。さっき、Gmailにログインしようとしたら、以下のようなエラーが出た。 平凡なエラーだ。しかしまずいことに、2度目、3度目も間違えた。そこでふと「Gmailは何回くらいでアカウントがロックされるんだろう」という疑問が湧いた。そもそも自分には、ブルートフォースアタックに対抗するにはアカウントロックしかないと考えていた。 するとなんと、10回目のミスで、次の画面が現れたのだ。 アカウントがロックされる代わりに、突然CAPTCHAが現れた。 つまりこうだ。パスワードを10回
TRANS - alt=""を越えて。
集中的にアクセシビリティやユーザビリティを最近になってやっと学び始めました。JIS X 8341やWCAG1.0を読み進める中で、もっと自分自身勉強したいと思うようになってきました。そこで、JISやWCAGを学ぶ中で、自分がシニアや障害を持つ人との現場で、またそういった現場で働いている人たちの意見を踏まえた上で、疑問に思うことを列挙しておこうと思います。いずれは、こういうことをちゃんと実装レベルで解決できるようになりたいなと思いを込めて。 alt=""は空文字なのか、半角スペースなのか、それとも全角スペースなのか？ 少し前に「ブロガーのためのアクセシビリティガイドライン」を書きました。この際に、はじめはalt=""と空文字を打つと書いていたのですが、よくよく調べてみると、空文字だと音声ブラウザによっては「画像」と読み上げてしまうことがあるようです。また、全角スペースの場合は、日本語環境以外
シニアはログインでつまづく？！ - Trans
最近、シニア向けのあるWebサービスを構築している。その中で、シニア（特に、団塊世代、もしくはそれ以上）の方が、どういったところでWebサービスにてつまづくのかが少し分かってきたので、自分の備忘録も兼ねてメモしておく。 先に言っておくと、シニアはまずログイン、もしくは新規登録でつまづく。「中に入れない」「何かパスワード間違えているみたいなんだけど」そういった質問が、どんどん寄せられる。このWebサービスを構築する前に、できる限りネット上でシニアのネット行動特性みたいなものは調べてみたが、その多くは「ログイン後」、もしくは「ログインする必要がないサイト」のことだったと、今更ながら気が付いた。例えば、 ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント 使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から) そう、シニアのネット上の行動特性はある程度研究が進ん
tableレイアウトでのSEO＆アクセシビリティ対策 : INTERNET SHOP MASTER COURSE EXTRA
例えば下記のようなページ。 最近インターネットショップ以外ではあまり見ないレイアウトですが、インターネットショップのようにメニュー項目が多い場合はよく見られるレイアウトです（tableの構造をわかりやすくするため、枠線を入れています）。共通のメニュー、業界的に言えばいわゆるグローバルナビゲーションが左に並ぶようなレイアウトですね。 こういうレイアウトの場合、検索エンジンはキーワードなどが盛り込まれたコンテンツ部分よりも先に、ずらずらと並ぶグローバルナビゲーションを先に読みます。もちろん、視覚障害の方々が使う音声ブラウザなどでも同様です。 今回紹介するのは、 「tableタグを使ったレイアウトでグローバルナビゲーションは左に置きたい」 「でも、コンテンツ部分を先に読ませたい」 というちょっとした小技です。 もちろん、CSSを使えば比較的簡単に実現できることですが（横に並べるだけなら簡単ですが
Web2.0でもITベンチャーでも何でもいいけどさ、もう少しレベル上げろよ。 - Junnama Online
移転しました。 プログラムのバグ修正等やお知らせなどについてはこちらにもアップいたしますが、 今後は移転先のサイトをご覧ください。 →Junnama Online (Mirror) 「MovableTypeプラグイン アーカイブ」はこちら。 さらに私的なブログ「Junnama.com」はこちら で、言いたいのはそういうことではない。別に自慢する訳じゃねぇぜ。言いたいのはMacBook、というより新しいマシンを購入した理由なのだ。 オッサンはね、今や化石のようになったMacOS9のユーザーだった。DTPやってるわけじゃなくてWeb屋なんだが、エディタをはじめとして色んなツールを自作で作っていてそいつをOS Xに移行できなかったから、今のいままで移行に踏み切れなかったんだ。 ところが数ヶ月前からPowerBook G4(867Mhz)をOS9、OS 10.4のデュアルブートで利用するようになっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Expired
seo-engineer.info
http://seo-engineer.info/archives/200711/071940.html
http://headlines.yahoo.co.jp/hl?a=20070405-00000067-mai-soci
http://www.acc04.jp/news/archives/2award_info/20061031.html
東京webデザイナー日記: 日経平均銘柄225社サイトの脱テーブル率調査