ウェブアクセシビリティ導入ガイドブック｜デジタル庁
デジタル庁では「誰一人取り残されない、人に優しいデジタル化」を実現するため、継続的に「ウェブアクセシビリティ」の向上に取り組んでいます。この度、ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイドブックを公開します。 優しいサービスのつくり手になる一助として、ぜひご活用ください。 公開の背景ウェブアクセシビリティの向上に取り組むには、非常に専門的な複数の規格とガイドラインをそれぞれ確認する必要があります。そのため、適切なやり方がわからないままに、現在は間違っている対応の踏襲、不要・過剰な対応、不適切な対応をしてしまうことがあります。ウェブサイトだけではなく、申請・手続等のデジタルサービスの重要性が増す中で、最新の技術動向を踏まえた、初心者が学習できる行政機関向けの研修資料が不足していま
アクセシビリティの高いデザインを実現するのに重要な「色選び」の方法とは？
by Alice Achterhof イーロン・マスクをはじめとする投資家から4億5000万ドル(約490億円)以上の資金を調達し、1万3000以上のウェブサイトで使用されるようになったオンライン決済処理サービスの「Stripe」が、自社プロダクトのデザインにおける「色選び」で重視したポイントを自社ブログ上で解説しています。 Designing accessible color systems https://stripe.com/au/blog/accessible-color-systems ソフトウェアやサービスにおける色のコントラストは、アクセシビリティに大きな影響を与える重要な側面です。正しいコントラストを用いることで、視覚障害を持つ人でもプロダクトが利用しやすくなり、「低照度のディスプレイ」や「古い機材を使用しているユーザー」といった、推奨されない環境でプロダクトを利用している
一般色覚者にはほぼ分からない“小さくて大きな違い” JIS改訂で「日本社会における色のルール」はどう変わったのか
道路工事中の赤ランプ、踏切、非常口のマーク―― 2018年4月、JIS（日本工業規格）の改訂に伴い、こういった場所に使われている「安全色」が変わったことをご存じでしょうか。 設備の入れ替わりに時間がかかるため、ひょっとしたら、まだ“新色版”を目にしていない人もいるかもしれません。ですが、仮に見ていたとしても、多くの人は気付かないままでしょう。というのも、一般的な色覚を持つ人には、“小さな違い”しか分からない調整が行われているからです。 上下どちらが改訂前、改訂後なのか分かりますか？ しかし、この改訂により、あるタイプの色弱者には「色味が感じられなかった標識がカラーになる」など“大きな変化”があるのだといいます。安全色に起こった小さくて大きな変化とは、どのようなものなのか。CUDO（カラーユニバーサルデザイン機構）副理事長・伊賀公一氏に話を伺いました。 本記事はテーマ別に分けた3編構成となり
読み手に配慮したふりがな - 頭ん中
たまたま立ち寄ったトイレにあった 案内書きがおもしろかった。 おもしろかったといっても ふざけたことが書かれているわけではない。 文面自体ははごく普通。 トイレ内の電灯は、自動感知式になっています。 約5分程度で自動消灯します。万一ご使用中に消えましたら 手を振る等、体を動かしていただくと再点灯します。 では何がおもしろいかというと、 この文についていたふりがな。 画質がよくないけど、 写真でみた方が早いかな。 ふりがながこのようにふられている。 電灯 → あかり 自動感知式になっています → ひとりでについたり、きえたりします 手を振る → てをふる 再点灯します → またつきます 読み手に配慮した見事なふりがなだと思った。 ここでふりがなをふる目的は 漢字の読み方を教えてあげることではなく 漢字が読めない人でも 案内書きの意味がわかるようにすること。 そもそも「自動感知式」が読めない人
アクセシビリティ・カラー・ホイール
使用法: 画面左の円の中の色か、縦長の短冊状のバーから、マウスで前景色を選択してクリックするか、タッチ・スクリーンの場合は指定したい色の部分をタッチします。 次に「背景色」ボタンをクリックし、同じように背景色を選択します。 チェックマークが出たら、アクセシビリティ上、色の組み合わせは良好な状態です。 そうでなかった場合、前景色や背景色のボタンを選択し、一方か、両方の色を変更します。
あなたのサイトを色盲の人がどう見ているか教えてくれる『Colour Blindness Simulator』 | P O P * P O P
色盲の人にとってあなたのサイトは見えにくいかもしれません。 そこで便利そうなのが「Colour Blindness Simulator」。 このサイトでは指定した画像を色盲の人がどう見ているかを教えてくれます。 以下に使い方をご紹介。 ↑ とりあえずこのサイトのスクリーンショットでテストします。 ↑ ファイルと色盲の種類を指定します。 ↑ 変換結果。ちょっと小さいですが、まったく違う色になっちゃってますね・・・。 指定できるファイルは100KB以内および、1000ピクセル×1000ピクセル以内のJPEGなのでサイトなどで試すときは気になる部分だけで試してみると良さそうですね。 アクセシビリティに注意しなくてはいけない方はご利用になられてはいかがでしょうか。 » Colour Blindness Check – Etre
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
タイミングが大切！外貨両替のコツを知っておこう
投資方法を知るツール FXブログを利用すれば、最適な投資の方法を見つける事も可能です。一般人からプロの投資家まで多くの人のブログを無料でチェックすることができるので、誰でも簡単にFXの知識をつけることができるようになります。 時期を見極める シボヘールの効果・評判レビューサイト効率的に脂肪を落としたいならシボヘールを利用すべし！脂肪燃焼に欠かせない栄養素が手軽に摂取できますよ。 シボヘールは痩せない！？効果や口コミ徹底検証！シボヘールの効果を利用してダイエットを成功させよう！利用者の声を参考にすることで飲みやすさや効果を高める方法がわかりますよ。 為替情報に注意する 外貨の価値は日々変動している状況なので、高いところで売ることができれば儲けを出すことができます。ビジネスと同じように、安く購入して高く売ることが大切なので、できるだけ底値で外貨を取得するように為替の情報には注意を向けることが重
ラプラス取説研究所
ごあいさつ 当研究所は「わかりやすい取扱説明書（マニュアル）とインターフェース設計という視点から、メーカーとユーザーとの間にかけ橋を渡す」ことを目指す、インフォメーション・アーキテクト（情報大工）です。 各種マニュアルやインターフェースの制作・評価をはじめとして、文書情報系を中心とした情報デザインに関連する業務を行っています。 情報の発信だけでなく、積極的な情報共有を通じ、我が国の知的インフラの底上げの一助となるよう努力しています。 実際の業務活動は、有限会社文書情報設計にて行っております。このWebサイトをご覧になって、「具体的にどのような業務を担当したのか知りたい」「仕事を発注したい」とお考えの方がいらっしゃいましたら、有限会社 文書情報設計のWebサイトをご覧いただきたく思います。 新着情報（最新5件） 情報大工のひとりごと更新しました（2015.1.16） 有限会社 文書情報設計の
CNET Japan Blog - 渡辺聡・情報化社会の航海図：インフォメーション・アーキテクト
浮いては沈み、忘れては思い出しという感じでずっとひっかかっているテーマがある。インダストリアル･デザイナーのDavid Tonge氏とも話をしていて出てきたのだがハードからソフト、一部はコンテンツにまたがって情報デザイン、もしくはエクスペアリエンス・デザインという仕事をしている人をどう呼称すればよいだろう？という話となる。 例えば、Ajaxを使って動的な画面設計をしつつ、コミュニケーションデザインをページに盛り込んでいる人はプログラマーかデザイナーかなんなのか（役割としては両方が入り混じっている）。 LAMPにせよ、Web2.0にせよ、ロングテールにせよ、適切な名があることは物事を理解する助けになる。実体があってはじめてという原則はもちろん消えることはないが、カテゴライズや括りは大事である。 デザインという言葉の限界 本当は、デザイナーという言葉が使えれば一番良い。元々の英語のニュアン
第19回 リッチなUIにおけるアクセシビリティ
Rich Internet Application（RIA）やリッチ・クライアントの開発者にとって，「アクセシビリティ」はあまり触れたくない話題の一つです。リッチ～の根底にあるのは，視覚的な効果を一つの“強み”として掲げることです。これに対しアクセシビリティは，情報を“広く平等に誰にでも”伝えるという考え方が基本にあります。ターゲットを絞るものと広げるもの――そもそもベクトルが異なるのであり，同居できない領域が存在しています。 日本でのアクセシリビリティ対応はこれから 「アクセシビリティ」の重要性は，Webの黎明期から認識され，様々な対応策が議論されてきました。しかし本格的な流れになったのは，ここ最近の話といってもいいでしょう。米国では2001年6月に，リハビリテーション法第508条によって電子・情報技術アクセシビリティ基準が定められ，実装段階に突入しています。 日本では少し遅れて，200
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://browsersize.googlelabs.com/
Phenomena Entertainment