※本記事は、一般社団法人日本BtoB広告協会発行の専門誌『BtoBコミュニケーション』2021年9月号に掲載の、堀口真人による寄稿「国内・海外のウェブアクセシビリティの状況」の転載です（発行元の一般社団法人日本BtoB広告協会より承諾を得て掲載しています）。 ウェブアクセシビリティという言葉をご存知だろうか。ウェブサイトを利用する際に高齢者や障害者を含む多くのユーザーが、ウェブサイトの情報にアクセスでき、利用できる状態を指す言葉だ。「ウェブアクセシビリティを確保する」ということは、身体に障害があったり、高齢などで身体機能が低下していたり、健常者でも特定の条件下で情報が取得しにくい状況にいたとしても、代替手段等を提供することによってウェブサイトの閲覧・操作ができるようにすることを言う。 いまやウェブサイトは企業のビジネス活動で不可欠な存在となっており、また近年のコロナ禍でのリモートワーク・ス

uxmag.com UXデザインにおいて重要なことは、アクセシビリティ（能力に関係なく誰もが使えるプロダクトやサービスのデザイン）です。しかし、その重要性にもかかわらず、UXデザインの分野ではアクセシビリティが軽視されることが少なくありません。多くのデザイナーや組織は、新しいプロダクトやサービスをデザインする際にアクセシビリティを優先させることができず、その結果、すべての人にとって包括的でないユーザー体験を生み出しています。 そこで登場するのがAIです。今日のテクノロジーの世界では、人工知能（AI）がUXデザインにおけるアクセシビリティの強化に活用され、障がいを持つ人々がデバイスやウェブサイトと簡単にやり取りできるようになっています。UXデザインにAIを活用することで、デザイナーは、すべての人にとって真にアクセシブルでインクルーシブなユーザー体験を創造する機会を得ることができます。AIは、

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? web アクセシビリティに、どうやって対応したら良いか？を 手助けするツールを作りました。 WCAG2.0 の達成基準に合わせた実装方法を確認し、試験結果を記録することができます。 ■ WCAG 2.0 達成基準・実装チェックリスト https://a11y-i-guideline.netlify.com （chrome ブラウザでしか挙動確認してません） 対象 web コンテンツで JIS X 8341-3:2016・WCAG2.0 への対応を求められた コーダー、ディレクター、デザイナー 目次 アクセシビリティ用語解説 実装チェック

近年、日本国内でのアクセシビリティの取り組みは官民の組織区分にかかわらず活発なものとなっています。特に昨今ではデジタル庁がアクセシビリティの確保・維持・向上に取り組んでいる事例を耳にしてアクセシビリティにさらなる関心を寄せている人は多いのではないでしょうか。 そんなアクセシビリティへの理解を深める上で欠かせないのがウェブコンテンツのためのアクセシビリティガイドラインである「WCAG」です。WCAGはウェブエンジニアにとっては一般的に活用されるものになってきていますが、ボリュームの多さや内容の複雑さから、エンジニアと比べるとデザイナーに対しての普及は途上中という現状があります。 一方でアクセシビリティ対応はエンジニアだけの力で取り組むことは難しく、取り組みのためにはデザイナーの力が必須です。デザイナーがアクセシビリティに取り組むことによってユーザーをより理解できるようになる他、特に視覚表現に

2023年3月31日 我が国では、障害のある人もない人も、互いにその人らしさを認め合いながら共に生きる社会（共生社会）を実現するため、「障害者差別解消法」を定めています。 「障害者差別解消法」では、行政機関等及び事業者に対し、障害のある人への障害を理由とする「不当な差別的取扱い」を禁止するとともに、障害のある人から申出があった場合に「合理的配慮の提供」を求めることなどを通じて、「共生社会」を実現することを目指しています。 「合理的配慮の提供」とは、障害のある人から「社会の中にあるバリア（障壁）を取り除くために何らかの対応が必要」との意思が伝えられたときに、行政機関等や事業者が、負担が重すぎない範囲で必要かつ合理的な対応を行うことです。 「合理的配慮の提供」は、これまで行政機関等は義務、事業者は努力義務とされていましたが、改正法により、令和６年４月１日から事業者も義務化されることとなります。

ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

公開日 : 2019年7月20日 カテゴリー : アクセシビリティ 先の記事でご紹介した、英国内務省 (UK Home Office) によるウェブアクセシビリティの「べき/べからず」ポスター ですが、このほど @onouchidebe さん によって日本語化されました。 ウェブアクセシビリティの「べき/べからず」ポスター (UK Home Office) 日本語版 障害の種類 (以下の7種類) ごとに、アクセシビリティ担保のためのデザインとして「すること」と「しないこと」が、コンパクトにまとめられています。 自閉症スペクトラム スクリーンリーダー利用者 ロービジョン ディスレクシア 身体障害 / 運動障害 聴覚障害 / 難聴 不安状態 日本語化されたことで、とても読みやすくなりました。英国政府機関の資料という位置づけになりますが、あらゆるウェブサイトやアプリケーションに応用できる内容なの

もりたま/ayammin @ayammin 「聲の形」の件はいろんな人がツイートしてるけど、あのCM見てても何のCMなのか全然分からず、最後のほうで映画タイトルが出て初めて「あー『聲の形』のCMか」と分かる。内容は最後に手話で「ありがとう」と言ってることしか分からない。わざわざCMするなら字幕くらい入れてよ、と思うよね…。 2016-09-17 18:33:11 KAMEI Nobutaka @jinrui_nikki 昨日から上映の『#聲の形』を見た聞こえる人たちの、感動しました！的な感想が流れてくると、少々むごいですね… あのー、聞こえない人たちはアクセスできていないのだよね。待たされているんだよね。 表現の自由は尊重するけど、ちょっとイヤな構造が見えてしまって釈然としない連休のなか日。 2016-09-18 11:56:28

コンテンツは本当にアクセシブルか Webアクセシビリティは、大きく分けて 2 つの『デザイン』があります。ひとつは、情報を分かりやすく整理し、目的の情報へた辿り着くための Web アクセシビリティ。この要素は、色、形状、動き、スピードなど、UI デザインの課題と重なるところが多いです。もうひとつの要素は、情報の構成や文章のスタイルといった「編集」とも呼べる Web アクセシビリティです。 前者の情報構造や操作性は、明確なガイドライン化がしやすく、チェックもしやすいですが、後者の編集の部分は、パッと見では判断がしにくいだけでなく、ガイドラインとして共有するのも難しいです。 Webアクセシビリティにある 2 つの『デザイン』 もちろん JIS X 8341–3:2010 でも「利用者が理解できるコンテンツ」を制作・維持できるようにすることが重要であると書かれていますが、技術で解決できるところに

店入口。ここにもすごい段差。 現場を想像しないで、客が運べばいいとか、 のんきなこと言っている人もいたが、かなりハードかと思う。 しかもお客さんはお酒飲んでるわけですよね。 そんな状況で手伝わせて安全が確保できるのだろうか。 ちなみに車椅子は重いから大変なのではという、私のつぶやきに対して、 「なんで車椅子、持ってくんですか？ 乙武さんだけ運べばいいじゃないですか？」 と批判していた人がいたが、 車椅子は一体どこに置くんですかね？ まさか銀座の歩道に放置ってことではないですよね。 ビルの中も見ての通り、通路が狭いので、スペースは少ない。 ちなみにこんな人はいないと思うが、 「あの店、ほんとに車椅子を入店拒否しないのか、試してみよう」 と興味本位で車椅子で行くんだったら、 現場を見る限りおすすめできない。 店員が手伝うとか客が手伝うとかいう問題ではなく、構造上かなり厳しい。 でも不可能ではな

W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。 アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）。 知覚可能 情報およびユーザーインターフェースの構成要素は、ユーザーが知覚できる方法でユーザーに提示可能でなければならない。 操作可能 ユーザーインターフェースの構成要素およびナビゲーションは操作可能でなければならない。 理解可能 情報およびユーザーインターフェースの操作は理解可能でなければなら