はてなブックマーク

この事例集は、WCAG2.0解説書に基づき、WCAG 2.0 実装方法集を図解することを趣旨としていて、２パターンの利用方法を想定しております。試験をする時に便利な「パターン１：実装チェックリストに沿った実装番号で検索する場合」と、「パターン２：Webサイトを作成、または更新する場合」です。 パターン１：実装チェックリストに沿った実装番号を検索する場合 実装チェックリストに該当する実装番号を掲載しております。実装番号の実装方法図解がどのようなものかを確認するには、実装番号をクリックしていただければ事例をご覧いただけます。ご利用にあたっては、、ウェブアクセシビリティ事例集購入から閲覧用のIDとパスワードを発行してください（※お振込から、ご入金確認・IDとパスワードの発行までに１営業日かかります。あらかじめご了承願います）。 実装チェックリスト 等級A（HTML版） 実装チェックリスト 等級A

発注者のためのアクセシビリティ簡易チェックシートと検証ツール 仕様書に「ウェブアクセシビリティ対応」と記載してあるにもかかわらず、公開されたサイトがアクセシビリティに対応しておらず、ご担当者も気づいていないケースをよく見かけます。発注者の方の多くは、ウェブサイト選任というわけではなく、アクセシビリティを勉強してサイトを確認する時間を作るのが難しいのではないでしょうか。 そこで、簡単にウェブアクセシビリティがチェックできるチェックシートと検証ツールをご用意しました。 まず、以下のどちらかのチェックシートをダウンロードまたは印刷し、お手元にご用意ください。 ＜ケース1＞ウェブ制作会社が間違えやすい部分のみ手早く確認したい（11項目） 新：＜高速＞簡易チェックシート （excel版 40.0KB）※一部等級ＡＡ ＜ケース2＞JIS X 8341-3:2010の等級Aのポイントを理解しながら確認し

試験では、まず実装チェックリストを使用して、実装チェックを行います。以下の実装チェックリストは、当ネットワークがUnderstanding WCAG 2.0（日本語訳）（外部リンク）とTechniques for WCAG 2.0（日本語訳）（日本語訳）（外部リンク）を元にして、ウェブアクセシビリティ基盤委員会「JIS X 8341-3:2016 試験実施ガイドライン」（外部リンク）を参考に、独自に作成したものです。ご使用は自己責任でお願いいたします。間違いを発見された際は、ご連絡をいただければ修正いたします。 実装チェックリスト（HTML版）

第１章.画像 この事例集はWCAG2.0解説書に基づき、WCAG 2.0 実装方法集を図解することを趣旨としています。「悪い例」と書いてある事例以外はJIS X 8341-3:2010の実装チェックリストで適合の欄に○をつけることができる事例ばかりです。このページでは特に画像に関するWCAG 2.0 実装方法集を集めています。 ※WCAG 2.0やJIS X 8341-3:2010の解説については「JIS X 8341-3:2010とは」ページをご覧ください。 画像に関する図解（1-1から1-4までの項目名をクリックすると、ページ内の該当項目にジャンプします） 1-1.alt属性 1-2.文字を画像化する時の注意 1-3.画像化された文字の色 1-4.アニメーションgif、又はアニメーション ウェブサイト制作時、alt属性値の書き方について悩んだことはないでしょうか。この章ではWCAG2.

本日のトピックス 障害を持つ協力者（個人総数） 93 就労施設・教育施設・ ボランティア団体 8 協力 事業者・企業数 5 協力団体数 1 無料コンテンツ 利用数＋ダウンロード数 10402 有料コンテンツ利用会員数 45 インストール不要！ 専門知識がいらないJIS X 8341-3:2010簡易チェックツールを開発 手軽にアクセシビリティのチェックができるツールを開発・無料公開しました。このチェックツールを活用すれば、HTMLを知らなくても「言語属性が違う」「見出し1が無い」等の技術的なチェックを行えます。 ぜひお気軽にお試しください。 簡易チェックツールへ