webに関するyoshigonのブックマーク (24)

  • 総務省|報道資料|ホームページのバリアフリー化の推進に関する調査結果に基づく勧告

    日、総務省行政評価局では、ホームページのバリアフリー化の推進に関する調査の結果について、全府省に勧告いたしましたので、下記のとおり公表します。 すべての人にとって、ホームページは重要な情報収集手段の一つ 障がい者のパソコン利用に関する支援技術の発達により、例えば、視覚障害者も音声読み上げソフトや点字ディスプレイを活用してホームページを利用 高齢者(視力低下等)や視覚障がい者(画面を見れないなど)、身体障がい者(マウスが使えないなど)に配慮したホームページの作成が必要 「電子政府推進計画」において、ウェブコンテンツに関する「高齢者・障害者等配慮設計指針」(JIS X 8341-3)を踏まえ、すべての人々にとって利用しやすく、分かりやすい情報の電子的提供に努めることとされた この調査は、各府省の高齢者や障がい者等に配慮したホームページの制作状況を調査 調査の結果、音声読み上げソフトを利用する

    総務省|報道資料|ホームページのバリアフリー化の推進に関する調査結果に基づく勧告
  • 総務省|情報バリアフリー環境の整備|ICTアクセシビリティの推進

    法人番号2000012020001 〒100-8926 東京都千代田区霞が関2-1-2 中央合同庁舎第2号館 電話03-5253-5111(代表)【所在地図】

    総務省|情報バリアフリー環境の整備|ICTアクセシビリティの推進
    yoshigon
    yoshigon 2013/12/06
    情報アクセシビリティの確保
  • 視覚障害者のインターネット利用特性と問題分析:みんなのウェブ

    (1) 一目でトップページの全体像を判断することができないので、まずは自分の目的とするサイトかどうか、どのような内容・機能のサイトかを把握する。 初めて訪れるサイトでは、トップページをひととおり読み上げ、ページの内容や、サイトの機能(サイト内検索ができるか等)、サイト全体の構造を把握する。この際以下のような問題が発生する。 フレームに対応していない音声読み上げソフトでは、フレームのページを別々にしか読めないため、構造が理解しにくい上、操作が困難となる。 広告などが自動的に別の子ウィンドウで表示されると、操作できるアクティブなページが子ウィンドウに移ってしまい、操作が困難となる。 各フレームにタイトル名が入っていないため、フレームの内容がわからず、どのフレームに飛べばよいのかわからない トップページのメニューリンク数があまりに多いと、全体像を把握するのに膨大な時間を要する。 1ページ内の情報

  • 総務省実証実験について:みんなのウェブ

    総務省では、平成13年度・14年度に、ウェブアクセシビリティ支援システム「J-WAS」を使って国内のウェブアクセシビリティを改善するとともに、ウェブアクセシビリティ・セミナーの全国各地での開催やウェブアクセシビリティ・コンテストの開催を通じて、良き理解者と推進者の動機づけを高める社会環境の整備を目的とする実証実験を行いました。 ここでは、実験の概要についてご紹介します。

  • フォームの入力必須項目のマークアップ | Accessible & Usable

    公開日 : 2013年4月12日 (2020年8月30日 更新) カテゴリー : ユーザビリティ / アクセシビリティ Web サイトのフォームの中には、入力必須の項目があります。大抵の場合、その項目が必須である旨を、ラベル (<label> 要素の中) に盛り込むことが多いでしょう。 <label for="name">お名前 (必須)</label> <input type="text" id="name" name="name" /> 上記のように、<label> 要素の中に「必須」と書かれていれば、たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素 (<input> 要素、<textarea> 要素、<select> 要素) にフォーカスが当たるとその入力要素に紐づいたラベルが音声で読み上げられ、ラベルに包含された「必須」

    フォームの入力必須項目のマークアップ | Accessible & Usable
  • WebAIM スクリーンリーダー利用者動向調査 第4回(2012年5月)調査結果|WebA11y.jp[エー イレブン ワイ]

    イントロダクション 2012年5月、WebAIMではスクリーンリーダー利用者の好みに関する調査を実施した。この調査の有効回答者数は、1,782名であった。今回の調査は、初回のWebAIM スクリーンリーダー利用者動向調査(2009年1月実施):英語のフォローアップ調査であり、第2回調査(2009年10月実施):英語や第3回調査(2010年12月実施):英語のフォローアップでもある。 免責及び注意事項 四捨五入により、合計が100%にならない場合があります。 各設問に対する回答者数の合計(n)は、その設問に回答しなかった回答者がいた場合には、1,782になっていません。 標は、全てのスクリーンリーダー利用者を代表するものではない場合があります。 将来的にこのような調査をまた実施したいと考えています。推奨したいことや設問に加えてほしいことなどがございましたら、WebAIM宛にお寄せください。

  • a要素とtitle属性 | Web標準Blog | ミツエーリンクス

    a要素とtitle属性の実装手法について、以下のようなご質問をいただきました。 PC-Talkerではaタグ内の要素よりtitle属性が優先されるということでtitle属性をつけるとこちらを読み上げます。基的に目で見える情報と音声で聞く情報は同じものを提供することを考えると <p><a href="xxx" title="このページの最初へ">このページの最初へ</a></p> になってしまいます。これでは、特定のブラウザに特化しすぎて来の使い方と違うと思うのですがどのように判断をすればよいのか非常に迷っています。 aタグのtitle属性の使い方について何かご意見・アドバイス・見解をいただけるとうれしいです。 ご存知無い方のために補足しておきますと、PC-Talkerというのは高知システム開発さまが開発・販売されているスクリーンリーダー(音声読み上げソフト)で、目の不自由な方が主にお使

  • ひとつのページに同じラベルのリンクが複数存在する場合 | Accessible & Usable

    公開日 : 2009年10月8日 (2018年1月20日 更新) カテゴリー : アクセシビリティ / 情報設計 (IA) Webページには、共通ラベル(同じ文言)を持ったリンクが複数存在し、かつ、これらのリンクの飛び先が異なることがあると思います。主に、同じ粒度の情報が一覧表示されていて、「続きを読む」「詳しく見る」といった類のリンクがあるケースです。 たとえば下記に図示した例では、製品の特長の一覧ページに同じラベルのリンク(詳しくはこちら)が並んでいて、かつ各々のリンク先が異なっています(株式会社ニコンのサイトより)。 このように、同じ文言で飛び先の異なるリンクが存在するケースでは、<a>要素にtitle属性を付けて、より具体的な(ユニークな)情報を補足的に記述すると良いでしょう。その理由は、主に音声読み上げツールを使用している視覚障害者ユーザーに対して、多少なりともアクセシビリティを

    ひとつのページに同じラベルのリンクが複数存在する場合 | Accessible & Usable
  • WAI-ARIA(日本語訳):日立のユニバーサルデザイン

    WAI-ARIAとは、Web Accessibility Initiative-Accessible Rich Internet Applicationsの略で、W3Cが現在、勧告に向けて策定作業を進めているリッチなインターネットアプリケーションのアクセシビリティに関する仕様書のことです。JavaScriptやAjaxなどを使用した動的なコンテンツは、スクリーンリーダーやキーボード操作では利用できないことがあります。WAI-ARIAは、そういった問題を解決すべく、W3CのProtocols and Formats ワーキンググループ (PFWG) において策定されています。 WAI-ARIAの関連文書群の原文は英語ですが、日におけるこの仕様への理解と普及が進む一助になればと、日立が社内用に翻訳した文書を日立のユニバーサルデザインサイトで公開します。Webサイト、Webシステムのアクセシ

    yoshigon
    yoshigon 2013/11/25
    WAI-ARIA(日本語訳)
  • World Wide Web Consortium Issues User Agent Accessibility Guidelines 1.0 as a Candidate Recommendation

    yoshigon
    yoshigon 2013/11/25
    User Agent Accessibility Guidelines (UAAG) 1.0 勧告候補の公開について
  • World Wide Web Consortium Issues Authoring Tool Accessibility Guidelines as a Recommendation

    yoshigon
    yoshigon 2013/11/25
    Authoring Tool Accessibility Guidelines の公開について (W3C 勧告)
  • フォームの入力要素には <label> 要素でラベルを付ける | Accessible & Usable

    公開日 : 2013年4月7日 (2020年8月30日 更新) カテゴリー : ユーザビリティ / アクセシビリティ 先の記事「プレースホルダーについて考える」をまとめる中で再認識したのですが、Web サイトのフォームの各入力要素 (<input> 要素、<textarea> 要素、<select> 要素) には、そのすぐ手前に、常に見える形で、ラベル (項目名) を配置するべきだと考えます。 これは、Web アクセシビリティの基のひとつであり、JIS X8341-3:2010 でも、下記のとおり規定されています。 コンテンツが利用者の入力を要求する場合は、入力箇所のラベル又は入力方法についての説明文を提供していなければならない。 出典 : JIS-X8341-3:2010「7.3.3.2 ラベル又は説明文に関する達成基準 (等級A)」 このラベルは、入力要素の近くに「ただ書いてあればよ

    フォームの入力要素には <label> 要素でラベルを付ける | Accessible & Usable
  • JIS X 8341-1: 2010 テストファイル 等級A

    等級:A 用途:アクセシビリティサポーテッド検証 実装技術の数:75(保留2件を除外) テストファイル数:154(保留2件を除外) 注記:このテストファイル一式の一覧においてリンクがない項目は、アクセシビリティサポーテッド検証の対象外の実装技術です。 免責事項 テストファイル一式は現状のままで提供され、特定の目的への適合性、ならびに第三者の商標権、特許権、実用新案権、著作権その他いかなる知的財産権およびその他の権利を侵害しないことに関し、ウェブアクセシビリティ基盤委員会と原著作者は、明示、黙示の又はその他の保証を与えるものではありません。テストファイル一式の使用者が検証結果を使用したことまたは使用できなくなったことにより使用者または第三者に損害が生じても、ウェブアクセシビリティ基盤委員会と原著作者はその損害について一切の責任を負いません。 G001-1 G1: メインコンテンツエリア

    yoshigon
    yoshigon 2013/11/25
    JIS X 8341-3: 2010 テストファイル 等級A ウェブアクセシビリティ基盤委員会 実装ワーキンググループ(WG2)
  • フォームとアクセシビリティ -- ごく簡単なHTMLの説明

    フォームはテーブルと同様、視覚的な表現を伴わないと理解しにくいところがあります。HTML4.0では、フォームの各要素とラベル(説明的な名前)を結びつける手段や、要素をグループ化する手段が提供されました。これらを使うとフォームの内容を論理的に構造化でき、スタイルシートとの組合せで自在なデザインも可能になってきます。まだ未対応のブラウザが多い要素ですが、アクセシビリティに配慮したページづくりのためにも、このような機能があることをぜひ理解しておいてください。 目次: コントロールにラベルを付ける コントロールをグループ化する メニュー項目のグループ化 キーボードによる項目移動 取り上げる要素: label fieldset legend optgroup コントロールにラベルを付ける フォームの入力コントロール(テキストフィールドやメニューなど)は、name属性を持ちますが、それは送信データに名

    yoshigon
    yoshigon 2013/11/25
    フォームとアクセシビリティ The Web KANZAKI
  • Webアクセシビリティのポータルサイト『Infoaxia(インフォアクシア)』

    アクセシビリティPodcast 2人の軽妙なトーク(?)で最新情報を提供 Web Developer 日語版 2008年3月より、開発およびユーザーサポートを他サイトへ全て移管しました。 移管のお知らせ "Webアクセシビリティとは?"から始まる『Webアクセシビリティ入門』、2004年6月に制定されたWebコンテンツのJIS(日工業規格)『JIS X8341-3の解説』など、これだけは知っておきたいWebアクセシビリティの基礎知識を習得。 Webアクセシビリティ入門 Web アクセシビリティを正しく理解する上での基礎知識を分かりやすく解説。 JIS X8341-3の解説 2004年6月に制定された、Webコンテンツの JIS X 8341-3 について詳しく解説。 Webアクセシビリティ用語辞典 Web アクセシビリティに関連する専門用語の辞典。 『基礎知識』トップ

  • アクセシビリティー

    yoshigon
    yoshigon 2013/11/25
    国立国語研究所 言い換え語「アクセシビリティー」
  • コル企画 - アクセシビリティ問題探し

    テスト 「Webアクセシビリティの問題探し」 WebアクセシビリティJIS(JIS X 8341-3)で「してはならない」とか「しなければならない」と述べられている事項が守られていない、非アクセシブルなWebコンテンツのサンプルページを作ってみました。 JISの理解、Webアクセシビリティのスキルアップに向けて、サンプルページに埋め込んだアクセシビリティ上の問題点を探し出してみてください。下記チェックシートを参照しながら取り組んでいただくと、効率的に問題点が見つかると思います。

  • 視覚障害者のサイト閲覧に最低限必要なアクセシビリティ4つのポイント|オトイロ

    今、世界中のほとんどの企業が、WEBサイトを持つ時代になり、 様々なWEBサイトやサービスが提供されています。 しかし、スクリーンリーダーを利用する視覚障害者にとって、 利用しやすい、WEBアクセシビリティに配慮されたサイトは決して多くありません。 今回は、ここだけ抑えておけば、視覚障害者がサイトを閲覧ができる という最低限必要なポイントを4つまとめましたので、ご紹介します。 ①img要素にalt属性で代替テキストを入れる 視覚障害者がスクリーンリーダーで読み上げる際、 障害になるのが、画像情報です。 画像情報に適切なテキストを挿入しておくことで、 視覚障害者でも適切な情報を得る事ができます。 オトイロで以前ご紹介したウイルス対策ソフト、ESET SMART SECURITYの販売ページは、WEBアクセシビリティに配慮されており、非常に使いやすくなっています。 赤い枠の部分は、「お得な価格

  • 業界研究:ウェブアクセシビリティ~実践編~ | WeBP

    yoshigon
    yoshigon 2013/11/25
    WeBP 専門学でWebデザインを勉強している学生のブログ
  • http://www.aoikuma.com/webevaluationpg.htm