HTML5 + WAI-ARIA: 入門篇
このサイトを HTML5 でリニューアルした際に保留としたまますっかり忘れかけていましたが、ようやく WAI-ARIA を導入してみました。 WAI-ARIA は W3C の Web Accessibility Initiative (WAI) が公開している技術仕様で、Web コンテントや Web アプリケーションのアクセシビリティを強化することを目的としています。具体的には、Web ブラウザや支援技術 (AT) がコンテントのセマンティクスをより適切に認識できるよう、HTML ドキュメントに要素の「役割」や「状態」といった詳細な情報を付与するものです。名称に RIA とあるように、Ajax などによるリッチ・インターネット・アプリケーションをおもな対象とした仕様ですが、HTML5 によるシンプルな Web ページに取り入れることもできます。ここでは WAI-ARIA の HTML5 へ
「重要情報はPDFやExcelではなくHTMLやCSVで」、地方自治情報センターが呼びかけ
東日本大震災に関連して、財団法人 地方自治情報センター（LASDEC）が、国民へ発信する重要情報をPDFやExcelではなくHTMLやCSVで提供するよう呼びかけている。容量が大きいファイルがサーバーや回線を圧迫しないようにすることと、携帯電話しか持っていない被災者でも閲覧しやすくすることが目的だ。 LASDECでは2011年3月18日に、地方公共団体へメーリングリストを通じて通知している。「アクセスが集中し、PDFやExcelファイル形式の場合、容量が大きく、サーバー・回線リソースを圧迫し、重要情報が閲覧できない事象が頻出しています」（LASDEC）。そこで、PDFやExcelファイルの代わりにHTMLやJPEG、CSVといった形式での提供を推奨。WordやExcelの文書も、「ファイル」メニューから「名前を付けて保存」を選び、ファイルの種類に「Webページ (*.htm,*html)」
情報を重複させないサイト構造 - Trans
強調したい情報がある、だから繰り返したい！でも、それってユーザビリティ・アクセシビリティは高くないかもしれないのです。 某視覚障害者のMLにて 普段はソフトウェアの使い方や近況報告のようなMLなのですが、たまに僕たちのようなサイト制作者にとっては興味深い投稿がされます。例えば、視覚障害者からのこんな内容でした。 「JR東日本のメールでのお問い合わせが使いにくくて仕方がない」という内容。というわけで覗いてみました。 情報量が多すぎる！ まず、指摘のあったその問題のページは、JR東日本：ご意見・ご要望の受付です。当ブログからでは分かりにくいのですが、実は手前のページからポップアップウィンドウで開きます。また、お問い合わせするだけなのになぜこんなにも個人情報を入力しなければならないのか、という疑問も沸いてきます。 では、このポップアップウィンドウを開く手前のページはどこなのか。それがJR東日本：
某日記(後期)
．麻生氏失言：政権タガ外れ露呈「安倍後継」レースに影響？ - 気違いじみた言葉狩りは困ったもんである。 ．「差別用語を使う奴は人権意識が無いから信用するな」なんて、報道業界のおためごかしを信用してはならんぞ。信用できないのは、無定見かつ手抜きな自主規制を行っている方だということを、彼ら自身よく分かっている。彼らにとって言葉狩りというのは、それを糊塗しつつ他人を攻撃できる一石二鳥の方法だということを、私たちはよくよく理解しておくべきだと思う。 ．まあでもタロサも少々脇が甘いというか、こないだのアルツハイマーうんぬんは、純粋に正しくないという意味でどうかと思うけど。 ．医療の進歩 - あたしゃ個人的には、現代の人権意識と照らしてみて、日常的に行われている最も非人道的なものの一つは経膣分娩だと思うんだけども。一度でも出産のビデオを見たことがあれば、出来ることならばこんな痛そうなことはやらないほう
TRANS - alt=""を越えて。
集中的にアクセシビリティやユーザビリティを最近になってやっと学び始めました。JIS X 8341やWCAG1.0を読み進める中で、もっと自分自身勉強したいと思うようになってきました。そこで、JISやWCAGを学ぶ中で、自分がシニアや障害を持つ人との現場で、またそういった現場で働いている人たちの意見を踏まえた上で、疑問に思うことを列挙しておこうと思います。いずれは、こういうことをちゃんと実装レベルで解決できるようになりたいなと思いを込めて。 alt=""は空文字なのか、半角スペースなのか、それとも全角スペースなのか？ 少し前に「ブロガーのためのアクセシビリティガイドライン」を書きました。この際に、はじめはalt=""と空文字を打つと書いていたのですが、よくよく調べてみると、空文字だと音声ブラウザによっては「画像」と読み上げてしまうことがあるようです。また、全角スペースの場合は、日本語環境以外
Dive Into Accessibility
この文書は2つの質問に答えるために書いてみたんだ。 1コ目は、「なんでサイトをアクセシブルにした方がいいのか」。 だから、ここの情報はサイトを持ってない人には向かないかも。 2コ目は、「じゃどうしたらサイトをアクセシブルにできるのか」。 1コ目の答えが納得できるものじゃなかったら、2コ目はどうでもいいってことになるよね。 じゃ行ってみよう。 Dive Into Accessibility（英語版）をダウンロードする HTML（英語版）をダウンロード PDF（英語版）をダウンロード Dive Into Accessibilityを読む 目次 掲載された順序のままにならべてある、すべての情報はこちら。はじめてココ の文を読むときにおすすめの読み方。 人に基づいた情報分類 ここではどんな人に役立つかによって、情報が分けられています。 障碍に基づいた情報分類 ここではどういった障碍があるときに役立
むやみにキーをフックするのはやめてほしい (kuruman.org > Kuruman Memo)
このエントリーは自分の環境でうまく閲覧することができなかったことに怒りを覚えた筆者がその状況を打開する策をどうにかして正当化し広めようと試みるエントリーである。まる。 最近ウェブ界隈のプレゼンテーションはHTML+CSS+JSで行われることが多くなってきたような気がする。おそらくそのまま資料を公開して情報を共有することが可能である点が受けているのだろう。しかし、もしその資料を公開しようと考えているのならばキーをフックしすぎていないか確認してほしい。(こういうのって、フックって言っていいのかな……まぁいいか。) プレゼンテーション資料はページベースであり、多くの場合縦幅が固定される。しかしながら、ミニノートの解像度の主流は600pxである。ここが重要。横幅800pxはほぼ絶滅したが、縦幅600pxはまだ多少居る。もちろんミニノートのシェアは微々たるものだが、ちょっとした心がけ一つで何の不便も
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
シニアはログインでつまづく？！ - Trans
最近、シニア向けのあるWebサービスを構築している。その中で、シニア（特に、団塊世代、もしくはそれ以上）の方が、どういったところでWebサービスにてつまづくのかが少し分かってきたので、自分の備忘録も兼ねてメモしておく。 先に言っておくと、シニアはまずログイン、もしくは新規登録でつまづく。「中に入れない」「何かパスワード間違えているみたいなんだけど」そういった質問が、どんどん寄せられる。このWebサービスを構築する前に、できる限りネット上でシニアのネット行動特性みたいなものは調べてみたが、その多くは「ログイン後」、もしくは「ログインする必要がないサイト」のことだったと、今更ながら気が付いた。例えば、 ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント 使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から) そう、シニアのネット上の行動特性はある程度研究が進ん
Googleがアクセシビリティで検索結果を順位付け
米グーグルは2006年7月19日（米国時間）、Webサイトのアクセシビリティ（アクセスの容易さ）で結果を順位付けする検索サービス「Google Accessible Search」を公開した。正式サービス化前の技術を実験的に公開する「Google Labs」で利用できる。 Google Accessible Searchでは、同社の通常の検索アルゴリズムに加えて、Webページの構造を解析して判断したアクセシビリティの高さを加味して順位付けをする。アクセシビリティの高さは「視覚障害のある人が、標準的な技術を使いながらWebページを見たり、楽しんだりできること」（同社）と定義しており、さまざまな団体と協力しながら、アクセシビリティの判断基準を決めているという。 現在のところ、ページレイアウトのシンプルさ、画像の量、重要な操作をすぐにキーボードで実行できるか、などを基準としている。画像表示をオフ
CAPTCHA - Wikipedia
この記事には複数の問題があります。改善やノートページでの議論にご協力ください。 出典がまったく示されていないか不十分です。内容に関する文献や情報源が必要です。（2021年3月） 古い情報を更新する必要があります。（2021年3月） 独自研究が含まれているおそれがあります。（2020年5月） 出典検索?: "CAPTCHA" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL 初期のCAPTCHAの例。 人間はこれを「HTKEHS」と認識できるが、機械にとっては困難である。 CAPTCHA（キャプチャ）はチャレンジ/レスポンス型テスト（英語版）の一種で、応答者がコンピュータではなく生身の人間であることを確認するために使われる。 ウィキペディアにおいても、ログインしていない状態のユーザ(IPユーザー)が外部リ
Web2.0でもITベンチャーでも何でもいいけどさ、もう少しレベル上げろよ。 - Junnama Online
移転しました。 プログラムのバグ修正等やお知らせなどについてはこちらにもアップいたしますが、 今後は移転先のサイトをご覧ください。 →Junnama Online (Mirror) 「MovableTypeプラグイン アーカイブ」はこちら。 さらに私的なブログ「Junnama.com」はこちら で、言いたいのはそういうことではない。別に自慢する訳じゃねぇぜ。言いたいのはMacBook、というより新しいマシンを購入した理由なのだ。 オッサンはね、今や化石のようになったMacOS9のユーザーだった。DTPやってるわけじゃなくてWeb屋なんだが、エディタをはじめとして色んなツールを自作で作っていてそいつをOS Xに移行できなかったから、今のいままで移行に踏み切れなかったんだ。 ところが数ヶ月前からPowerBook G4(867Mhz)をOS9、OS 10.4のデュアルブートで利用するようになっ
音楽にもバリアフリーを：シロクマ日報：オルタナティブ・ブログ
また僕の祖母の話で恐縮ですが、彼女は「御詠歌」というものに参加していました。御詠歌とは仏様を讃えるための歌のことで、鈴と鉦という2つの楽器を使ってリズムを取りながら唄います。カセットテープにお手本を録音し、それを小さなラジカセで聞きながらよく練習していました。僕が自宅にいたときには、テープのダビングなどをしてあげたことを覚えています。 時代は変わって、いまや携帯型MP3プレーヤーで音楽を聴く時代となりました。「カセットテープをダビングしてあげる」などという行為は、もう廃れてしまったでしょう。昨日ちょっと用事があり、近所の家電専門店に出かけたのですが、オーディオコーナーにはそれこそ山のように携帯型MP3プレーヤーが並べられていました： しかしふと気になったことが。それはどれもこれも「小さい」ということ。また多くのプレーヤーは、サイズに比例して操作ボタンがごく小さくなっています。「携帯型」プレ
Color Checker Bookmarklets
ページ内の任意のエリアを選択してブックマークレットを動かすと、その部分の文字色と背景色を調べてコントラストを計算します。複数の配色が用いられているページをチェックするのに便利です。 These are javascript bookmarklets that attempt to find 'computed' value of forground and background color of a selected area, and report its color contrast. Useful to check a page with multiple color combinations. Bookmarklets For Mozilla/Firefox Mozilla/Firefox用のブックマークレットです。マウスなどで選択した範囲の色のコントラスト（明度差）をチェックしま
1月4日は点字の発明者ルイ・ブライユの日 | スラド
fix曰く、"1月4日現在、Googleのトップページを開くと、いつものGoogleのロゴから一転、点でできた変わったロゴになっている。実はこれ、Googleを点字表記したもの (点字ロゴ画像への直リンク)。 1月4日は、今日世界的に使われている点字表記を発明した Louis Braille の誕生日である。 当時の社会では視覚障害者が文字等を書く手段がほとんど無かった。そこに Charles Barbier が夜間の通信用暗号を元に「一文字を12の点で表す点字」を開発したものの、複雑で使いにくいものだった。Louis Brailleは 15歳のときにそれを改良し「6つの点で表す点字」を作り出すことに成功した。 残念ながら彼の存命中にこの業績がさして評価されることは無かったが、今日においては彼の発明した点字は世界中の視覚障害者にとって大切なコミュニケーションの手段として大きく評価されている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
daremoga.jp
Web Design Tools
Expired
http://blog.livedoor.jp/kaz_tucci/archives/50269613.html
http://www.adjustcom.com/arai/200212/002/index.html