第2回「アクセシビリティBAR」秋の文字サイズ変更ボタン祭り 開催 | 水無月ばけらのえび日記
公開: 2011年10月15日22時30分頃 「秋の文字サイズ変更ボタン祭り」、無事に開催されました。 このテーマを発案したのは私なので、責任を取って (?) スライドを作ったり。以下に置いておきますので、興味のある方はダウンロードしていただければと思います。けっこう急いで作ったので枚数が多く、重いです。 a11ybar02-autumn_01.pptx (PPTXファイル 11MB)a11ybar02-autumn_01.pdf (PDFファイル 20MB)会場はカラオケのお店なのですが、カラオケ用のモニターにPCを繋ぐことができるようになっています。そのモニターの解像度が低く、そのおかげで「まず文字サイズ変更ボタンがどこにあるか探す」というのがちょうど良い具合の難易度になりました。 ちょっと残念だったのは、おおむね文字サイズ変更ボタンに否定的な参加者ばかりが集まってしまい、擁護や推進の
第1回アクセシビリティBAR～初夏のパンくず祭 | 水無月ばけらのえび日記
公開: 2011年6月5日17時55分頃 以前からやろうといっていた「パンくず祭」、ついに実現! 第1回「アクセシビリティBAR(仮称)」初夏のパンくず祭 (atnd.org)Togetter - 「第1回「アクセシビリティBAR(仮称)」初夏のパンくず祭」 (togetter.com)第1回アクセシビリティBAR『初夏のパンくず祭』に行ってきた (sho.tdiary.net)覚え書き@kazuhi.to: 第1回「アクセシビリティBAR（仮称）」初夏のパンくず祭 (kidachi.kazuhi.to)参加者はウェブアクセシビリティ基盤委員会ワーキンググループ2 (waic.jp)のメンバー7人とを中心に、3人を加えた合計10人。そういう構成だったこともあり、ちょっと内輪ネタが多かったような感じもなきにしもあらずですが、全体としてはとても面白い話ができたと思います。 議論の中心になったの
WAI-ARIA導入（日本語訳） - Trans
著者: Gez Lemon件名: Introduction to WAI ARIA日付: 2008年8月1日URL: http://dev.opera.com/articles/view/introduction-to-wai-aria/訳者: Arata Kojima著作: This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license. WAI-ARIA導入 ARIAにはじめて触れる人たちのためにこの記事は書かれている。障害を持つ人たちがWebを使うにあたってぶつかる潜在的な難しさとHTMLの理解を必要とする。ユーザを観察すると、いくつかのRIAと親和性が高いことが分かるだろう。 この記事を読んだあと、ARIAが何の役に立つか、Webサイトにど
WebデザイナーはOperaを使え | mattz.xii.jp
以前、Dragonfly使うならメニュー追加するといいよって書いたことがあって、Opera 10 β1(build 1551)でもメニュー追加してみたんだわ。 で、色々眺めてて気がついた。 ウィンドウサイズの関係で若干切れちゃってるけど、Color Blind Testってのがあるのね。選択すると新しいタブが開いて、今開いてる画面の下にこんなのが追加された画面になる。 下の方の余白がなんでこんなに広いのかよく分からないのだけど、それはおいといて、表示されているそれぞれのボタン。これは実際にやってみて欲しいんですが、表示中のページの色が変わって見えるはず。 はてなのカラースターがリリースされたとき、id:tomoyaのこのエントリが結構注目を集めた けど、んじゃ、実際俺が作るこのページは色弱の人にはどんな感じに見えてんのよ、ってのを実際に確認できるツールです。 全ての人に使いやすいようにって
アクセシビリティから考える画像のマークアップ
はじめに 本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 連載第4回目となる今回は、「画像の代替テキスト」について扱います。「画像の代替テキスト」は、Webアクセシビリティの指針である「WCAG 2.0（Web Content Accessibility Guidelines 2.0）」や「JISX-8341-3（JIS X 8341-3:2004 高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェアおよびサービス－第3部：ウェブコンテンツ）」の中でも扱われている基本的な部分です。「画像の代替テキスト」について、前回の記事で紹介した「構文の妥当性」と「目的の妥当性」の両方の側面からみていくことにしましょう。 対象読者 XHTMLと
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
アクセシビリティも考慮して表組みするための10のタグ（1/11） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/4/24 XHTMLでページ全体をレイアウトする際に“表”を使っていませんか？ それはCSSでやるべきで、ほかに使いどころは多々あります Webアクセシビリティを考慮した表組みをしよう 今回は“表組み”（テーブル）を表すタグを紹介してきたいと思います。HTMLの表組みは、table要素でマークアップされたブロックで、Excelでよく見る「スプレッドシート」と同じイメージです。tr要素が“行”、th/td要素が“列”を表します。Webアクセシビリティを考慮した表組みをするには、以下に上げる点も踏まえ、きちんとコーディングする必要があります。 table要素にsummary属性を付けて要約を記述 テーブル項目のタイトルは、th要素でマークアップ caption要素により、きちんと表題を付ける theadやtfoot、tbody要素によりテーブル行をグル
第6回 「アクセシビリティ」とは？（後編） | gihyo.jp
前回に引き続き、NPO法人しゃらくにてさまざまな活動を行っている小嶋新氏をゲストに迎え、Webアクセシビリティについて語っていただきました。 日本における「アクセシビリティ」 ――「複数の情報経路の準備」「情報を永続的に出しておくこと」など、アクセシビリティの本質から、グローバライゼーションなどの話にまで広がりました。では、ここ日本における「アクセシビリティ」の動向はどうなっているのでしょうか？ 阿部氏：この「アクセシビリティ」という言葉が日本で認知され始めたのはいつ頃からでしょうか。 森田氏：1999年にWCAG1.0が勧告されていますから、その頃からWeb制作者の間では流通していた概念です。 2004年に「JIS-X-8341-3：高齢者・障害者等配慮設計指針」が制定されたことがまず大きなインパクトだったのだと思います。官公庁や企業にとっては、W3C策定の仕様よりもJIS規格票のほう
ユーザーエクスペリエンスデザインの成果物リスト | Web担当者Forum
ユーザーエクスペリエンス（UX）デザインの世界に身を置くわれわれにとっては、いまや心浮き立つような時代となった。UXの価値はますます広く認められるようになり、次々に生まれる新たなテクノロジーやメディアを超えたトレンドは、UXデザインの実践面で飛躍的な進化を生み出す土壌を整えつつある。 私自身、新たなチャレンジの数々に見舞われてあやうく安全圏から押し流されそうになりながらも、インフォメーションアーキテクトとしてはそれらを大いに楽しんでいる。これまでに、ソーシャルソフトウェアやリッチユーザーインターフェースをデザインしたり、モバイル検索の未来についてのシナリオを描いてみたり、いろいろなチャネルやアプリケーションにまたがるようなUXを設計してきた。するとそのうち、VIPルームの“エラい人たち”に自分のアイデアをご理解いただこうと苦心する場面が次第に増えつつあることに気づいた。 そんなわけで、私は
日本規格協会 JSA GROUP Webdesk
工業標準化法改正に伴うJIS規格名称変更のお知らせ(2020年6月22日更新) 2020/06/22 2020年6月吉日 お 客 様 各 位 日本規格協会グループ 出版情報ユニット 工業標準化法改正に伴うJIS規格名称変更のお知らせ 拝啓 時下ますますご清祥のこととお慶び申し上げます。 平素より当協会の事業へ格別のご高配を賜り厚く御礼申し上げます。 さて、平成30年第196回通常国会において「不正競争防止法等の一部を改正する法律」（法律第33号）が可決成立し、工業標準化法が一部改正されました（平成30年5月30日公布）。 これにより2019年7月1日より、“工業標準化法”は“産業標準化法”に変わり、“日本工業規格（JIS）”は“日本産業規格（JIS）”に変わりました。 2019年6月末日までに発行されたJISについては、まえがきを除き、JIS規格中の「日本工業規格」を「日本産業規格」に読み
聴覚障害とユーザーエクスペリエンス（日本語訳） - Trans
著者: Lisa Herrod件名: Deafness and the User Experience日付: 2008年8月12日URL: http://www.alistapart.com/articles/deafnessandtheuserexperience訳者: Arata Kojimaその他: Translated with the permission of A List Apart Magazine and the author[s].あなたは何度もこの質問をされたことがあるだろう。もしあなたが選ばないといけないとすれば、どちらを選ぶだろうか。耳が聞こえなくなるか、目が見えなくなるか。この質問は、難聴がある意味視覚障害とは正反対のものだという誤解を生む。それはまるで障害の2進法表現のようなものだ。難聴のためのアクセシブルなデザインというものに私たちはあまり驚かないだろう。そ
W3CがアクセシビリティガイドラインWCAG 2.0を勧告として発表 | 初代編集長ブログ―安田英久
ウェブの標準仕様を定める団体W3C（ワールドワイドウェブコンソーシアム）が、Webコンテンツのアクセシビリティに関するガイドライン「WCAG（Web Content Accesibility Guideline）」のバージョン2.0を12月11日にW3C勧告として発表しました。 高齢者や障がい者など、何らかの理由で通常のWebサイトではうまく利用しづらい人にも、こうすれば利用してもらいやすくなるというアクセシビリティの具体的なサイトへの適用の仕方や、正しくできているかの検証の仕方などが説明されているドキュメントです。 ちなみに、「W3C勧告」とは、その文書がW3Cによって承認され、内容が（いったん）確定したことを意味します。一般的な表現を使うと「正式版のリリース」ですね（ちなみに、その前の段階のものは、順に「ワーキングドラフト（草案）」→「最終草案」→「勧告候補」→「勧告案」と呼ばれます）
X 8341-3:2004 「高齢者・障害者等配慮設計指針－ウェブコンテンツ」技術解説
工業標準化法改正に伴うJIS規格名称変更のお知らせ(2020年6月22日更新) 2020/06/22 2020年6月吉日 お 客 様 各 位 日本規格協会グループ 出版情報ユニット 工業標準化法改正に伴うJIS規格名称変更のお知らせ 拝啓 時下ますますご清祥のこととお慶び申し上げます。 平素より当協会の事業へ格別のご高配を賜り厚く御礼申し上げます。 さて、平成30年第196回通常国会において「不正競争防止法等の一部を改正する法律」（法律第33号）が可決成立し、工業標準化法が一部改正されました（平成30年5月30日公布）。 これにより2019年7月1日より、“工業標準化法”は“産業標準化法”に変わり、“日本工業規格（JIS）”は“日本産業規格（JIS）”に変わりました。 2019年6月末日までに発行されたJISについては、まえがきを除き、JIS規格中の「日本工業規格」を「日本産業規格」に読み
アクセシブル・リッチ・インターネット・アプリケーション（WAI-ARIA）バージョン1.0
エディターズドラフト 2008年5月14日 本バージョン： http://www.w3.org/WAI/PF/Group/aria/ 最新の公開バージョン： http://www.w3.org/TR/wai-aria/ 編集者： リサ・シーマン（Lisa Seeman）、UB Access マイケル・クーパー（Michael Cooper）、W3C リッチ・シュワードフェジャー（Rich Schwerdtfeger）、IBM リサ・パパス（Lisa Pappas）、SAS Copyright © 2008 All Rights Reserved. すべての著作権はW3C®（MIT、ERCIM、慶應義塾大学）に帰属します。 W3Cの免責事項、商標、文書利用に関する規定が適用されます。 Todo: Will need to add a DTD reference when we know
Web制作者ってとりあえずalt属性は空にしておけばいいって思ってるよね？ - Trans
アクセシビリティの基本でありながら、奥が深いalt属性。こんな視点もあるのだということを書いておきます。 追記（2008年7月14日）：文章中に誤解を招く表現がありましたので、文章を追記しました。 ある視覚障害者の意見 上のタイトルは皆さんを煽っているわけではなく、僕が実際に言われたこと。 どこのセミナーか講演会かは覚えていないのですが、決してプロレベルではないが自分でもWebサイトを制作できる全盲の視覚障害者（スクリーンリーダー利用者）がそのときに言っていた言葉。 もう少しちゃんと説明すると、もし何らかの画像があった場合に、僕たちのようなWebサイト制作者がそのimg要素のalt属性に何を入れればよいのかをパッと閃かなかったときに「とりあえず」alt属性を空にしているよね、と言われたということです。 僕はこれを言われたときに本当に胸に刺さるものがありました。思い当たる節が多すぎた（追記（
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
【2024年8月】レンタルサーバーおすすめ10社を徹底比較！ 人気ランキングも PR 最終更新日：2024年08月16日
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://yuugop.com/articles/practicalaccessiblehtml/
http://blog.e-riverstyle.com/2010/10/-in.html
目次 | Just Ask: デザインプロセスを通じて取り組むアクセシビリティ