note アクセシビリティ知見まとめ

本

noteにある様々なアクセシビリティの知見をまとめていくマガジンです。その記事を見た人が、次のアクションに活かせると言う観点でピックアップしています。良い記事を選定してくれる運営… もっと読む

運営しているクリエイター

#デザイン

Webアクセシビリティことはじめ【おすすめ資料5選】

こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、Webアクセシビリティの初心者が基礎を学ぶときに助かった資料を紹介します。各資料に対する説明も掲載しているので、どうぞ最後までお楽しみください🌏 ※冒頭、Webアクセシビリティに関する前提知識の紹介が長くなっています。本編を読みたい方は「資料①｜ざっくり知ろう」からご覧ください。はじめにまずは、Webアクセシビリティに関する基礎知識の整理からスタートします。最近よく耳にする「合理的配慮」のことも振り

アクセシビリティの祭典「10年後のアクセシビリティを考える」の対談前メモ

本日5/18に開催される「アクセシビリティの祭典」で、「10年後のアクセシビリティを考える」という対談を実施します。で、対談のための頭の整理として書いたメモをアクセシブルな形で出しておきたいので、いったんnoteに貼っておきます。追記: 図の「マルチデバイス期」が10年前、「ウェアラブル/スマート期」が2年前、「AIエージェント期」が現在進行形〜数年後というイメージです。ウェアラブル・スマート期はかなり来ているサイトワールドなどに行って思うことは「汎用機より専用機」。

“Webアクセシビリティクイズ”で社内に啓蒙活動をしてみた

こんにちは！NEデザイナーのひとみです。今年の1-4月にかけて、全社に向けて“Webアクセシビリティクイズ”を実施していました。その取り組みのきっかけや得られたことを書きます✍️ 始めたきっかけNEでWebアクセシビリティのことを広める啓蒙活動をしたかったんです！去年に「Webアクセシビリティが義務化される」というポストや記事を見て、「そうなの！？知識をつけとかないと…」と思い本を買ったり調べたりしました。その過程で、どうやらWebアクセシビリティは努力義務という位置

発達障害当事者デザイナーとウェブアクセシビリティ②アニメーションについて

こんにちは。株式会社トルクのデザイナー山﨑です。以前投稿しました「発達障害当事者デザイナーとウェブアクセシビリティ」について弊社エンジニアから「発達障害の方は具体的にどういったアニメーションに気が散ってしまう・ストレスに感じてしまうのか」という質問がありました。今回は発達障害当事者（ADHD・ASD）デザイナー目線から、気が散ってしまう・ストレスに感じてしまうアニメーション、対応策としてのウェブアクセシビリティについて書いていこうと思います。 ※私は発達障害ADHD・AS

アクセシビリティを配慮したカラーにたどり着くまで―追求した情緒的な"smartroundらしさ"

こんにちは！スマートラウンドでエンジニアをしている福本です。皆さまにスマートラウンドの開発に携わる人たちのことを知ってもらいたく、今回はsmartroundで最近行われたホーム画面の「グローバルナビゲーション（以下グロナビ）のリニューアル」プロジェクトをテーマに、携わったデザイナーの上垣さんとせなさん（早川さん）のお二人にインタビューしました。 BtoBのSaaSプロダクトにおけるデザイン刷新の背景や取り組み、こだわった点などをデザイナー目線でたっぷりと語ってもらいまし

デジタル庁Webサイトのスゴさを伝えたい！～「誰一人取り残されない」Webサイトの在り方について考える

こんにちは、水無瀬あずさです。 noteではWebライターをメインに名乗っている私ですが、こう見えて本業はエンジニアでして、日々社内システムの設計やらプログラミングやらテストやらをしております。少し前に、技術者向けの情報共有サイトQiitaのある記事を見て、どうやらデジタル庁のWebサイトってスゴいらしいということを知りました。私も実際にデジタル庁のWebサイトを触ってみましたが、なるほどこれが本当の意味でのアクセシビリティってやつなんだなあと実感させてもらいました。頭

配慮を、「当たり前」にする

今年の4月から、障害者差別解消法に基づく合理的配慮が、民間事業者（私たち）にも義務化されることになりました。漢字が多いですが、簡単にいうと「法改正に伴って、Webサイト制作のうえでも配慮することが義務化されたよ」ということです。これまで「合理的配慮」は、国や地方公共団体にのみ義務付けられていました。（参考：政府広報オンライン）なかなか聞き慣れない「合理的配慮」ということばについては、内閣府が次のように説明しています。 Web制作会社としてできるのは、ウェブアクセシビ

発達障害当事者デザイナーとウェブアクセシビリティ　

こんにちは。株式会社トルクのデザイナー山﨑です。唐突ですが私は発達障害当事者です。ASD（自閉症スペクトラム障害/アスペルガー症候群）とADHD（注意欠如・多動症）を持っています。トルクでは私の障害を受け入れてもらいウェブデザイナーとして勤務しています。近年、発達障害は話題にあがりやすいトピックスですので、聞いたことある方やなんとなくご存じの方もいらしゃるかと思います。発達障害について説明しますとそれだけで長くなってしまいますので詳しくは「大人の発達障害ナビ」や政府広報オン

Designing for Web Accessibility: Tips for Getting Started

こんにちは、RAKSULでデザインインターンをしている川村です。今回はウェブアクセシビリティに対応したプロダクトをつくるために、デザインする上で達成すべきことについてまとめてみました。また、自分がウェブアクセシビリティを勉強する上で参考にしているサイトもご紹介します。ウェブアクセシビリティについて知りたいけど、何から手をつけたらいいかわからない方へ、ぜひ参考になれば幸いです。ウェブアクセシビリティって何？ウェブアクセシビリティとは何か。デジタル庁が提供している「ウ

当たり前を再認識して、アクセシビリティが自分ごと化できた話

はじめに2023年ももうすぐおしまい。今年も事業会社のチームの中でデザインをする他、スタートアップのデザインをお手伝いしたり、イベントや登壇、勉強会などにも参加してきました。その中でも印象的だった出来事を今年の生きた証として綴ろうと思います。数ヶ月前、デザインイベントの運営スタッフで関わったときの出来事です。イベント運営での担当範囲は登壇者周りで、半年前から募集・選考・本人との一連のやり取り等を行なっていました。イベント当日に視覚障害の方（以下Aさん）の登壇

カラーユニバーサルデザインを実践してみよう！

色は、情報を伝える手段の一つです。しかし人によっては色の見え方に違いがあるため、正しく情報を受け取ってもらえないことがあります。そのため多様な色の見分け方について理解し、配慮することが必要です。今回は、伝える情報の認識に差異を与えないための「カラーユニバーサルデザイン」について実践、解説します。カラーユニバーサルデザインとは？色の見え方は人によっては認識しにくい場合もあるので、配色に気をつけないと伝えたい事が伝わらないこともあります。そこで「カラーユニバーサルデザイン

色覚多様性に配慮した、色を伝える折り紙のデザイン

こんにちは。博報堂プロダクツプレミアム事業本部プロダクトデザイン部の内田です。私たちは、キャンペーンで使うノベルティグッズやユニークな開発アイテム、飲料や化粧品のボトルやパッケージなどを手掛けるプロダクトデザイナー集団です。今回は、私たちで取り組みはじめたインクルーシブデザインについてのお話です。色覚特性の方に、色が伝わるアイテムを作りたい色覚多様性(色覚特性)とは？色覚多様性とは、色の識別に特性を持つ人がいて、それぞれの見え方による多様性のことをいいます。

【国際障がい者デー】多様な色覚の人に配慮した社会を目指して

こんにちは！アドビ未来デジタルラボ編集部です。 12月3日から12月9日は障がい者週間と呼ばれているのをご存知でしょうか。広く障がい者の福祉についての関心と理解を深め、障がい者があらゆる分野の活動に参加する意欲を高めることを目的とした期間で、毎年この時期になると各地でイベントが開催されています。今回はこの期間にちなんで、NPO法人カラーユニバーサルデザイン機構の　伊賀公一さんにデザインをするうえで知っておくべき「色覚多様性」と、　すべての人に分かりやすい「ユニバ

"超高齢社会に優しいデジタルを"「中国から学ぶ高齢者に優しいUIデザインとは？」インクルーシブデザインスタジオCULUMUが事例集を公開【CULUMU/ニュースリリース】

▼ホワイトペーパーダウンロードはこちら「中国」での高齢社会に向けたUIデザインに関する先進事例を一挙公開本ホワイトペーパーでは、「中国」での高齢社会に向けたUIデザインに関する先進事例を取りまとめました。これからの日本においても超高齢社会という社会課題に対し、“インクルーシブ（包摂）“の重要性がより一層高まっており、デジタル格差、PC・スマートフォンの利用比率などを考慮したインクルーシブな取り組みが各業界で求められています。少子高齢化が進む中で、2030年には３人に1人が