Audacity is a free, easy-to-use, multi-track audio editor and recorder for Windows, Mac OS X, GNU/Linux and other operating systems. Audacity is free software, developed by a group of volunteers and distributed under the GNU General Public License (GPL). Programs like Audacity are also called open source software, because their source code is available for anyone to study or use. There are thousan
ユニバーサルデザイン - FUJITSU Japan
富士通のUD宣言富士通は、人々がそれぞれの能力を十分に発揮でき、安心、快適、そして豊かに生活できる社会を目指して、製品やサービスのUDを推進しています。 1. 富士通の役割持続可能な世界の実現を目指して国連で定められた開発目標SDGsは、世界の共通認識・共通課題です。このSDG(注1)の背景の一つには、ダイバーシティ＆インクルージョン(注2)の考え方があります。富士通は、誰もが使える製品やサービス、それらを支える技術とICT基盤の提供を通して、この持続可能で多様性のある豊かな社会の実現に貢献します。
E-mailｼ嗹ebmaster@zspc.com Copyright © 1996-2000 ZSPC. All Rights Reserved. All pages except color chart are written in Japanese. g src="/static/zspc.com-vcss.gif" alt="Valid CSS! | " height="31" width="88" border="0"> g height="31" width="88" src="" alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" border="0">
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
キャンセルボタンに色をつけてはいけない理由
キャンセルボタンをデザインする時に、カラーで悩むことはありませんか？ キャンセルボタンに色をつけてはいけない理由、ニュートラルなグレーが適している理由を紹介します。 キャンセルボタンのデザインがアクションボタンと同じだと、ユーザーは迷ってしまいます。キャンセルできることを明確にすることで、認知速度が上がります。また、ボタンが3個以上だったり、ラベルが違っていると、ユーザーは余計に戸惑います。 Why Cancel Buttons Should Never Have a Color by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 キャンセルボタンに色をつけてはいけない理由 ニュートラルボタンのためのニュートラルカラー キャンセルに適したラベルとは グレーを使う時は十分に暗くする キャンセルボタンはニュ
こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ
UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判読を困難にします。無理に判読を試みれば、目を傷めてしまうでしょう。 また、薄い灰色の文字は読者の誘導
ローカライズについて Web Develoerの日本語にかかわる問題が、ほぼすべて解決したことと、Infoaxia社から管理を移管したことを受けて、今後のWeb Developerのローカライズは、BabelZillaで行うことにしました。ローカライズの議論については、BabelZillaのディスカッションパネル、またはメッセージボードでやりとりできればと思っています。自分のアカウントは「minato」です。遠慮なくお声をかけてください。 Webdeveloperとは Web Developerとは、ウェブ制作を補助する拡張機能です。拡張機能は、Firefox, Seamonkey, Flockのツールバーとして組み込まれます。そのため、それらのブラウザが動作する環境であれば、OSに依存せずに利用することができます。現在、Windows, MacOS X, Linuxでの動作を確認していま
この文章について これは Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」で基調講演をするにあたって、登壇内容を整理するために書いたものです。登壇内容とは一部に差異があります。 イベント映像 この文章はむちゃくちゃに長いので、登壇映像を見たほうがいいかもしれません。わたしの発表は13:23くらいから30分ちょっとです 登壇資料（内容は同一です） https://speakerdeck.com/ymrl/webenziniatosite-imazhi-tuteokitai-webakusesibiritei https://docs.google.com/presentation/d/1uhCvhh6sZCPUnReSBVDjvGfNAOTKbZ5Sxs8fYMlxMsI/edit?usp=sharing 目的 Web業界で「エンジニア」の肩書で仕事して
色の組み合わせチェック - 読みやすい前景色と背景色
誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名（CSS2の色名＋SVGの色名、計147色）およびrgb()の表現が使えます（初期値は、読みにくい例が入っています）。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行
ツイッターでアクセシビリティ向上日誌２【目視試験編】‐Akira Tsuda Portfolio and Blogというのを見かけて、そういえばアクセシビリティチェックって何をどうしているのかという話をウェブ上でほとんど見かけない（というか自分は知らない）ので、思い切ってチェックの過程や考え方を書いてみようかなと。 チェック対象のサイトを作った@HeldaForStudy氏に尋ねたところ、題材として使ってよいという返事をいただいたので、「アトリエ金工やまぐち」のサイト1ページをチェックしてみることにします。 対象ページはBasic認証がかかっているので、アクセシビリティ向上日誌１【各種ツール評価編】からたどってください。 @HeldaForStudy氏はレベルはA*1でチェックしたとのことなので、チェック基準はWCAG 2.1レベルAでチェックすることにしましょう。 わたしは普段はCOB-
あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2022年のWebアクセシビリティに関連する出来事を振り返りつつ、2023年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2 2022年9月版のWCAG 2.2で、文書のステータスとしてはようやく勧告候補（Candidate Recommendation）にまでたどり着き、仕様文書として完成する勧告（Recommendation）が見えてきた…と思っていたところですが、12月になって達成基準4.1.1構文解析を削除するという話が急浮上してきました。 達成基準4.1.1がどういったものなのか、改めて振り返ってみましょう。この達成基準については、もとはWCAG 2.1（原文、参考日本語訳）と同じものであり、WCAG 2.0とも同一です。達成基準4.1.1は、マークアップ言語
あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2023年のWebアクセシビリティに関連する出来事を振り返りつつ、2024年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2の勧告とWCAG 2.1の更新 長らく待ちわびていたWCAG 2.2について、2023年10月5日付けでようやくW3C勧告（Recommendation）となりました（日本語訳はまだありません。詳細は後述の「臨時WGの活動状況」を参照）。また、これと連動する形でWCAG 2.1（日本語訳）の勧告も改めて発行されました。 今回のWCAG 2.1の更新では、達成基準4.1.1構文解析に注記が設けられています。これにより、WCAG 2.2で削除された達成基準4.1.1の扱いについて連続性が保たれるようになっています。WCAG 2.1からの変更点は、公
公開: 2012年4月8日16時40分頃 首相官邸 (www.kantei.go.jp)のサイトがリニューアルしたそうで。 4500万円かかったと報じられていますが、何をやったのかが分からないので、高いか安いかは評価のしようがないですね。単純に規模から「やるべき事」を考えてみると、CMS抜きで4500万円かかっても不思議ではないと思います。戦略をみっちりやったり、それなりなCMSを入れたりすれば足りなくなるかもしれません。 そして実際にサイトを見てみると、まず、見た目だけで以下のような点が気になるわけです。 背景にうっすらと写真が敷かれていますが、肝心な部分がコンテンツの下敷きになってよく見えない上に、「首相官邸」というタイトルまわりが読みにくくなってしまっています。プロがこういう中途半端な写真の使い方をすることはまずありません。写真を見せたいならちゃんと見せるでしょうし、見せなくても良い
アクセシビリティから変わるビジュアルデザイン
W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。 アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）。 知覚可能 情報およびユーザーインターフェースの構成要素は、ユーザーが知覚できる方法でユーザーに提示可能でなければならない。 操作可能 ユーザーインターフェースの構成要素およびナビゲーションは操作可能でなければならない。 理解可能 情報およびユーザーインターフェースの操作は理解可能でなければなら
Webアクセシビリティ・ファースト
Web業界やその界隈には、「ファースト」と名の付くフレーズがいろいろあります。 モバイル・ファーストユーザー・ファーストコンテンツ・ファーストコンテキスト・ファーストオフライン・ファースト どれも間違ってはいないし、それぞれに有意義な考え方。 けれど、Webデザインにおいて、私が何を第一に重視するかと問われれば。 アクセシビリティ これ以外には考えられません。 かつてWebの創始者、Tim Berners Lee卿は言いました。 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. WebがWebであるために必要なこと、それは普遍的であること、誰に対してもアクセシブルであること。誰でも、どんなデバイスからでも、コンテンツ
日本規格協会 JSA GROUP Webdesk
★商品の発送に関するお知らせ★ 2024/03/04 平素より当協会のJSA Webdeskをご利用いただき有難うございます。 3月29日(金)に実施いたします棚卸に伴い、3月27日（水）午後以降にご注文いただきました商品は、4月1日（月）以降に順次発送いたします。 ※ダウンロード商品は除きます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 ★閉店時間に関するお知らせ★ 2024/03/04 3月29日(金)に実施いたします棚卸に伴い、当日のライブラリ・販売所（三田ＭＴビル1階）の営業時間を12：00までとさせていただきます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 工業標準化法改正に伴うJIS規格名称変更のお知らせ(2020年6月22日更新) 2020/06/22 2020年6月吉日 お 客 様 各 位 日本規格協会グループ 出版情報ユニット 工業標準化法
A.A.O.-公共機関サイト支援プロジェクト
本連載では、ウェブアクセシビリティのJIS規格改正、総務省ガイドライン改訂など最新動向、JIS改正に向けて公共機関ホームページに求められる対応を解説します。
「CEATEC JAPAN 2013」会場にて開催された「アクセシビリティセミナー2013」のセッション1「企業のWeb担当者、Web制作者必見！ 企業WebサイトにおけるJIS X 8341-3:2010対応の実践例」の資料です。講師および資料作成を担当したのは、ウェブアクセシビリティ基盤委員会 作業部会2委員で、キヤノンマーケティングジャパン株式会社の澤田氏です。 なぜアクセシビリティに取り組むのか、その理由をキヤノンサイトの歴史を紐解きながら解説。取り組みの具体的な内容については、2013年のリニューアルにおける施策を中心に紹介。JIS対応で得られる効果や苦労している点は、企業のWeb担当者の方々にとって大変参考になる内容かと思います。
様々な環境に配慮して、どんなユーザーでも使いやすい方法で提供されている情報はアクセシビリティ (accessibility) が高いと言います。アクセシブルなコンテンツづくりとは、ウェブでのコミュニケーションに誰もが参加できるよう設計すること。情報の利用者であると同時に提供者でもある私たちは、常にこの点に配慮していきたいものです。 なぜアクセシビリティか コミュニケーションとしてのアクセシビリティ：WCAG 2.1 1. 全ての機能と情報が誰にとっても認識可能であること 2. 全ての機能は誰にでも操作可能であること 3. コンテンツの内容、および機能が誰にとっても理解可能であること 4. 将来にわたってコンテンツの力を最大限に発揮できる技術を用いること 元祖ガイドライン：WCAG 1.0 アクセシビリティのJIS規格（2004年初出時の情報） JISの改定：X 8341-3:2010と20
freeeアクセシビリティー・ガイドライン — freeeアクセシビリティー・ガイドライン Ver. 202404.0-RELEASE+4.3.7
このガイドラインは、参考情報の追加や表現の改善などで、随時更新されます。 リリース:Ver. 202404.0-RELEASE+4.3.7 ガイドライン・バージョン：Ver. 202404.0-RELEASE チェックシート・バージョン：4.3.7 更新日:2024年4月23日
「カラー・コントラスト・アナライザー」は、色のチェックツールです。前景色と背景色のコントラストをチェックしたり、色覚の違いによる見え方をシミュレーションしたりすることができます。 このソフトウェアは、The Paciello Groupが提供しており、Windows版とmacOS / OS X版があります。 色のコントラストのチェック ウェブコンテンツの前景色と背景色のコントラストが十分かどうかを判定する基準には、W3Cの『WCAG 2.0』で定義されている「コントラスト比」の計算式を用いています。このコントラスト比を用いた達成基準は、そのまま日本工業規格の『JIS X 8341-3:2016』でも採用されています。 1.4.3 コントラスト（最低限レベル）に関する達成基準 テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。ただし，次の場合は除く（レベル
お久しぶりです、デザイン部の守谷です。 ここしばらくクリエイターズブログでのアウトプットができていませんでした。その間、チャットワークと私の周りで何が起こっていたかというと、グローバル展開と合わせブランドカラー／ロゴの変更、それに合わせたチャットワークの各サイトのリニューアル、一番最近ではツールのカラーもブランド統一に合わせ変更になったのをご覧いただいていることと思います。 ちなみに、既にご利用の方はお気づきかと思いますが、今回のリニューアルではUI変更を行わずにテーマ（と一部アイコンの変更）のみの最小限での調整、という方針で進みました。利用者がたくさんいるチャットワークを大胆にいじって混乱を招くより、早々にカラーだけでも「チャットワークブランド」と合わせることが重要との判断からです。 色のみの変更、という場合、バランスだけ見ていればOK！簡単！速攻完了！そうは行きません。 もしもそれだけ
【注意】 この文書は、2008 年 12 月 11 日付の W3C 勧告「WCAG 2.0」 (原文は英語)を、情報通信アクセス協議会の「ウェブアクセシビリティ基盤委員会 (WAIC)」が翻訳と修正をおこなって公開しているものです。この文書の正式版は、あくまで W3C のサイト内にある英語版であり、この文書には翻訳上の間違い、あるいは不適切な表現が含まれている可能性がありますのでご注意ください。 【注意】この文書にはより新しいバージョンが存在します: Web Content Accessibility Guidelines (WCAG) 2.1 W3C 勧告 2008 年 12 月 11 日このバージョン: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ 最新バージョン:http://www.w3.org/TR/WCAG20/前のバージョン:
accrefs
ウェブサイトに貢献このウェブサイトではあなたからの情報提供をお待ちしています。参考資料の追加・修正のリクエストは次のいずれかの方法で行えます。 リポジトリのイシュー：追加リクエスト用のテンプレートを用意しています。A11YJ Slackチーム：チームに参加後、#a11y_matome_siteチャンネルで旨を発言してください。
こんにちは、アプリケーションエンジニアの id:nanto_vi です。はてなでは週 1 回、エンジニアとデザイナーが参加する社内勉強会が開かれています。その勉強会にて「少しずつアクセシビリティ意識する」という発表を行ったので、発表資料を公開します。 なぜするの？ 何をするの？ とりあえず何をするの？ 例: テキストラベルを付与する アイコンフォントを使った例について (2017-08-30 16:00 追記) 例: キーボードで操作できるようにする 例: キーボードで操作している場所が分かるようにする 例: マウスホバーでもタブ移動でもメニューが開くようにする 例: 文字を読みやすい色にする 例: 入力手段を限定しない 終わりに なぜするの？ コミュニケーションや、情報との出会いの機会を増やすことで、社会を豊かにします ミッション - 株式会社はてな 事業者は、その事業を行うに当たり、(
HTML_CodeSniffer
Check that your HTML code conforms to your coding standard HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard. HTML_CodeSniffer is written entirely in JavaScript, does not require any server-side processing and can be extended by developers to enforce custom coding standards by creating your own "sniffs". To get you started, HT
W3C Recommendation 11 December 2008This version: http://www.w3.org/TR/2008/REC-WCAG20-20081211/ Latest version: http://www.w3.org/TR/WCAG20/ Previous version: http://www.w3.org/TR/2008/PR-WCAG20-20081103/ Editors:Ben Caldwell, Trace R&D Center, University of Wisconsin-MadisonMichael Cooper, W3CLoretta Guarino Reid, Google, Inc.Gregg Vanderheiden, Trace R&D Center, University of Wisconsin-MadisonPr
★商品の発送に関するお知らせ★ 2024/03/04 平素より当協会のJSA Webdeskをご利用いただき有難うございます。 3月29日(金)に実施いたします棚卸に伴い、3月27日（水）午後以降にご注文いただきました商品は、4月1日（月）以降に順次発送いたします。 ※ダウンロード商品は除きます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 ★閉店時間に関するお知らせ★ 2024/03/04 3月29日(金)に実施いたします棚卸に伴い、当日のライブラリ・販売所（三田ＭＴビル1階）の営業時間を12：00までとさせていただきます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 工業標準化法改正に伴うJIS規格名称変更のお知らせ(2020年6月22日更新) 2020/06/22 2020年6月吉日 お 客 様 各 位 日本規格協会グループ 出版情報ユニット 工業標準化法
WCAG 2.0 Luminance Contrast Ratio Accessibility Color Picker
社内向けにまとめていたものを加筆修正して公開します。 アクセシビリティの学習を始める人の助けになれば嬉しいです。 YouTube freee アクセシビリティ研修動画～全職種対象～ freee アクセシビリティ研修動画～技術職対象（Basic） freee アクセシビリティ研修動画～技術職対象（Advance） a11ygogo A11yTokyoMeetup Webコンテンツ 全般 WCAG WAI-ARIA HTML/CSS デザインシステム、ガイドライン その他 書籍 アクセシビリティ全般 HTML
視覚障害を持つ米ニューヨーク州の女性が19日、AppleのWebサイトが視覚障害者を差別しているとしてニューヨーク南部地区連邦地裁にAppleを提訴したそうだ（The Register、訴状PDF）。 原告はスクリーンリーダーを利用してインターネットにアクセスしているが、AppleのWebサイト（apple.com）はスクリーンリーダーの利用に適したデザインになっておらず、地元のAppleストアの場所や営業時間を調べることもできなかったという。訴状で挙げられている問題点としては、画像の代替テキストがセットされていないこと、テキスト要素のないリンクが使われていること、同じURLへのリンクが近い場所に複数配置されていることが挙げられている。 そのため、原告はAppleのWebサイトが一般公開の施設や商品、サービス等での障害者への差別を禁じた「障害を持つアメリカ人法」（ADA）第III編やニュー
はじめに タイトルにもある通り、最近 Web アクセシビリティ (以下アクセシビリティ) の検証ツールを作っています。この記事では作るにあたったモチベーションや、現時点での機能、今後の展望についてまとめます。 モチベーション アクセシビリティを評価しようとすると Lighthouse にも付随する axe のようなツールを用いることが多いと思います。axe は WCAG 2.0 や WCAG 2.1 に則った数多くのルールを持ち、アクセシビリティに関する問題発見を支援してくれます。Lighthouse 以外では、axe をモジュールとして使えることはもちろん、Chrome の Extension などからも実行可能で、ユースケースに合わせた柔軟な利用ができます。 ただ、検証精度はどうかというと少し物足りなさを感じる部分があります。例えば以下のような例です。 <div role="butto
ウェブアクセシビリティ基盤委員会 | Web Accessibility Infrastructure Committee (WAIC)
CEATEC JAPAN 2019で、10月17日（木）に開催した、アクセシビリティセミナー2019の記録動画より7件をYouTubeで公開しました。日本語字幕が設定できますのでご活用ください。
アクセシビリティを確保するなら、ファインダビリティも大事。国税庁Webサイトリニューアルでリダイレクトなし | Web担当者Forum
3月31日に国税庁のサイトがリニューアルされ、トップページを除いたほとんどのページのURLが変更になりました。これにより、国税庁のコンテンツにアクセスできなくなり、困っているという声があちこちで聞かれるようになりました。この問題はニュースメディアでも取り上げられています。 国税庁サイト、リニューアルでほぼすべてのURLが変更。リダイレクトもなくユーザー阿鼻叫喚 https://internet.watch.impress.co.jp/docs/yajiuma/1114712.html 国税庁Webサイト、全URL変更で混乱 サイト内検索も役立たず、「無限ループ」状態に http://www.itmedia.co.jp/news/articles/1804/02/news108.html 国税庁HPリニューアルでページにたどり着けず…「決算期なのに」嘆きの声 https://www.beng
ウェブアクセシビリティを確保・向上させるための簡易チェックリストです。このリストに記載されている項目を満たすと、おおよそSmartHRのウェブアクセシビリティ方針に掲げた品質を達成できます。 チェックする内容によっては例外があることがあります。参考に記載したリンクも参照してください。 わからないことがあれば #accessibility_and_human_rights_aka人権 チャンネルにていつでもお気軽にご相談ください！ 代替テキスト 画像に代替テキストが付与されている 装飾目的の画像が無視できるようになっている 代替テキストが空で設定されている または背景画像として表示されている参考 非テキストコンテンツ - WCAG 2.0 解説書1.1.1 画像に代替テキストを提供する - Ameba Accessibility Guidelines動画・音声 動画の音声に字幕が付与されてい
あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年に引き続き、技術仕様と国内法整備に関して、2022年のWebアクセシビリティの短期的な予測をしてみます。 WCAG 2.2とWCAG 3.0 WCAG 2.2に関しては、2020年末では2021年2月にCandidate Recommendation（勧告候補）になる予定だったものが、ずるずるとスケジュールが後ろ倒しになっており、執筆時点の2021年12月初頭になっても未だに勧告候補のステータスにはない状況です。一方で、執筆時点でのWhat’s New in WCAG 2.2 Working Draftによれば、2022年6月にRecommendation（勧告）を発行するスケジュールとのことです。 このスケジュールに間に合わせるのであれば、逆算すると4月までに勧告候補を発行する必要があります。よって、4月に勧告候
日本規格協会 JSA GROUP Webdesk
★商品の発送に関するお知らせ★ 2024/03/04 平素より当協会のJSA Webdeskをご利用いただき有難うございます。 3月29日(金)に実施いたします棚卸に伴い、3月27日（水）午後以降にご注文いただきました商品は、4月1日（月）以降に順次発送いたします。 ※ダウンロード商品は除きます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 ★閉店時間に関するお知らせ★ 2024/03/04 3月29日(金)に実施いたします棚卸に伴い、当日のライブラリ・販売所（三田ＭＴビル1階）の営業時間を12：00までとさせていただきます。 お客様にはご迷惑をおかけいたしますが予めご了承願います。 工業標準化法改正に伴うJIS規格名称変更のお知らせ(2020年6月22日更新) 2020/06/22 2020年6月吉日 お 客 様 各 位 日本規格協会グループ 出版情報ユニット 工業標準化法
ウェブアクセシビリティ基盤委員会では、作成したJIS X 8341-3:2010に関する文書を以下のそれぞれのページより公開しています。 JIS X 8341-3:2010 解説 ウェブアクセシビリティ方針策定ガイドライン ウェブコンテンツのJIS X 8341-3:2010 対応度表記ガイドライン JIS X 8341-3:2010 対応発注ガイドライン JIS X 8341-3:2010 試験実施ガイドライン ウェブアクセシビリティ評価ツールの最低要求仕様
このイベントは、「来るべき近未来のために業界の認識をアップデートすべく」（イベントページより）企画されたとのこと。近未来ってどういうことか、ちょっと気になります。 また、先日の木達一仁さんに行ったインタビューでも、「『アクセシビリティが当たり前の社会』というビジョンを実現するために、HTML5 Experts.jpとしても、お手伝いできることは何でもします！」と言った約束も守らねばなりません。 ということで、タイトルからしてちょっと楽しそうなこのイベント、無理を言って取材させてもらっちゃいました。今回はそのレポート記事になります。 「アクセシビリティ＝高齢者・障害者対応」は大間違い！ 最初のセッションはヤフーでマークアップエンジニア/フロントエンジニアを担当していらっしゃる（最近では「アクセシビリティエンジニア」と名乗っているそうです）福本翔さんによる「やはりお前らのWebアクセシビリテ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Audacity: フリーのオーディオエディタ・レコーダー
ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0
DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ
その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か
Webdeveloperのダウンロード：ミナトラボ
Webエンジニアとしていま知っておきたいWebアクセシビリティ
アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その1） - 水底の血
2023年のWebアクセシビリティ | gihyo.jp
2024年のWebアクセシビリティ | gihyo.jp
首相官邸サイトリニューアル、しかしすぐに再リニューアルが必要 | 水無月ばけらのえび日記
キヤノンのウェブサイトにおけるアクセシビリティへの取り組み
ハンディがあっても利用できるページづくり：Webアクセシビリティについて
カラー・コントラスト・アナライザー 日本語版 ― インフォアクシア
色とデザイナーとアクセシビリティ | チャットワーククリエーターズブログ
WCAG 2.0
少しずつアクセシビリティ意識する - Hatena Developer Blog
Web Content Accessibility Guidelines (WCAG) 2.0
X 8341-3:2004 「高齢者・障害者等配慮設計指針－ウェブコンテンツ」技術解説
Contrast-A: Find Accessible Color Combinations
Webアクセシビリティ学習リソースまとめ （2023年3月版）
Apple、Webサイトが視覚障害者を差別しているとして訴えられる | スラド アップル
Web アクセシビリティの検証ツール acot を作ってる - wadackel.me
ウェブアクセシビリティ簡易チェックリスト | アクセシビリティ | SmartHR Design System
2022年のWebアクセシビリティ | gihyo.jp
JIS X 8341-3:2010 関連文書
Webアクセシビリティの重要性が加速する！「アクセシビリティやるぞ！祭り」詳細レポート