マガジンのカバー画像

accessibility

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

#Webアクセシビリティ

ユニクロ公式サイトが使えません(ついでにレジも)

ユニクロ公式サイトが使えません(ついでにレジも)

ブラインドライターズのスタッフは9割が視覚障害者。
先日、みんなで「どうやって服を買うか」の話になりました。

などと、たくさんの悩みごとがありました。
確かに、異性の店員さんに下着の相談はしにくいですよね。
タグが読めなければ、サイズも分からない。リアルでの買い物は一人ではけっこう難しそうです。

そんなときに便利なのがECサイトです。

また「リピ買いするならサイト」という意見もありました。確

もっとみる

モバイル(ネイティブ)アプリのa11y(アクセシビリティ)について

アプリのアクセシビリティについて、現状のまとめたものを公開します。
間違っているとか、別の方法があるぞ、とかあれば、ご指摘いただけると助かります。

1.参照する規格https://waic.jp/docs/WCAG21/
https://www.w3.org/TR/wcag-3.0/
https://www.w3.org/TR/mobile-accessibility-mapping/

2.ア

もっとみる
🗂️ Design Materials:Webアクセシビリティ評価に障害のあるユーザーを対象としたユーザビリティテスト、評価に関する考慮事項

🗂️ Design Materials:Webアクセシビリティ評価に障害のあるユーザーを対象としたユーザビリティテスト、評価に関する考慮事項

Webアクセシビリティ評価は、WCAGなどのアクセシビリティ標準への準拠に焦点を当てていることがよくあります。

適合性は重要ですが、実際のユーザーと一緒に評価することには多くの利点があります。たとえば、サイトまたはツールがユーザーにとって実際にどのように機能するかを学び、アクセシビリティの問題をよりよく理解することができます。また障害のあるユーザーや年配のユーザーと一緒に評価することで、適合性評

もっとみる
2021年、freeeのアクセシビリティを振り返る

2021年、freeeのアクセシビリティを振り返る

この記事はfreee Designers Advent Calendar 2021およびアクセシビリティ Advent Calendar 2021の6日目です。

こんにちは、freeeの@magi1125こと伊原です。デザインリサーチチームおよびデザインシステムチームのマネジャーをしています。また、自称「アクセシビリティで一発当て太郎」でもあり、アクセシビリティによるビジネス貢献を模索しています

もっとみる
Webアクセシビリティガイドラインのコントラスト比について色相環を使って視覚化してみた。

Webアクセシビリティガイドラインのコントラスト比について色相環を使って視覚化してみた。

Webアクセシビリティ対応のデザイン制作をお受けする際、コントラスト比についての説明は数値でしか書かれておらず、「感覚」としては掴みづらい(数値だとピンとこない)、またコントラストチェッカーでの確認も全部逐一するのはなかなか時間と手間がかかるので、少しでも解消したいと思っていました。

制作経験がある程度必要とはいえ、少しでもわかりやすい資料はないかと探したものの、結局見つからなかったため、だった

もっとみる
アクセシビリティを勉強する(1)

アクセシビリティを勉強する(1)

こんにちは、matsukoです。
普段はWeb界隈のデザイナーやってます。一児の母です。

最近社内でアクセシビリティについて話す機会がありました。
恥ずかしながら、今までコントラスト比程度で学習していなかったので、これを機会に少し知識を深めようと思います。

初回は、言葉の意味・似ているワードとの違いについてまとめます。

アクセシビリティ(Accessibility)とは国際規格であるISO

もっとみる
GAAD Japan 2020 でした!

GAAD Japan 2020 でした!

社長がnote書いてたので、私も忘れないようにメモメモ。

今日は(あ!書いてる間に日付が変わって、昨日は)、 GAAD Japan 2020 に参加しました!リモートワーク中だけど、私がじっくり試聴できるようにと配慮してくれる会社の先輩方に感謝です。
お仕事休まずに、お仕事として、アクセシビリティのイベントに堂々と参加できる幸せ。
Twitterでつぶやき放題、楽しかったです。

正確に音声認識

もっとみる
サニーバンクのウェブアクセシビリティ担当です! (って、恐れ多いけど嬉しい・・・)

サニーバンクのウェブアクセシビリティ担当です! (って、恐れ多いけど嬉しい・・・)

まず、あれなんですが、裏技?を使っても、noteのページトップに入れた画像の代替テキストは「見出し画像」になるってことをさっき知りました。
このページの「見出し画像」は、しろたんぽぽの写真です。この写真を撮った日は陽射しが結構強かったので、陽射しを反射して、なんだか花びらの白さがまぶしいです。

転職しました前職を任期満了により退職し、この4月から株式会社メジャメンツの仲間に入れていただきました。

もっとみる

「障害のない社会をつくる」ためにWEBアクセシビリティに向き合う

 株式会社LITALICOで障害福祉施設向けの運営支援サービスのデザイナーをやっています田中良樹です。この記事は『LITALICO Advent Calendar 2019』13日目の記事です。(だいぶ出遅れました。)

はじめに弊社LITALICOでは「障害のない社会をつくる」というビジョンを元に、様々な事業を展開しています。

「障害は人ではなく、社会の側にある」という考えのもと、LITALI

もっとみる
情報保障に向けた取り組み ~文字起こし編~

情報保障に向けた取り組み ~文字起こし編~

本記事は『LITALICO Advent Calendar 2019』の15日目の記事となります!
今回はタイトルの通り、情報保障について、普段考えていることと実践について書いてみようと思います。

情報保障とWebアクセシビリティ普段私は 株式会社LITALICO でWebエンジニア& エンジニアマネージャをしています。

LITALICOでは「障害のない社会をつくる」というビジョンを掲げながら

もっとみる
#50 アクセシブルなアコーディオンを作る【ぴよぴよコーダーの開発日記】

#50 アクセシブルなアコーディオンを作る【ぴよぴよコーダーの開発日記】

まずはデモ。その前にアクセシブルとは何ぞや、と言うことですが、平たく言うと、あらゆる人がアクセスしやすいって意味で大丈夫かと思います。

アクセシブルなアコーディオンのデモ

アクセシブルじゃないアコーディオンのデモ

違いがわかるだろうか。アクセシブルなデモはタブキーが動くんですね。

だから何だって感じかもしれませんが、WebアクセシビリティのガイドラインであるWCAG2.0で、こんなルールが

もっとみる

Trusted Tester - Section 508 Conformance Test Process for Web 勉強会について

2019年4月から表題についてのオンライン勉強会に参加しておりまして、その内容についてさっくりと概略紹介したいと思います。

経緯Webサイトの情報を、いろんなひとが同じようにアクセスできるようにするためにはアクセシビリティ対応が必要ですよ、ということはかなり知られるようになりました。実際にアクセシビリティやってるよ!というひとも多くなったなあ、という体感(※個人の感覚)です。

しかし、次の悩み

もっとみる

ドイツのアクセシビリティ事情ちょっとだけ

[European accessibility act(欧州アクセシビリティ法、以降EAA)]の公布により、EU加盟各国ではアクセシビリティに関する国内法の整備と、それを見据えた諸対応が進められているところと思います。

この記事では、直近のドイツのアクセシビリティ関連の動きについてご紹介します。

「マインツ宣言(Mainzer Erklärung)」採択2020年11月末に、第60回連邦および

もっとみる
アクセシビリティの国際会議で発表してみた〜CSUN2019

アクセシビリティの国際会議で発表してみた〜CSUN2019

こんにちは、サイボウズ株式会社の小林です。

2019年3月に、CSUN2019という、アメリカのアナハイムで開催されたアクセシビリティの国際カンファンレンスで登壇してきました。この記事では、その動機や準備、発表についてまとめようと思います。

発表の動機とテーマ
CSUNには過去2回参加していました。参加することで、海外のさまざまな情報を吸収できていましたが、次第に日本人として情報をいただくばか

もっとみる