CAPTCHAをアクセシブルにするための色々な取り組み - Trans
自分用メモなのですが、せっかくなので公開します。CAPTCHA（Webサービスに登録する時やブログにコメントをつける際に認証を求めてくる、文字がぐにゃっとした画像）を知っている人も多いと思うし、それがスクリーンリーダー利用者などの、一部の人たちにとってはアクセシビリティ上大問題ということを知っている人も多いと思います。じゃあ、それではアクセシビリティは無視か？！というとそうでもなくて、どうやら色んな取り組みが行われているようです。 スクリーンリーダーのCAPTCHAの読み上げ方 まず、おさらいです。スクリーンリーダーはどういうふうにCAPTCHAを読み上げるのか。英語の動画ですが、次の動画が最も分かりやすい。 内容はちょっと違うのですが、海外の大手SNSで登録の際にCAPTCHAを使っているところが多くて、スクリーンリーダー利用者は登録できないじゃないか！というビデオ。でも、別にSNSだけ
CAPTCHA - Wikipedia
この記事には複数の問題があります。改善やノートページでの議論にご協力ください。 出典がまったく示されていないか不十分です。内容に関する文献や情報源が必要です。（2021年3月） 古い情報を更新する必要があります。（2021年3月） 独自研究が含まれているおそれがあります。（2020年5月） 出典検索?: "CAPTCHA" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL 初期のCAPTCHAの例。 人間はこれを「HTKEHS」と認識できるが、機械にとっては困難である。 CAPTCHA（キャプチャ）はチャレンジ/レスポンス型テスト（英語版）の一種で、応答者がコンピュータではなく生身の人間であることを確認するために使われる。 ウィキペディアにおいても、ログインしていない状態のユーザ(IPユーザー)が外部リ
Research-Based Web Design ＆ Usability Guidelines 日本語訳
『Research-Based Web Design & Usability Guidelines（調査研究に基づいた Web デザイン & ユーザビリティ・ガイドライン）』の日本語訳は、アメリカ保健福祉省（HHS）の許可を受けた株式会社インフォアクシアが提供しています。 目次 『第9章：見出し、タイトルとラベル』は、3月8日火曜日に公開する予定です（毎週火曜日更新）。 イントロダクション 背景および方法論 ガイドラインの使い方 第1章：デザインプロセスと検証 第2章：ユーザー・エクスペリエンスの最適化 第3章：アクセシビリティ 第4章：ハードウェアとソフトウェア 第5章：HOMEページ 第6章：ページレイアウト 第7章：ナビゲーション 第8章：スクロールとページ分け 以下の章は、トップページのみです。 第9章：見出し、タイトルとラベル 第10章：リンク 第11章：テキスト 第12章：リ
リンク＆資料集：米国リハビリテーション法508条の日本語訳―インフォアクシア
2001年6月20日に施行された米国のリハビリテーション法508条で定められているガイドライン（1194.22 Web-based intranet and internet information and applications.）をインフォアクシアが日本語訳しました。原文はあくまで英語ですので、参考資料としてご活用下さい。 リハビリテーション法508条の原文（英語） 第1194部22条 Webベースのイントラネットとインターネットの情報およびアプリケーション (a) すべての非テキスト要素には、それと同等な役割を果たす代替テキストを提供しなければならない。（例：alt属性、longdesc属性、またはHTMLの要素のコンテンツ内などで記述する。） (b) マルチメディアのプレゼンテーションと同等の役割を果たす代替コンテンツを、そのプレゼンテーションと同期させなければならない。 (c)
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
ホワット・ア・ワンダフル・ワールド 20060522
いつものように，テキトーに寝ぼけたことを mixi に垂れ流していたところ，k.inaba 様からとても参考になるレスをいただきました． これは，mixi 内だけに埋もれさせてしまうのはもったいないと思いましたので，ここに公開させていただきます．快くコメントの転載許可をくださったことに感謝します m(_ _)m ちなみに私の mixi 日記の内容や文体が「痛い」「自虐的」「暗い (ダウナー)」「キモい」のは仕様なので，何卒華麗にスルーよろしくお願いします (苦笑) # 本当は，あまり mixi 日記の方は公開したくない w でも，コメントだけ転載しても意味不明ですからね． # 「あろはクンのイタさをヲチできるのは，mixi だけ !」 (真性キモい) ※ ヲチ = watch (生暖かく (かわいそうな子を見るような目で) 見守る) という 2ch 語らしい． と，また前置き (言い訳)
「ウェブアクセシビリティの情報提供コーナー：みんなのウェブ」移転案内：NICT
「ウェブアクセシビリティの情報提供コーナー：みんなのウェブ」及び関連ページは移転しました。移転先は以下のとおりです。 1. ウェブアクセシビリティの情報提供コーナー：みんなのウェブ 「ウェブアクセシビリティの情報提供コーナー：みんなのウェブ」は下記に移転しました。お手数ですが、ブラウザのＵＲＬの設定を変更してください。 ウェブアクセシビリティの情報提供コーナー：みんなのウェブ ページの先頭に戻る 2. みんなが使えるホームページの作り方 「みんなが使えるホームページの作り方」は下記に移転しました。お手数ですが、ブラウザのＵＲＬの設定を変更してください。 みんなが使えるホームページの作り方 ページの先頭に戻る 3. 情報バリアフリーのための情報提供サイト（トップページ） 「情報バリアフリーのための情報提供サイト（トップページ）」は下記に移転しました。お手数ですが、ブラウザのＵＲＬの設定を変更
スタイルシート使えばいいわけではない | Okumura's Blog
Webデザインの話題。総務省のユニバーサルサービス制度についてのページが宣伝されていたので見てみた。見る前に気づいたこと：index.html を略したURLを宣伝するほうがいい。見てから気づいたこと：何か変だ。h1に相当するものが見えない。と思ったら，Safariでかなり大きめのフォントサイズをデフォルトに設定していると隠れて見えないのだった。テーブルタグを使わずスタイルシートだけで作ったページなのでアクセシブルと思ったら大間違いの例。また，情報デザインの観点からは，リンクをたどらないとユニバーサルサービスとは何かがまったくわからない構成になっている。こういった一見アクセシブルで実はそうでないページの例を見つけたら教えてください。
ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0
E-mailｼ嗹ebmaster@zspc.com Copyright © 1996-2000 ZSPC. All Rights Reserved. All pages except color chart are written in Japanese. g src="/static/zspc.com-vcss.gif" alt="Valid CSS! | " height="31" width="88" border="0"> g height="31" width="88" src="" alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" border="0">
情報教育Wiki
自宅パソコンのことなんでしょうね。仕事を自宅に持ち帰ることを前提としているのでしょうか -- 奥村 2006-03-13 (月) 17:22:00 Winnyは良い使い方も出来るわけで，使用しただけで懲戒免職というのは少し方向性が違うような気がします。（全国の警察の目の敵にされているのかも） -- 山中 清 2006-03-14 (火) 08:20:15 住基ネットも使う人間次第では危ないぞ http://news.www.infoseek.co.jp/topics/society/leak.html?d=29mainichiF0329m154&cat=2&typ=t -- 山中 清 2006-03-29 (水) 08:24:54 黒塗りの個人情報閲覧可能に…千葉市教委ＨＰの議事録 http://www.yomiuri.co.jp/national/news/20060801i303.ht
フォーム vs. アプリケーション
オンライン・フォームも２画面を超える分量になると、機能を滞りなく支援するには、よりインタラクティブなユーザ・エクスペリエンスを提供するアプリケーションに切り替えた方が良い場合が多くなる。 Forms vs. Applications by Jakob Nielsen on September 19, 2005 フォームが、コンピュータとの複雑なインタラクションを表す最良のメタファとなることは稀だ。にも関わらず、多くの大企業が、紙ベースのフォームを受け継いでいる。結果として、イントラネットには、ニーズに応えようとするオンライン・フォームが散乱している。アプリケーションを使えば、リアルな対話と本格的なGUIで、そのニーズはもっと上手く満たされるというのに。 最近、ある人から１本の電話があった。イントラネット用のフォームを見て、ユーザビリティ上の問題点を指摘して欲しいと言うのだ。単独のページにフ
アックゼロヨン・アワード
応募の流れ 1. エントリー（応募）フォームから申し込み 応募要項をよく読み、エントリー（応募）フォームに必要事項をすべて記載のうえで作品を応募してください。 2. 応募の受付確認 日本ウェブ協会事務局より、応募担当者に対して、応募内容の確認をいたします。 ※応募をとりやめる場合は、必ず日本ウェブ協会事務局までご連絡をお願いします。 3. 応募の受付完了、請求書・振込票の送付 確認がとれましたら、受付完了となります。日本ウェブ協会事務局より、応募担当者に対して受付番号の記載された申し込み内容控えを、請求書宛先に対して請求書と振込票を送付いたします。 4. ご入金 応募費用は2008年2月7日(木)までにお振り込みください。請求書に同封の振込票をお使いいただくと、振り込み手数料が無料となりますのでご活用ください。 ※振込票には使用期限がありますのでご注意ください（約1週間
ARIA - Accessibility | MDN
AccessibilityGuidesAccessibility information for web authorsAccessibility: What users can do to browse more safelyAn overview of accessible web applications and widgetsKeyboard-navigable JavaScript widgetsMobile accessibility checklistUnderstanding the Web Content Accessibility GuidelinesCognitive accessibilityAccessibility and Spacial PatternsWeb Accessibility: Understanding Colors and LuminanceW
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://idena.jp/2007/05/20.shtml
特殊な状況ですみません＜m(__)m> 視覚障害者でPCは画面読みソフトを使っています。…
『Research-Based Web Design & Usability Guidelines』／リンク＆資料集 ― Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』
http://www.infoaxia.com/tools/blog/archives/2005/06/ajax_1.html
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]
こいつが放った名台詞集
Max Design