2019-12-16

アクセシビリティを上げるヒント。米国内務省の啓蒙ポスター。

アクセシビリティを考えることは、中上級者にとっても必要な事だけど
これからデザインを始めようとする人にとってもいいヒントになってくれるよ

英国内務省がリリースした啓蒙ポスターを紹介します
日本語翻訳は尾内でべ氏
github.com/UKHomeOffice/p… pic.twitter.com/OEb7h27agU
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Tue Dec 10 11:38:14 +0000 2019

togetteruser.hatenablog.com

Twitterの反応

これはウェブサイトデザインを念頭に置いたポスターだけど、インタラクションも操作も必要としない印刷物、静止画、グラフ等についても応用が効くよ
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Tue Dec 10 11:40:29 +0000 2019

2000RT近くもありがとうござます
こういうネタで自家製品を宣伝するものでもないので…

W3Cが勧告したWCAG 2.0のリンクと
有限会社時代工房さんがリリースしているJIS X 8341-3:2016, WCAG 2.0の早見表を紹介しますね

waic.jp/docs/WCAG20/Ov…
jidaikobo.com/archives/26.ht… pic.twitter.com/GKDCueDRXn
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 05:20:18 +0000 2019

ウェブサイトを納品するにあたってこのガイドラインが要件になる場合があります
官公庁などはAAないしAAAを満たすサイト制作を求めてきます

ページや画像のデザイン、制作だけではなく、文字サイズ可変プログラム、スクリーンリーダー埋め込み、音声収録なども必要技術となりますね
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 05:26:50 +0000 2019

@nomen_machine これ、いいですね！

わかりやすいです
— レナ(雑多・絵アカ){頭痛だけど時々浮上中）(@xCDZKBKjOAxTdrD)Wed Dec 11 05:36:46 +0000 2019

@xCDZKBKjOAxTdrD インクルーシブデザインといってイギリス発祥のデザイン手法です
国そのものがこういうことに意識が高いのはとても羨ましいですね
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 05:45:14 +0000 2019

@nomen_machine 📚色弱者にやさしい、ユニバーサルデザイン色選択ガイドライン📚

…！のうめんさんの、助かるです！！

#ZtgK_TRIVIA #UDdesign
— ZtgKuuto 📚 ざつがクート『智を識る』が好き。雑楽Vサイボーグ(@ZtgKuuto_TRIVIA)Wed Dec 11 06:31:05 +0000 2019

@ZtgKuuto_TRIVIA 学がどんどん広がる！！
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 06:32:55 +0000 2019

@nomen_machine 📚日本人に
📚箇条書きを拡める
📚これとてもだいじ！！

ユニバーサルデザイン工学ですにゃぁ
#ZtgK_TRIVIA #UDdesign
— ZtgKuuto 📚 ざつがクート『智を識る』が好き。雑楽Vサイボーグ(@ZtgKuuto_TRIVIA)Wed Dec 11 06:35:04 +0000 2019

@ZtgKuuto_TRIVIA 完結にしすぎてカタコトになっとるやん
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 06:35:52 +0000 2019

3000RTありがとうございます！

コントラスト比に関するツールのおすすめをつぶやいたのでこちらもどうぞ
twitter.com/nomen_machine/…
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 08:04:33 +0000 2019

@nomen_machine @arincocherry このガイドラインに基づいたデザインは、きっとその言語を学習している人のためにも、嬉しいデザインになるだろうね。
— Minya #JapanLovesSPN(@NMyinya)Wed Dec 11 10:01:00 +0000 2019

@endometrialgta5 それでも作るのがお仕事ですので
もちろん要件が緩いものであればすべて満たす必要はありませんが
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 10:01:57 +0000 2019

@NMyinya なるほど
言語学習の教材としての用途…
その視点は抜けていました
ありがとうござます
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 10:03:18 +0000 2019

@nomen_machine @nomen_machine

このツイートは現在、
勢いランキング『第10位』です
勢い：726RT/h

@nomen_machine
アクセシビリティを考えることは、中上級者にとっても必要な事だけどこれからデザインを始めよう...
twimaru.com
— ツイッター勢いランキング(@tw_ik_ranking)Wed Dec 11 10:35:32 +0000 2019

@nomen_machine アクセシビリティ専門にやってる者です

こういう情報なかなか出ないのでありがとうございます！
— ねる☆風船技師@巨大バルーンドールの人(@neru_mono)Wed Dec 11 12:13:43 +0000 2019

@neru_mono 専門家がいらした！
こころづよい！
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 12:25:59 +0000 2019

@nomen_machine wcagだと、こうした方がよい！っていう感じでこうしないでください、っていうのが失敗例だけであまり明確ではないのが結構製作サイドに伝えるのが大変で...

こうしてシンプルなのがあると説明しやすくて嬉しいです
— ねる☆風船技師@巨大バルーンドールの人(@neru_mono)Wed Dec 11 12:29:37 +0000 2019

@neru_mono あのガイドラインは法律みたいで読みづらいですよねぇ
絵や簡単な説明に噛み砕いて欲しい…っていうのはまんまアクセシビリティの話ですね
あのアクセシビリティガイドラインはアクセシビリティ悪いw
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 12:34:38 +0000 2019

6500RTありがとうございます！
いろんな意見を頂いてますが、多くは「これ健常者にとってもわかりやすいよね」というものでした
インクルーシブデザイン、ぜひ覚えて調べてみてください

twitter.com/nomen_machine/…
— のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)Wed Dec 11 12:43:57 +0000 2019

のうめん🏗️👺デザイン産業バーチャル機械(@nomen_machine)さん

現在RTの勢い日本で
🏅第27位🏅です
1528RT/時速 (21時台)

アクセシビリティを考えることは、中上級者にとっても必要な事だけど
これからデザインを始めよ
...続きcards.twitter.com/cards/18ce54pp…tDkc
— ツイバズ(@twibuzzbot)Wed Dec 11 12:54:02 +0000 2019