ユーザーは音声だけでWebサイトをどう使うのか？ 弁護士ドットコム、アクセシビリティユーザー調査の結果を公開 | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い
いよいよユーザーテストに入ります。テストの結果どうなり、何がわかったのでしょうか。今回は、ユーザーテスト本番の様子をお伝えします。 中根さん登場！前回の記事でもご紹介した中根さんに、実際に当社までお越しいただきました。中根さんは、アクセシビリティの専門家です。かつてはW3CのWAI (Web Accessibility Initiative) でアクセシビリティガイドラインの策定にも関わっており、現在ではアクセシビリティの情報サイト「AccSell」を主催して、Webに限らず、アクセシビリティ全般の情報を積極的に発信されています。 弁護士ドットコムの社内からは、20名ほどの参加者が集まりました。テストに先立ち、まずは視覚障害者の一般的な環境や、中根さんの普段の利用方法をご紹介いただきました。この内容は第1回、第2回の記事で触れた内容と重複しますので、そちらをご覧いただければと思います。 い
NVDAを使ってWebアクセシビリティをテストする方法｜実践ノウハウ｜エー イレブン ワイ［WebA11y.jp］
このWebページは、アメリカのユタ州立大学にある非営利組織WebAIMに許諾をいただき、”Using NVDA to Evaluate Web Accessibility“という記事を日本語訳したものです。 この記事のコンテンツ 以下にあるリストは、このWebページの見出しです。このリストをNVDAでスキップするには、Hを押して次の見出しへ移動してください。 イントロダクション まず最初に 読み上げ ナビゲーション クイックキー その他のナビゲーション用ショートカット 画像 データテーブル フォーム 練習 イントロダクション この記事は、NonVisual Desktop Access (NVDA)を使ったことのない方々がWebコンテンツを検証する際の基本的な操作方法を学ぶために、またNVDAを時折使う人の参考となるように書かれています。NonVisual Desktop Access (
色盲・色弱の人にWebページがどのように見えているかシミュレートできるChromeの機能拡張 -Colorblindly | コリス
色盲や色弱の人がどのように見えているかシミュレートできるオンラインサービスはいつかありますが、テストサーバーやローカルで利用できないのが残念なところです。 色盲・色弱の人の見え方をシミュレートできるChromeの機能拡張を紹介します。
ARIA in HTML
ARIA in HTML W3C Recommendation 07 May 2024 More details about this document This version: https://www.w3.org/TR/2024/REC-html-aria-20240507/ Latest published version: https://www.w3.org/TR/html-aria/ Latest editor's draft:https://w3c.github.io/html-aria/ History: https://www.w3.org/standards/history/html-aria/ Commit history Implementation report: https://w3c.github.io/html-aria/results/implement
HTML講座 - WAI-ARIA
次に紹介するのはWAI-ARIAです。 WAI-ARIAというのは、HTMLドキュメントにより詳細な情報を付加するもので、特に動的なコンテンツを形成するHTMLにおいて効果を発揮します。すなわち、どちらかというとWebアプリケーションなんかで威力を発揮できるということですね。 WAI-ARIAが主に行なうのは、HTML要素にその役割情報を付加するということです。これにより、ブラウザがそのページの意味をより正確に理解できるようになります。 ブラウザは日本語や英語などで書かれた文を読んでページを理解するわけではありません。ブラウザが読むのは、HTMLの場合はタグなどですよね。それを読んで文書の構成を理解して表示しているにすぎないのです。 そこで、HTMLにWAI-ARIAの情報を加えてやれば、ブラウザからもより詳細にHTMLを理解することができ、ブラウジングがより快適になります（多分）。 ro
Webアクセシビリティのチェックツール｜エー イレブン ワイ ［WebA11y.jp］
Web Accessibility Toolbar 2012J ブラウザのInternet Explorerで利用できるツールバー（無償）。対応OSは、Windows Vista以降、対応ブラウザはIE8以上。 IEのツールバー「Web Accessibility Toolbar 2012J」の詳細 カラー・コントラスト・アナライザー 2013J WCAG 2.0やJIS X 8341-3:2010の達成基準で定められたコントラスト比など、色に関するチェックツール（無償）。 色のチェックツール「カラー・コントラスト・アナライザー 2013J」の詳細 ツールがあれば全ページを自動的に検証できるのか？ 「エー イレブン ワイ（WebA11y.jp）」では、無償のチェックツールを配布しています。Webコンテンツのアクセシビリティをチェックするツールには様々なものがありますが、全てのチェックを完全
ハンディがあっても利用できるページづくり：Webアクセシビリティについて
様々な環境に配慮して、どんなユーザーでも使いやすい方法で提供されている情報はアクセシビリティ (accessibility) が高いと言います。アクセシブルなコンテンツづくりとは、ウェブでのコミュニケーションに誰もが参加できるよう設計すること。情報の利用者であると同時に提供者でもある私たちは、常にこの点に配慮していきたいものです。 なぜアクセシビリティか コミュニケーションとしてのアクセシビリティ：WCAG 2.1 1. 全ての機能と情報が誰にとっても認識可能であること 2. 全ての機能は誰にでも操作可能であること 3. コンテンツの内容、および機能が誰にとっても理解可能であること 4. 将来にわたってコンテンツの力を最大限に発揮できる技術を用いること 元祖ガイドライン：WCAG 1.0 アクセシビリティのJIS規格（2004年初出時の情報） JISの改定：X 8341-3:2010と20
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: コーディングWebアクセシビリティ - WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション: ヘイドン・ピカリング (著), Heydon Pickering (著), 株式会社Bスプラウト (翻訳), 伊原力也 (監修), 太田良典 (監修): 本
Amazon.co.jp: Webアクセシビリティ ~標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践~ (Web Designing BOOKS): Jim Thatcher (著), Michael R. Burks (著), Christian Heilmann (著), Shawn Lawton Henry (著), UAI研究会翻訳プロジェクト (翻訳), 植木真 (監修), 渡辺隆行 (監修), 梅垣正宏 (監修), 植木真 (読み手), 渡辺隆行 (読み手), 梅垣正宏 (読
http://blog.e-riverstyle.com/2012/12/roleariawaiariahtml5-advent-ca.html