全国各地でご好評をいただいているビギナー向けの基礎講座 全国各地で開催されている「Webアクセシビリティの学校」は、Web担当者やWeb制作者全般を対象にした講座です。アクセシビリティを確保したWebコンテンツ制作の基礎を分かりやすく楽しく学べる講座として、全国各地でご好評をいただいています。 「Webアクセシビリティって何？」というWeb制作者、Web担当者の皆さん、日頃のWebコンテンツ制作の業務の中で、すぐに実践できることがあります。あるいは、そんなに身構えなくても、既にもう実践できていることもあるかもしれません。Webアクセシビリティを確保することによって、より多くのユーザーが、より多くの場面で、より多くの利用環境から、皆さんのWebコンテンツを快適に利用できるようになるのです。 全国各地で受講された皆さんの声 アクセシビリティについて、周りの制作者やウェブに関わる方に知って欲しか
2020年3月18日 : macOS 64ビット対応版を追加しました。 このソフトウェアは2色のコントラスト比を計算し評価するツールです。コントラストの評価はJIS X 8341-3:2010 (WCAG 2.0)の達成基準に基づきます。 画像ファイルをウィンドウにドラッグ&ドロップ(※)することで、画像の背景色と前景色を自動的に推測し、評価を行う機能があります。またはクリップボードのピクチャから色を取得して評価を行うこともできます(自動取得した色は正確でない可能性があります)。 ※macOSではWebブラウザから直接ドラッグ&ドロップできます。Windows版ではMozilla Firefoxのみドラッグ&ドロップに対応しています。 コントラスト比 - ウェブ・コンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 コントラスト比 (L1 + 0.05) / (L2 + 0.0
【注意】 この文書は、W3C ワーキンググループノート Techniques for WCAG 2.0 の 2016 年 10 月 7 日時点での最新版を、ウェブアクセシビリティ基盤委員会 (WAIC) が翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書はあくまで参考情報であり、翻訳上の誤りが含まれていることがあります。翻訳上の誤りを見つけられた場合は、翻訳に関するお問い合わせからご連絡ください。 【重要】 達成方法のタイトルが英語のままになっているものは、日本語訳を行っていないため、原文 (英語) にリンクしています。 【注意】この文書にはより新しいバージョンが存在します: WCAG 2.1 達成方法集 WCAG 2.0 の達成方法と失敗例 W3C ワーキンググル
【注意】 この文書は、W3C ワーキンググループノート Understanding WCAG 2.0 の 2016 年 10 月 7 日時点での最新版を、ウェブアクセシビリティ基盤委員会 (WAIC) が翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書はあくまで参考情報であり、翻訳上の誤りが含まれていることがあります。翻訳上の誤りを見つけられた場合は、翻訳に関するお問い合わせからご連絡ください。 【注意】この文書にはより新しいバージョンが存在します: WCAG 2.1 解説書 WCAG 2.0 を理解して実装するためのガイド W3C ワーキンググループノート 2016 年 10 月 7 日このバージョン: https://www.w3.org/TR/2016/NOT
お久しぶりです、デザイン部の守谷です。 ここしばらくクリエイターズブログでのアウトプットができていませんでした。その間、チャットワークと私の周りで何が起こっていたかというと、グローバル展開と合わせブランドカラー／ロゴの変更、それに合わせたチャットワークの各サイトのリニューアル、一番最近ではツールのカラーもブランド統一に合わせ変更になったのをご覧いただいていることと思います。 ちなみに、既にご利用の方はお気づきかと思いますが、今回のリニューアルではUI変更を行わずにテーマ（と一部アイコンの変更）のみの最小限での調整、という方針で進みました。利用者がたくさんいるチャットワークを大胆にいじって混乱を招くより、早々にカラーだけでも「チャットワークブランド」と合わせることが重要との判断からです。 色のみの変更、という場合、バランスだけ見ていればOK！簡単！速攻完了！そうは行きません。 もしもそれだけ
ウェブアクセシビリティ基盤委員会では、作成した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 試験実施ガイドライン ウェブアクセシビリティ評価ツールの最低要求仕様
2015年2月3日、神戸市産業振興センターで開催されたイベント「アクセシビリティの祭典」での講演資料です。Read less
2014年12月25日 著 しわっす（挨拶）。何一つクリスマスっぽくないクリスマスを過ごしていますが（ひねくれ者ですみません）、皆様いかがお過ごしでしょうか。ついに12月25日、Web Accessibility Advent Calendar 2014最終日を迎えました。昨年同様、参加者の皆様のWebアクセシビリティに関する知見や想いについて、さまざまな切り口・視点からの記事を日々、楽しませていただきました。本当にありがとうございました、カレンダー作成者（または「言い出しっぺ」）冥利に尽きます。 昨年の自分は、Webアクセシビリティ・ファーストというサイトをお披露目したものの、今年はそのようなネタ（ネタ？）を準備する余裕は微塵も無く......それどころか、同サイトはその後ほとんど更新できぬまま現在に至るという。まぁほそぼそと現状を維持するかもしれないとは書いていたので、ある意味では宣言
このイベントは、「来るべき近未来のために業界の認識をアップデートすべく」（イベントページより）企画されたとのこと。近未来ってどういうことか、ちょっと気になります。 また、先日の木達一仁さんに行ったインタビューでも、「『アクセシビリティが当たり前の社会』というビジョンを実現するために、HTML5 Experts.jpとしても、お手伝いできることは何でもします！」と言った約束も守らねばなりません。 ということで、タイトルからしてちょっと楽しそうなこのイベント、無理を言って取材させてもらっちゃいました。今回はそのレポート記事になります。 「アクセシビリティ＝高齢者・障害者対応」は大間違い！ 最初のセッションはヤフーでマークアップエンジニア/フロントエンジニアを担当していらっしゃる（最近では「アクセシビリティエンジニア」と名乗っているそうです）福本翔さんによる「やはりお前らのWebアクセシビリテ
植木 真さんによる「Webアクセシビリティの学校 基礎から学ぶ初級講座」に参加しました。 マークアップのセミナーに参加する機会があんまりなかったので今日は特に楽しみにしていました。 ウェブに置けるアクセシビリティとは？ さまざまなユーザーの利用特性 アクセシビリティの基本テクニック：初級編 についてのお話でした。 ウェブに置けるアクセシビリティとは？ より多くのユーザーがより多くの場面でより多くの使い方をえらべるようにすること より多くの利用環境をサポートして、より多くのユーザーにリーチできるようにすること 「ウェブに置けるアクセシビリティとは？」ではアクセシビリティとはなんぞや、といった基礎的なことから丁寧に教えてくださいました。 お話の中では障害がある方や高齢の方だけではなく、一時的な制約があってアクセスできない理由があることを知りました。（例えばマウスの調子が悪い、眼鏡が壊れた、モ
? How to use As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different colors they may be over. This sample text attempts to visually demonstrate how readable this color combination is, for normal, italic, bold, or
表の見方 色分け表記について 各仕様の「状態」については、「原仕様書」は段階に応じてWorking Draft、Last Call、Candidate Recommendation、Proposed Recommendation、Recommendationと色分け表記しています（参考：W3C勧告プロセスの概要）。これに追加して、Working Draftの前段階であるEditor's Draftについても対応する日本語訳があれば列挙しています。 「日本語訳」は原仕様書と世代が一致していれば一致（Recommendationであれば一致）、不一致ならn世代前と色分け表記しています。 WAIの関連文書 仕様書ではないものの、WAIのウェブページが翻訳されているもの。 WAI-ARIA概略 2009年2月24日版は、WAI-ARIA Overviewの訳文。 WAI-ARIA についてよくある
聞いたことあるけど、そもそも「アクセシビリティ」って何？ 「アクセシビリティ」のことは、一応知ってるつもりというか... Web制作のプロとして、基本だけはちゃんと押さえておきたい！ え？ 「あたりまえ体操」？？ エー イレブン ワイ「Webアクセシビリティの学校」は、そんなWeb担当者やWeb制作者の皆さんを対象にした、Webアクセシビリティの講座です。アクセシビリティの考えかたをはじめ、Webコンテンツのアクセシビリティを確保・向上するポイントを紹介。すぐにでも実践できる基本的な内容に的を絞って、わかりやすく解説します。 開催概要 「基礎から学ぶ初級講座」を2014年5月15日（木）に銀座（東京）にて開催。5月15日は、"Global Accessibility Awareness Day" として、世界各地でアクセシビリティをテーマにしたイベントやセミナー、Meetupなどが行われま
公開日 : 2014年3月16日 カテゴリー : アクセシビリティ / ユーザビリティ Web サイトのユーザーインターフェース (UI) に「カルーセル (carousel)」と呼ばれるものがあります。文字通り訳すと「回転木馬」という意味ですが、情報 (画像だったり、画像＋テキストだったり) をパネル状に横に並べて、Web ページの幅を超えて隠れている情報も「くるくる」と手繰り寄せて表示できる、という UI です。 Amazon の「この商品を買った人はこんな商品も買っています」が有名な例です。 Amazon (amazon.co.jp) における「この商品を買った人はこんな商品も買っています」のカルーセル また最近では、Web ページのメインビジュアルにカルーセルを採用している例もよく見られます。タッチジェスチャとの親和性が高い (左右方向へのフリックやスワイプで容易にパネルを切り替え
Max/なかね まさふみ @ma10 同意。僕の立場でこういうことをいうのはどうかとは思うけど、現状では功より罪のが大きい気がしてる。ユーザーを巻き込んで状況を変えていく必要があると思う。 アクセシビリティ・サポーテッドの功罪 http://t.co/m85NkvYveZ 2014-03-17 19:56:03
ウェブアクセシビリティは未来像から伝え始めましょうぜ ウェブアクセシビリティの教育の話。ウェブ制作を学び始める人がウェブアクセシビリティに興味やイメージが湧くように、それが実現した未来に何が待っているのかというところから伝え始めたほうがいいんじゃないでしょうか time2014/02/04 hatenabookmark- WCAG20とかニールセンも、言ってることはステキだけど、「象牙の塔感」みたいのがあって、それが色々と敷居を高くしてる気はする。ユーザビリティの教科書なのにユーザー離脱率が高いというか。もう少しローエンド向けに書いてくれないと考えが末端まで普及しないんじゃないかとか。 — 深津 貴之 (@fladdict) 2014年 2月 4日 深津先生のこのツイート、割と同感でリツイートしたんですけど、ローエンド向けにとはまた違ったところで感じるところがあったのでその辺りの話とか、じ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
