音声出力環境における擬似要素(::before, ::after)の内容(content)の読み上げについて
音声出力環境における擬似要素(::before, ::after)の内容(content)の読み上げについて Updated 2015.01.20 / Published 2015.01.19 スクリーンリーダーや音声ブラウザなどの音声出力環境で::before擬似要素、::after擬似要素にcontentプロパティで生成した内容は多くのソフトウェアで読み上げることができます。使い方次第で、薬にも毒にもなりえます。読み上げることがないように制御したい場合は、aria-hiddenをtrueで設定するしか有効な方法がなく、制御できるのは対応しているものに限られます。 CSSの内容生成について HTMLなどで作られた文書内に直接表現されないものを表現するためにCSSには擬似要素というセレクタが用意されてます。CSS2よりcontentプロパティを伴って文書中に内容を生成できる:before擬
JIS X8341-3 の実装チェックリストを上流工程から使う | Accessible & Usable
公開日 : 2014年7月22日 (2018年1月17日 更新) カテゴリー : アクセシビリティ ウェブアクセシビリティの JIS 規格「JIS-X8341-3:2010 (高齢者・障害者等配慮設計指針 – 情報通信における機器、ソフトウェア及びサービス – 第３部：ウェブコンテンツ)」には、「8. 試験方法」という章があります。ウェブサイトが、JIS 規格と照らし合わせてどの程度準拠しているのか、を明確にするための試験のしかたが規定されています。 その試験の成果物のひとつとして、「実装チェックリスト」の作成が求められています。JIS X8341-3:2010 の「7. ウェブコンテンツに関する要件」が定める達成基準ごとに、具体的な実装方法を列挙し、各々の実装方法がきちんと満たされているか (適合しているか) 否かをチェックする (◯印を付ける)、というリストです。 実装チェックリストの
D2DRAFTの公式サイト JIS X 8341-3:2016レベルAの実装チェックリスト2(7.2.4.2から7.4.1.2) - White Stage
D2DRAFTの公式サイトのJIS X 8341-3:2016 レベルA達成基準の実装チェック結果2(7.2.4.2から7.4.1.2) 「D2DRAFT」公式サイトのJIS X 8341-3:2016-レベルA達成基準7.2.4.2から7.4.1.2の実装チェックを2016年5月に行いました。 7.2.4.2の実装チェックリスト例 項番 実装方法 適合 適用 試験方法 注記 状況-番号-項目 関連する実装テクニック 検証方法 1
JIS X 8341-3:2016 試験実施ガイドライン（実装チェックリストの作成方法の具体例）
JIS X 8341-3:2016の「JB.2 c) 達成方法及び検証方法の特定」においては、達成基準に基づいて，達成方法及びその検証方法を特定できる技術的根拠を示す必要がある。本文書では、JIS X 8341-3:2016 試験実施ガイドラインにおいて、達成方法及びその検証方法を特定できる技術的根拠を示す方法の例として挙げた実装チェックリストの作成方法の具体例を紹介する。 実装チェックリストの作成にはいくつかの方法が考えられる。JIS X 8341-3:2016 試験実施ガイドラインでは、テストツールなどによる機械的な試験と人による判断を組み合わせることで、効率良くかつ正確な試験の実施を実現するために、以下の様な試験方法の分類に基づいて実装チェックリストを作成する方法を例として示す。 試験方法は次の3つに分類できる。 コンテンツ内で試験すべき対象を機械的に発見可能な場合で、発見した対象を
miCheckerとは？総務省提供のWebアクセシビリティ評価ツール機能まとめ｜ferret [フェレット]
運営しているホームページが、高齢者や色覚障がい者などどのようなユーザーでも操作しやすいものになっているか、チェックしたいと思ったことはありませんか？ そんな方にとって役立つツールが総務省が無料で提供している*「miChecker」*です。 今回は、Webアクセシビリティ評価ツール「miChecker」の基本的な使い方をご紹介します。 「miChecker」は高齢者や障がい者でも使いやすいWebコンテンツに関するJIS規格「JIS X 8341-3:2016」に合わせたホームページになっているかどうか、気軽に確認できるツールです。無料で利用できるので、ぜひこの機会に自社のホームページをチェックしてみましょう。 参考： JIS X 8341-3:2016 解説｜ウェブアクセシビリティ基盤委員会（WAIC） 「miChecker」とは 「miChecker」は、国や地方自治体などのホームページが
![miCheckerとは？総務省提供のWebアクセシビリティ評価ツール機能まとめ｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d2a1936f934814dd116dabb3bebecc57e3d3bfe/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F8201%2Fog_image%2Fdefault-584287042065ea50c6be55a3ec625bfc.jpg)
Webアクセシビリティチェックに役立つフリーツール | ビジネスとIT活用に役立つ情報（株式会社アーティス）
コントラスト比チェック「ColorTester」 JIS X 8341-3:2016では、色覚障がい者への配慮として背景色と文字色のコントラストに下記の基準が設けられています。 1.4.3 コントラスト（最低限レベル）の達成基準（レベルAA） テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。 サイズの大きなテキスト及びサイズの大きな文字画像には、少なくとも3:1のコントラスト比がある。JIS X 8341-3:2016より コントラスト比「4.5:1」「3:1」と言われても満たしているかどうかを目視で判断することは不可能です。 そこで登場するのが、コントラスト比チェック「ColorTester」です。 ColorTesterは、寄附歓迎のフリーソフトです。基本無償で使うことができます。 ColorTesterの使い方
PDF版 JIS X 8341-3:2016, WCAG 2.0早見表／逆引き表作成裏話 (Web Accessibility Advent Calendar 2017) - 有限会社時代工房
PDF版 JIS X 8341-3:2016, WCAG 2.0早見表／逆引き表作成裏話 (Web Accessibility Advent Calendar 2017) 2017年12月01日 更新 | タグ: アクセシビリティ, 技術情報 Web Accessibility Advent Calendar 2017の12月1日を担当させていただきます、有限会社時代工房の柴田です。 印刷の「ポイント」の使い道 時代工房は、ウェブ制作会社なのですが、印刷物の作成も行なっています。で、印刷会社さんに入稿をするのですが、たくさんの印刷物を入稿していたら、なんといつのまにか印刷会社さんのポイントが随分と溜まっていたのです。 「何か良いポイントの使い道はないか」と仲間で話し合った結果、今回の早見表が生まれることになりました。 僕は、恥ずかしながらどうも物覚えが悪く、原則、ガイドライン、達成基準を覚
リニューアルによりお客さまがお探しのページが移動しました | みずほ銀行
該当のページはアドレスが変更されたか、ページが削除された可能性があります。 お手数ですが、以下のリンクから目的のコンテンツをお探しください。 なお、ブックマーク（お気に入り）に登録されているお客さまは、登録先の変更をお願いします。
ウェブアクセシビリティ | 大同生命
https://www.daido-life.co.jp/index.html https://www.daido-life.co.jp/c_keiyaku/index.html https://www.daido-life.co.jp/c_keiyaku/procedure/ https://www.daido-life.co.jp/c_keiyaku/procedure/request.html https://www.daido-life.co.jp/join/index.html https://www.daido-life.co.jp/join/c_keiei/index.html https://www.daido-life.co.jp/join/c_keiei/lineup/index.html https://www.daido-life.co.jp/join/c_keie
Webアクセシビリティ方針について | みずほ証券
Webアクセシビリティ方針について このウェブサイトwww.mizuho–sc.com（以下「本ウェブサイト」といいます）は、Webアクセシビリティ確保を目的とし、WCAG 2.0との一致規格にあたる日本工業規格JIS X 8341–3「高齢者・障害者等配慮設計指針—情報通信における機器，ソフトウェアおよびサービス—第3部：ウェブコンテンツ」（以下JIS X 8341–3:2016 といいます）への準拠を目指してまいります。 本ウェブサイト（https://www.mizuho-sc.com）全体を対象範囲とします。 *ただし、下記項目については現時点で対応が困難なため、対象範囲外とし、今後対応を検討していきます。 動画・音声コンテンツを含んだページ 画像のコントラスト PDFファイル
横浜市交通局資産活用ポータル | ウェブアクセシビリティ方針
横浜市交通局資産活用ポータルサイトは、ウェブアクセシビリティの向上を果たしし、JIS X 8341-3：2016の等級AAに準拠しました。 今後もさらなる向上を目指していきます。 対象範囲 横浜市交通局資産活用ポータルサイトのうち、外部公開するページ全体 目標の達成日 達成日：2019年3月19日 達成等級：等級ＡＡに準拠 ※日本工業規格JIS X 8341-3:2016 2016年3月に改正されたウェブアクセシビリティに関する日本工業規格（JIS）。正式名称は、JIS X 8341-3:2016『高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第三部：ウェブコンテンツ』。 ※等級AAに準拠とは JISにはA、AA、AAAの3つの等級があります。等級A及び等級AAのすべての達成基準を満たす場合に「等級AAに準拠」と言います。この表記方法は、情報通信アクセス協議
アクセシビリティ方針 | ビジネスチャットならChatwork
働くことは誰もがもっている権利です 私たちは「働くをもっと楽しく、創造的に」というミッションを基に、すべての方が効率的に働ける環境を提供します。 働き方が多種多様な今だからこそ、能力や状況に関係なく誰でも情報にアクセスできる状態を作らなければならないと考えています。このアクセシビリティ方針は、私たちがなぜアクセシビリティに取り組まなければならないのかを社内外で啓蒙していくためのものであると同時に、実践へ繋げるためのものです。 この方針をもって、「JIS X 8341-3:2016 高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第3部：ウェブコンテンツ」に適合するWebサイトの作成とサービスの提供を目指します。
アクセシビリティ達成基準レベル「AA」について考える | Accessible & Usable
公開日 : 2014年1月12日 (2014年1月13日 更新) カテゴリー : アクセシビリティ 最近、ある Web サイトの構築プロジェクトで、情報アーキテクチャ (IA)、ユーザーインターフェース (UI) 設計、アクセシビリティ、といった領域で関わらせていただく中で、アクセシビリティの達成基準レベル「AA」について、改めて考える機会がありました。そのサイトデザインが海外でも使われるということで、ある国の法制面からの要求で、W3C が勧告する「WCAG (Web Content Accessiblity Guidelines) 2.0」の達成基準レベル「AA」を満たすことを視野に入れておく必要に迫られたからです。 Web サイトがアクセシビリティ対応 (厳密に言うと「WCAG 2.0 (日本の場合は JIS X8341-3:2010)」への対応) を検討するとき、どのレベルの達成基準
Webアクセシビリティについて勉強してみて知ったことや感じたこと | mkasumi.com
ガイドライン兼国際標準規格であるWCAG2.0をもとに日本工業規格としたのが「JIS X 8341-3：2016」です。2004年、2010年にも改正されていて、2016年4月18日現在、最新版は「JIS X 8341-3：2016」となります。過去のJISを知っている方は最新版との差を知りたいと思いますが、2010年版と違い、2016年版は「等級A」と言われていた適合レベルが「レベルA」となったり、すこし文言が変更されています。2010年と引き続き、WCAG2.0をもとにしているので、項目はWCAGと同じく61項目のままとなっています。 JIS X 8341-3：2016が元に作られている国際標準規格です。JISは日本の規格ですが、こちらは海外にも適用されます。チェックツールなど、海外で配布されているものはWCAGが基準となっています。 基本的に、JIS X 8341-3：2016 はW
「みんなのアクセシビリティ評価ツール：miChecker (エムアイチェッカー)Ver.2.0」を試してみた
ディレクターの武藤です。 4月20日に、「みんなのアクセシビリティ評価ツールmiChecker (エムアイチェッカー)」がバージョンアップされましたので、変更点や機能をまとめました。 miCheckerとは？ miCheckerは、ウェブアクセシビリティ対応の取り組みを支援するために、総務省が開発し、無料で提供するアクセシビリティ評価ツールです。 miChecker Ver.2.0の主な変更点 HTML5 (W3C Recommendation 28 October 2014) への対応 JIS X 8341-3:2016への対応 各種付属文書の更新 2011年以来のバージョンアップで、待望のHTML5対応ということがあり、使う機会が増えそうです。 どんなことができるの？ 大きく分けて３つ! アクセシビリティ検証・音声ユーザビリティ可視化 ロービジョン シミュレーション JIS X 834
総務省｜報道資料｜「みんなの公共サイト運用ガイドライン（2016年版）」及び「みんなのアクセシビリティ評価ツール：miChecker Ver.2.0」の公表
総務省は、公的機関がウェブアクセシビリティの確保・向上に取り組む際の手順等を解説した「みんなの公共サイト運用ガイドライン（2016年版）」及びホームページのウェブアクセシビリティ評価ツール「みんなのアクセシビリティ評価ツール：miChecker（エムアイチェッカー）Ver.2.0」を策定しましたので公表します。 総務省では、国及び地方公共団体等の公的機関のホームページ等が、高齢者や障害者を含む誰もが利用しやすいものとなるよう、「みんなの公共サイト運用モデル」及び「みんなのアクセシビリティ評価ツール：miChecker」を公表しています。 今般、「障害を理由とする差別の解消の推進に関する法律（平成25年法律第65号）」の施行及び日本工業規格（JISX8341-3：高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第3部：ウェブコンテンツ）の改正等を踏まえて、運用モ
『障害者差別解消法の認知率は36％、9割の企業がWebアクセシビリティに課題、「Webアクセシビリティ 取組み状況 調査」』2016年3月8日開催 サイトマネジメント委員会セミナー 第2部｜公益社団法人 日本アドバタイザーズ協会 デジタルマーケティング研究機構
4月の「障害者差別解消法」施行以降、公的機関や企業のWebアクセシビリティ確保が法律で義務化されるようになる。施行が迫るなか、企業のWebアクセシビリティ対応の取り組み実態はどうなっているのか、企業アンケート「Webアクセシビリティ 取組み状況 調査」をもとに、現状と今後の対応が議論された。 高齢化社会を迎える日本でWebアクセシビリティはより重要になる 第二部では、Web広告研究会が実施した「Webアクセシビリティ 取組み状況 調査」の結果をミツエーリンクスの木達 一仁氏が紹介し、Webアクセシビリティ WGリーダーである増井 達巳氏が結果についてコメントしながらディスカッションが行われた（調査概要は末尾を参照）。 まず、Webアクセシビリティの理解・認識については、「知っている」と94％が回答した。「知らない」と回答した6％についても、規格や対応方法など厳密なものを想定している可能性が
JIS X 8341-3:2016 解説
2016年4月版（2016年4月7日公開） 作成者：情報通信アクセス協議会・ウェブアクセシビリティ基盤委員会 目次 はじめに 改正における主なポイント 規格票の構成 各箇条の解説 はじめに JIS（日本工業規格）とは JIS（日本工業規格）とは、日本国内における工業標準化の促進を目的とする『工業標準化法』（昭和24年）に基づいて制定される国家規格である。「JIS」は"Japanese Industrial Standards"の頭文字をとったものであり、「日本工業規格」が正式名称である。 JIS X 8341-3とは 『JIS X 8341-3:2016』の正式名称は、『高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第3部：ウェブコンテンツ』という。この規格でいう「ウェブコンテンツ」は、ブラウザや支援技術などのユーザエージェントを介して利用者に提供されるあら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
@waic_jpが紹介したWebアクセシビリティー方針や試験結果などを掲載しているサイト (2017年10月～12月)