規格の策定者が解説する JIS X 8341-3:2010 - JIS X 8341-3:2010 の実装方法 | 水無月ばけらのえび日記
公開: 2010年9月11日17時5分頃 規格の策定者が解説する JIS X 8341-3:2010 (www.ciaj.or.jp)、「ウェブアクセシビリティ基盤委員会の紹介、JIS X 8341-3:2010 入門」の後、お昼休みを挟み、インフォアクシアの植木真さんによる「JIS X 8341-3:2010 の実装方法」というお話。主に2004年版から変更になった点についてのお話です。 実装方法について1. 目標とする等級を決定し、達成基準を確認。AAAを目標にすることは推奨しない2. 依存するWebコンテンツ技術を決定2004: JavaScriptオフでも同じ機能を使える必要がある2010: 依存する技術を決める、「JavaScriptに依存して達成」も可能。慎重に判断すべきはFlash、PDF 技術非依存2004版: 図版やサンプルコードが豊富2010版: サンプル何もなし。具体
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
日記 | ヨモツネット
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 混在でき
「JIS X 8341-3：2009」草案研究セミナーに参加してきた｜アイビーネットblog
少し前の事になりますがアクセシビリティのセミナーに行ってきました。講師はインフォアクシアの植木真さんです。3時間のセミナーを受けに、また東京まで行ってきました。 「植木真のWebアクセシビリティはこう変わる！」開催 2009年改定 JIS規格「JIS X 8341-3」草案を徹底研究する180分 1月22日に公開された「JIS X 8341-3：2009 改正原案」を見ながら、今までの「JIS X 8341-3：2004」からどのように変化をしているのか、対応方法はどのように変化してくるのかを教えてもらいました。 大きな変化として、2004年版では「推奨」と「必須」となっていた要求レベルが2009年版からはすべて必須になり、その中でアクセシビリティ達成等級が「A」「AA」「AAA」という形で付くようになりました。 とりあえず基準を満たす形ならば「A」、きちんと対応するならば「AA」、ガッ
国内政党サイトのWebアクセシビリティ、自民・民主とも最低の「Eレベル」 | ネット | マイコミジャーナル
Webサイトが高齢者や障害者にとって使いやすいかどうかを示す「Webアクセシビリティ」に関するコンサルタントを行っているアライド・ブレインズは13日、日・米・韓の主要な政党サイトのWebアクセシビリティへの対応状況について調査結果を発表した。到達度トップのAレベルのサイトは米共和党のみ、国内では自民党・民主党とも最低のEレベルだった。 主要政党サイトのWebアクセシビリティ調査で「Eレベル」とされた、日本の自民党(左)と民主党(右)のサイトトップページ画面 調査は、日本においては、(1)国会に議席を持っている、(2)2008年度に政党助成金の対象となった、(3)公式ウェブサイトを開設している、の3条件を満たす7政党を対象に2009年1月22日〜27日に実施。 韓国では主要な政党のうち、公式ウェブサイトを開設している4政党、米国は共和党と民主党の2政党を対象に、両国とも2008年11月5日〜
アクセシビリティメモ/社内用「アクセシビリティJIS(JIS X 8341-3) 理解度テスト」をシェア
アークウェブアクセシビリティWiki Web制作会社アークウェブのスタッフが、アクセシビリティに関するTips・ノウハウをまとめているWikiです http://www.ark-web.jp/accessibility/235.html トップ ] [ 編集 | 凍結 | 差分 | バックアップ | 添付 | リロード ] [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ] アクセシビリティメモ/社内用「アクセシビリティJIS(JIS X 8341-3) 理解度テスト」をシェア アークウェブでは昨年後半に、書籍「よくわかる ウェブ・アクセシビリティ&ユーザビリティ(改訂版)」をテキストにとしてアクセシビリティの勉強会をXR(エクストリームリーディング)形式で行いました。 またその後で、社員全員が確実に知識を活かせるようにするためにペーパーテストを作成して試験を行い、スタッフ全員
W3CがアクセシビリティガイドラインWCAG 2.0を勧告として発表 | 初代編集長ブログ―安田英久
ウェブの標準仕様を定める団体W3C（ワールドワイドウェブコンソーシアム）が、Webコンテンツのアクセシビリティに関するガイドライン「WCAG（Web Content Accesibility Guideline）」のバージョン2.0を12月11日にW3C勧告として発表しました。 高齢者や障がい者など、何らかの理由で通常のWebサイトではうまく利用しづらい人にも、こうすれば利用してもらいやすくなるというアクセシビリティの具体的なサイトへの適用の仕方や、正しくできているかの検証の仕方などが説明されているドキュメントです。 ちなみに、「W3C勧告」とは、その文書がW3Cによって承認され、内容が（いったん）確定したことを意味します。一般的な表現を使うと「正式版のリリース」ですね（ちなみに、その前の段階のものは、順に「ワーキングドラフト（草案）」→「最終草案」→「勧告候補」→「勧告案」と呼ばれます）
日本規格協会 JSA GROUP Webdesk
★商品の発送に関するお知らせ★ 2024/03/04 平素より当協会のJSA Webdeskをご利用いただき有難うございます。 3月29日(金)に実施いたします棚卸に伴い、3月27日（水）午後以降にご注文いただきました商品は、4月1日（月）以降に順次発送いたします。 ※ダウンロード商品は除きます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 ★閉店時間に関するお知らせ★ 2024/03/04 3月29日(金)に実施いたします棚卸に伴い、当日のライブラリ・販売所（三田ＭＴビル1階）の営業時間を12：00までとさせていただきます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 工業標準化法改正に伴うJIS規格名称変更のお知らせ(2020年6月22日更新) 2020/06/22 2020年6月吉日 お 客 様 各 位 日本規格協会グループ 出版情報ユニット 工業標準化法
Geekなぺーじ : これはひどい 慶應大学湘南藤沢キャンパス(SFC)のリニューアルWeb
追記2008/12/20 : 旧HTML版と新Flashの両方が表示できるように修正されています。 まだいくつかリンクが切れているなどの問題はありますが、今後徐々に修正されていくと予想しています。 中のかた、素早い修正お疲れ様です。 昨日、私の母校である慶應義塾大学湘南藤沢キャンパス(SFC)のWebサイトがリニューアルされていました。 しかし、残念ながら私のまわりでは非常に評判が悪いです。 以下、どのように変わって、何が批判されているのかをまとめてみました。 アクセシビリティゼロ JavaScriptをOFFにすると何も見られません。 お使いのブラウザでは 当サイトをご覧いただくことができません。 最新版のFlashプレーヤーをダウンロードしていただき JavaScriptを有効にしていただく必要があります。 HTMLを見るとbody部分は以下のようになっています。 <body> <di
FF3、IE8が対応！これがWAI-ARIA
Ajaxがもたらした恩恵 2005年にAjaxというコンセプトや実装技術が紹介され、急速に普及しはじめてから、Webは格段に使いやすくなりました。 画面遷移をせずにサーバーから新しいコンテンツを取得し、画面の一部のみを更新するこの技術は、パフォーマンスの向上を実現し、この技術をきっかけにJavaScriptは非常によく使われるようになりました。 prototype.js（http://www.prototypejs.org）やjQuery（http://jquery.com）といったJavaScriptライブラリが登場し、ブラウザ間のJavaScriptの実装の差異を気にすることなく、サーバーと通信をしたり、画面を動的に変更することが可能になりました。 また、Dojo Toolkit（http://dojotoolkit.org/）やExt JS（http://extjs.co.jp）は、
hn要素を各エリアに配置し、アクセシビリティを高くする。 - Trans
ページの各エリアに対してhn要素を使い起点を設けることにより、アクセシビリティを高めることができるかもしれません。 ある全盲の音声ブラウザユーザの意見 最近、ある全盲の音声ブラウザユーザの意見を聞く機会がありました。彼女が主張する使いやすいWebサイトとは以下の3つとのことでした。 ページ全体の構造がイメージしやすいこと 迷子にならないように道しるべがあること 自分の行きたい場所にすぐに行けること 1つ目はWebサイトの標準的なデザインに従えば、ある程度達成できます。このあたりは、Alertbox: ウェブデザイン標準の必要性（2004年9月13日）を参考にしてください。 また、3つ目はWebコンテンツJISにもあるナビゲーションスキップである程度対応できます。ただ、ジャンプするのはメインコンテンツだけにするべきか、それともサブナビゲーションも入れるべきかなどの問題もあるとは思いますが。
日本の視覚障害者用ウェブ利用ソフトの機能調査
最新バージョンを調査するために，以下を対象とした．ホームページ・リーダーに関しては，調査期間中（2005年7月～2005年10月）に新しいバージョンが発売されたため，バージョン3.02と3.04の両方を調査した． IBM ホームページ・リーダー 3.02 IBM ホームページ・リーダー 3.04 (2006年2月，SP3適用済みのバージョンで再テスト) PC-Talker XP Version 1.14 95 Reader Version 6.0 JAWS for Windows Professional Version 6.2 日本語版 目次に戻る 4. ユーザエージェント毎の調査結果 ユーザエージェント毎の調査結果を，各テスターの調査報告を基に以下にまとめる．各テスターが調査した詳細な結果は資料（資料B,C,D,E）を参照されたい．また，UAAGワーキンググループの調査結果と比較するた
実践アクセシブルHTML - フォームは送信してもらえばこそ
こんなフォームはイヤだ！ フォームとは、HTMLのFORM要素などによってマークアップされているコントロール群の塊のことです。さまざまなウェブサイトにおいて、主に問い合わせのページであるとか、サイト内検索のためのキーワード入力用にだとかで利用されています。コミュニティ機能を備えているようなサイトであれば、掲示板システムのようなところでも使われていることでしょう。フォームのないウェブサイトのほうが珍しいのではないでしょうか。それくらい、制作側にもユーザーにも身近なものです。 INPUT要素やTEXTAREA要素などといった、フォームのコントロール各要素の機能はブラウザによって提供されているため、どのようなブラウザであってもその操作感に大きな違いが出ません。しかしコントロールごとの操作に違いが出ないといっても、フォーム全体としてはやはり使いやすいフォームと使いにくいフォームというのがあります。
印刷ボタンと文字の拡大ボタン - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
印刷するとき、どうしてます？ 私はショートカットで印刷してしまうのですが・・・。 さて、最近、多くのページに文字サイズを大きくするボタンや印刷ボタンがつくようになりました。 しかし、このボタンを使っている人は少なくとも目の前に居ません。 みなブラウザで設定しています。 あと、すごい裏技？として、IE7.0ではブラウザ自体の解像度を上げる機能が付いており、それを使っている人も居ました。（私は普段困っていないので、これを使うと言う概念が無かった） ところが、印刷ボタン、文字のサイズ変更ボタンの利用は0人。 さらに「ブラウザで印刷できるのに、どうして印刷ボタンを押す必要が？」（もちろん、ブラウザ、という表現は言われませんでしたが） 彼らは良く印刷をします。右が切れた、背景が印刷されないなどいろいろな問題を抱えて私たちを訪れます。 1枚に印刷されないという文句を言う方も居ます。しかし、多くの印刷ボ
ページ内リンクはどう実装すべきかについて考えてみた。
ナビゲーションスキップは主に音声ブラウザ向けに、グローバルナビゲーションなどをスキップするために実装されるものだが、前々からずっとナビゲーションスキップをどのように書けば最適なのか、についてはずっと疑問に思ってきた。というわけで、調べてみた。 前提：まずは最適なHTML（XHTML）を書くこと。 これが大前提。音声ブラウザによっては、heading要素（h1とかh2）を順にスクロールすることができるから。というわけで、XHTML＋CSSによるWeb標準での実装は大前提。というより、これをしっかりと書いておけば、ナビゲーションスキップを埋め込まなくても、音声ブラウザにとってはテーブルレイアウトに比べて、かなり便利になるようだ。 検討事項その1：そもそもナビゲーションスキップは見えるようにすべきか否か。 ナビゲーションスキップを見えるようにするべきか、しないべきかについて、まず考えておく必要が
403 Error - Forbidden
403 Error 現在、このページへのアクセスは禁止されています。 サイト管理者の方はページの権限設定等が適切かご確認ください。
Webアクセシビリティ
図書館員のコンピュータ基礎講座 TOP 参考資料 Webアクセシビリティ 概要 概要 目次 1.視聴覚 1-1 1-2 1-3 1-4 1-5 1-6 2.色 2-1 2-2 3.マークアップ 3-1 3-2 3-3 4.言語・文字 4-1 4-2 4-3 4-4 4-5 5.テーブル 5-1 5-2 5-3 6.新技術 6-1 6-2 6-3 7.変化 7-1 7-2 8.非推奨タグ 8-1 8-2 9.ナビゲーション 9-1 9-2 9-3 9-4 9-5 9-6 9-7 9-8 10.横幅 10-1 付録 アクセシビリティ（Accessibility）は、アクセス性、アクセスのしやすさ、という意味で、転じて「誰もが使える」という意味で使われています。この用語は、障害者や高齢者などを含めて、誰でもが利用できるかどうかということを意味し、ウェブサイトが誰でも使える（アクセスできる）ものか
覚え書き@kazuhi.to: Re: 第18回 XHTMLの設計〜状況に合った要素選び（3）〜
Re: 第18回 XHTMLの設計〜状況に合った要素選び（3）〜 益子さんの連載記事「第18回 XHTMLの設計〜状況に合った要素選び（3）〜」で、以下の解説とソースサンプルに疑問を抱きました。 音声読み上げを考えた場合、リストを複雑に階層化しても、ユーザーに適切に伝わらない可能性が高い。テキストによる補足情報を随所に含めておき、ビジュアルブラウザでは不可視化されるようにCSSで設定するとよいだろう。 <div id="category-list"> <h2>カテゴリーリスト</h2> <ul> <li> <span>（カテゴリー1 ここから）</span> <a href="...">カテゴリー1</a> <span>（カテゴリー1のサブカテゴリー ここから）</span> <ul> <li><a href="...">サブカテゴリー1-1</a></li> <li><a href=".
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
トップ-ウェブアクセシビリティチェックサイトHAREL
Webアクセシビリティ53についての覚書 - ねんがんのWebユーザビリティテストに参加した