はてなブックマーク

Webコンテンツのアクセシビリティを確保・向上するための基本中の基本であり、同時にさまざまなWebコンテンツでよく見つかる問題点でもある10項目です。「JIS X 8341-3:2016」や「WCAG 2.0 / 2.1」に対応する前に、まずはこの10項目のうち、できることから実践してみましょう。 この作品は、クリエイティブ・コモンズ「表示 – 継承 4.0 国際」ライセンスの下に提供されています。 1 ページの内容が分かるページタイトルを記述する ページタイトルは、どのようなウェブページなのかが分かる文言になっているか？ 達成基準 2.4.2 レベル A 「ページタイトル」の基本の「キ」 ページタイトル［ページ設定］ 2 見出しやリストなどの文書構造をマークアップする 見た目だけではなく、適切な要素を用いて文書構造や意味をマークアップしているか？ 達成基準 1.3.1 レベル A 「文書

このWebページは、アメリカのユタ州立大学にある非営利組織WebAIMに許諾をいただき、”Using NVDA to Evaluate Web Accessibility“という記事を日本語訳したものです。 この記事のコンテンツ 以下にあるリストは、このWebページの見出しです。このリストをNVDAでスキップするには、Hを押して次の見出しへ移動してください。 イントロダクション まず最初に 読み上げ ナビゲーション クイックキー その他のナビゲーション用ショートカット 画像 データテーブル フォーム 練習 イントロダクション この記事は、NonVisual Desktop Access (NVDA)を使ったことのない方々がWebコンテンツを検証する際の基本的な操作方法を学ぶために、またNVDAを時折使う人の参考となるように書かれています。NonVisual Desktop Access (

それでは、新しい達成基準候補の日本語訳をシェアしてまいります。 なお、各達成基準を含むワーキングドラフトの正式版は、あくまでもW3Cのサイトにある英語版であり、この文書には翻訳上の間違い、又は不適切な訳語が含まれている可能性がありますのでご注意ください。 以下の日本語訳は、予告なく修正されることがあります。 レベル Aの新しい達成基準候補の日本語訳 達成基準 2.2.6 アクセシブルな認証【認知・学習】 達成基準 2.4.11 文字キーのショートカット【モバイル】 達成基準 2.4.12 名前（name）のラベル【モバイル】 達成基準 2.5.1 ポインタのジェスチャ【モバイル】 達成基準 2.5.2 ポインタのキャンセル【モバイル】 達成基準 2.6.1 動作による起動【モバイル】 達成基準 2.2.6 アクセシブルな認証［レベル A］ 認証プロセスにとって必要不可欠なステップが、情報を

『JIS X 8341-3:2016』レベル Aの達成基準（W3C勧告『WCAG 2.0』のレベル Aと同じ）をベースにして、エー イレブン ワイ（株式会社インフォアクシア）が独自に作成した『Webアクセシビリティ逆引きガイドライン』です。注意事項をご確認の上、Webコンテンツのアクセシビリティ向上にご活用ください。 最終更新日：2018年12月15日 注意事項 HTMLのWebページを対象にしています。 このガイドラインに沿って制作したWebコンテンツが、『JIS X 8341-3:2016』や『WCAG 2.0』の達成基準を満たすことを保証するものではありません。 『JIS X 8341-3:2016』や『WCAG 2.0』の達成基準が適用されるすべてのケースを網羅しているわけではありません。 また、達成基準で要求されている事項と異なるものが一部含まれています（その場合、ほとんどはユー

Webページのアクセシビリティをチェックできるツールを紹介。今後、情報を順次追加していきます。 ガイドライン対応 『JIS X 8341-3』や『WCAG 2.0』の達成基準を満たしているかどうかをチェックできるツールです。 公的機関向け 総務省が無償で配布しているチェックツール。2016年4月にアップデートされ、”Ver.2.0”として公開された。 みんなのアクセシビリティ評価ツール：miChecker (エムアイチェッカー)Ver.2.0｜総務省 既存Webページのチェック ブラウザのツールバーとして提供されているアドオン。既存のWebページをブラウザで開いて、ツールバーのメニューから任意のチェックを行うことができる。 Internet Explorer Web Accessibility Toolbar 2012J Google Chrome Web Developer（Chrome

【回答】アクセシビリティ確保のためには、必ずしも必須ではありません。 Webページの文字サイズが小さいとき、ユーザーが好みの大きさに変更できるのが、Webのよいところです。近年、ブラウザはズーム機能を提供しており、Webページの表示を拡大できます。わざわざWebページ側で似たような機能を提供する必要はないでしょう。また、スマートフォンやタブレット端末で表示する際は、ユーザーが必要に応じて画面を拡大できるようにします（user-scalable=noを使用しない）。 「文字サイズ変更ボタン」というのは、Webページのヘッダー部分で良く提供されている［小］［中］［大］のようなボタンで、ユーザーがWebページのテキストの文字サイズを変更できます。日本のWebサイトでは、何かのランキングでこの文字サイズ変更ボタンの有無が評価項目の一つになっていたこともあり、一時期急速に普及したといわれています。

【回答】もはや必要ないのかもしれません。 結論から言うと、今後はもう実装する必要はないのかもしれません。少なくとも、『JIS X 8341-3:2016』や『WCAG 2.0』の達成基準を満たすためには、スキップリンクを実装しなければならないということはないでしょう。これは、スクリーンリーダーのユーザーはもちろん、キーボードだけで操作しているユーザーを想定した場合も同様です。 そもそも「スキップリンク」とは？ 『JIS X 8341-3:2016』や『WCAG 2.0』には、次のような達成基準があります。 2.4.1 ブロックスキップの達成基準 複数のウェブページ上で繰り返されているコンテンツのブロックをスキップするメカニズムが利用できる（レベル A）。 JIS X 8341-3:2016 / WCAG 2.0「2.4 ナビゲーション可能のガイドライン」 「スキップリンク」は、Webページ

よく聞かれる質問の1つに「アクセシビリティとユーザビリティの違いは何ですか？」というのがあります。 一言で説明するとしたら、アクセシビリティは「そもそもユーザーが使えるかどうか」。それに対して、ユーザビリティは「まずアクセシビリティが確保されていてユーザーが使える状態であるという前提の上で、さらにどれだけ使いやすいか、分かりやすいか」といったところでしょうか。また、ユーザビリティは特定の状況や目的のもとに評価するという点が、アクセシビリティとはやや異なるところです。 ユーザビリティとは？ では、ユーザビリティとは何でしょうか？　例えば、日本工業規格の『JIS Z 8521:1999』では、次のように定義されています。 3.1使用性（usability）　ある製品が，指定された利用者によって，指定された利用の状況下で，指定された目的を達成するために用いられる際の，有効さ，効率及び利用者の満足

Accessibility is the Web. 「エー　イレブン　ワイ」は、Webアクセシビリティの情報提供Webサイト。 ユーザーフレンドリーでみんなが利用できるWebコンテンツづくりをサポートします。

Webアクセシビリティのツール Webコンテンツのアクセシビリティをチェックするツール、アクセシビリティを確保しやすいブログやCMS、活用したいライブラリやフレームワークなどを紹介しています。

Accessibility is the Web. 「エー　イレブン　ワイ」は、Webアクセシビリティの情報提供Webサイト。 ユーザーフレンドリーでみんなが利用できるWebコンテンツづくりをサポートします。

「カラー・コントラスト・アナライザー」は、色のチェックツールです。前景色と背景色のコントラストをチェックしたり、色覚の違いによる見え方をシミュレーションしたりすることができます。 このソフトウェアは、The Paciello Groupが提供しており、Windows版とmacOS / OS X版があります。 色のコントラストのチェック ウェブコンテンツの前景色と背景色のコントラストが十分かどうかを判定する基準には、W3Cの『WCAG 2.0』で定義されている「コントラスト比」の計算式を用いています。このコントラスト比を用いた達成基準は、そのまま日本工業規格の『JIS X 8341-3:2016』でも採用されています。 1.4.3 コントラスト（最低限レベル）に関する達成基準 テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。ただし，次の場合は除く（レベル