モリサワ 「Google Fonts」へユニバーサルデザインに配慮した「BIZ UDフォント」を提供 | ニュース&プレスリリース | 企業情報
株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25 Tel：06-6649-2151 代表、以下モリサワ）は、Google の提供するフォントサービスライブラリ Google Fonts へ、ユニバーサルデザインに配慮した「BIZ UDフォント」を提供します。 BIZ UDフォントは、「文字の形がわかりやすい」「文章が読みやすい」「読み間違えにくい」をコンセプトに開発されたユニバーサルデザイン（UD）フォントです。より多くの方にとって読みやすく使いやすいように設計されており、ユーザ評価に基づく読みやすさのエビデンスを取得しています。ICT化が進む教育現場やビジネスでの書類作成をはじめ、正確な情報伝達が必要な場面でお使いいただけます。2017年から当社が展開する、日常的なビジネス文書作成のためのUDフォントソリューション「MORISAWA BIZ+」で初めて提供
アクセシビリティ対応したカラー設計でもっとメールを読みやすく！ Yahoo!メールのリニューアル事例
実際に適用している画面はこちらです。 あえてブラウザ用のルールを定義した部分 一方で、ブラウザという媒体の特性による最適化をした箇所もあります。 アプリはメインのナビゲーションやツールバーのボタンはブランドカラーの赤を使うことが多かったのですが、それをブラウザでそのまま適用するとエラーのように見えてしまいました。アプリの場合はその世界の中で完結するので、独自のデザインルールがあっても受け入れられやすいのですが、ブラウザの場合はページを行き来できるため、全く異なるデザインルールと共存していることになります。 そのため、リンクは青、エラーは赤など一般的に認知されているデザインルールと異なる使い方をする場合は、特に注意が必要になることがわかりました。 上記の点をふまえ、スマートフォン版Yahoo!メールではメインのボタンは黒としました。また、黒を使うときにはタップできることがわかるよう、ボタンの
「ぷよぷよができる！」と喜びの声 色調整で色覚多様性に対応 「ぷよぷよeスポーツ」が大型アップデート | GAMEクロス
パズルゲーム「ぷよぷよeスポーツ」で大型アップデートが無料で行われました。Nintendo Switch、PS4、Steamのいずれも更新されています。他のプレーヤーの対戦を観戦できる「かんせん」モードや隠しキャラクターなど大幅に機能が追加されています。なかでも特筆すべきなのは、マイデータのオプションに「色ちょうせい」機能を追加し、「色覚多様性」の対応に取り組んだ点です。 細山田プロデューサー「技術的に解決できるので挑戦した」 大型アップデートされた「ぷよぷよeスポーツ」 色を感じる細胞の働きが弱い人や機能していない人もいます。以前は「色盲」「色弱」「色覚異常」と表現されていました。しかし、実際には日常生活に大きな不便さもないことから2017年に日本遺伝学会の用語改訂で「色覚多様性」と呼ばれるようになりました。 色の見え方は人によってさまざまです。セガの「ぷよぷよ」シリーズ総合プロデューサ
ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wezzy｜ウェジー
ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常
滋賀県HPの不具合 複数の専門家が設計上の欠陥指摘（毎日新聞） - Yahoo!ニュース
3月末にリニューアルされた滋賀県のホームページ（HP）で不具合が多数発生した問題で、HPの設計（情報設計）に根本的な欠陥のある疑いがあることが、複数の専門家の指摘で分かった。県は緊急対策チームを設け「当初の不具合は改善できた」と説明するが、専門家は「このまま改善を進めても、問題は解消されないのでは」と疑問を呈している。 県広報課などによると、リニューアルはHPを整理し、スマートフォンなどでも見やすくしようと、2017年10月から検討を開始。費用は前のHPを作成した業者が提出した参考見積もりを基に、1000万円を18年度当初予算に計上した。提案内容も評価する「公募型プロポーザル方式」に応募した2社のうち、同県米原市の業者と昨年6月、約976万円で契約。この業者は、徳島県板野町の業者に再委託していた。 その際、HPを運用管理するシステム「CMS」を変更。約3万8000あったページを約2万200
北海道カラーユニバーサルデザイン機構
ヒトの色覚には先天的・後天的に多様性があります。日本人男性の20人に1人、女性の500人に1人がいわゆる色弱と呼ばれる色覚タイプをもっています。 続きを読む
視覚障害者向け蔵書検索ＨＰ、全盲の司書ら開発 大阪 - MSN産経ニュース
府立中央図書館（東大阪市）の司書で全盲の杉田正幸さん（３８）が中心になって開発した視覚障害者に向けの同館の蔵書検索ホームページが、ほかの図書館などから注目を集めている。パソコン画面を音声で読み上げるソフトに対応しており、音声案内に従ってキーボードを押せば、点字や録音された図書資料などを探すことができる仕組み。全国の都道府県立図書館では初の試みという。 同図書館には、ＣＤやＤＶＤのほか、視覚に障害のある人らの需要が高い点字、録音図書などを蔵書する一方、インターネットのホームページで自宅にいながら検索、障害者らに対しては、希望図書を郵送するサービスも行っている。 しかし、杉田さんは昨年夏、視覚障害のある利用者から「いまの検索法では、目当てのＣＤを探し出すまでにキーを３０回近く押さなければならない。もっと簡単に検索できないか」と、言われた。 従来のシステムではマウスを使い、画面を見て操作すること
Adobe Photoshop CS4 - プロフェッショナルが語るPhotoshop Vol.2 伊賀公一（CUDO）／視覚情報デザインコンサルタント
アドビは世界を変えるデジタルエクスペリエンスを提供しています。アドビのクリエイティブ、マーケティング、ドキュメントソリューションは、新進アーティストからグローバルブランドまでのあらゆるデジタルコンテンツを適切なタイミングで適切な人に提供することで最高の結果の実現を支援します。 Photoshop CS4のCUD機能で、 色覚のバリアフリーが現実に。 誰もが簡単に色彩表現を発信できる現代。しかし注意を惹くために使用したはずの色の組み合わせのせいで、かえって重要な情報が読み取れず苦労しているのが色弱者たちだ。その数は日本だけでも300万人。色弱者の色の見分けにくさを擬似変換で確認できる機能を初めて採用したPhotoshop CS4は、「色覚バリアフリー」の社会を目指す伊賀公一さんの目にどう映っているのか。 Pages 1 of 2 Next Page 色弱者とは、誰のこと？― 人間が色を感じる
色のバリアフリーに配慮した色見本を色弱の僕がレビューします。 - 日々、とんは語る。
IRC でのりさんが教えてくださったのですが、CUDO(クドー)や日本塗料工業会DIC株式会社などにより色覚の多様性に配慮した案内・サイン・図表等用のカラーユニバーサルデザイン推奨配色セットというものが制作されたそうです。 DIC の色見本と言えば、デザイナーの方には有名かと思いますが、近いうちにDICカラーガイドシリーズに追加されるそうです。 また、日本塗料工業会塗料用標準色(JPMA Standard Paint Color)にも2009年5月会員予約受付開始分から収録されるそうです。 さっそくサイトのサンプルを見てみましょう。 赤 色弱の人が赤と感じやすいように、オレンジ寄りの赤にしています。 黄色 白内障の人が白と区別しやすい、濃い黄色にしています。 緑 色弱の人が黄色や赤と間違えやすい黄色みの強い緑を避け、青みが強い緑を選んでいます。ただし青緑まで行ってしまうと、今度はグレーや紫
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
SFCのWebサイト、リニューアルその後のその後 | ゴミ箱の中の雑記帳
日々の出来事やその感想、くだらない (かもしれない) 衝動買いの顛末、主にICT関連の個人的なメモなど、およそ他人の役には立たないであろうことをつらつらと書き散らかしています。 もう書くのも飽きてきたが、一応動きがあったので記録がてらSFCのWebサイトリニューアル問題のその後について書いておく。12月18日にリニューアルがあった後、19日の夜に暫定対応をしたものの、昨日の記事で書いたような問題が残っている状態だった。 本日 (22日) の午後、とりあえずwww-old.sfc.keio.ac.jpというサーバ名での運用は止めたようである。この点は進歩なんだが…。 ということで、現状を書いておこう。まず、http://www.sfc.keio.ac.jp/にアクセスすると、Flash版とHTML版へのリンクがあるページが表示される。この時、アドレスバーを見ると、この実体は/top.html
SFCのWebサイト、リニューアルその後 | ゴミ箱の中の雑記帳
日々の出来事やその感想、くだらない (かもしれない) 衝動買いの顛末、主にICT関連の個人的なメモなど、およそ他人の役には立たないであろうことをつらつらと書き散らかしています。 先日の記事で書いたSFCのWebサイトのリニューアルだが、その記事で追記したように、応急処置 (と信じたい) が施されて、現在は新旧両バージョンへのリンクが張られたページがトップページになっている。しかし、このトップページを見る限り、少なくともこの対応をした人が問題の本質を理解していないように思え、今後が実に心配になってくる。 リンク切れ問題には対応できていない まず、旧サイトはwww.sfc.keio.ac.jp以下ではなく、www-old.sfc.keio.ac.jp以下に再構築されている。そして、新サイトはと言えば、www-new.sfc.keio.ac.jp以下に構築されている。つまり、現在SFCのメインの
慶応SFCのWebリニューアル | ゴミ箱の中の雑記帳
日々の出来事やその感想、くだらない (かもしれない) 衝動買いの顛末、主にICT関連の個人的なメモなど、およそ他人の役には立たないであろうことをつらつらと書き散らかしています。 Twitterの僕の周囲で、僕の母校であり、そして現在の職場の一つである慶応大学湘南藤沢キャンパス (SFC) のトップページ * のリニューアルが話題になっていたのでちょっと覗いてみた。はっきり言おう、こんなページを公開できる担当者はよほどの恥知らずである。なぜか、以下、なるべく感情論を廃して書いてみよう。 どんなページか どうやらつい最近 (昨夜とかそれくらい最近) リニューアルされたものらしいのだが、以前はHTML (もしかするとXHTML) + CSSで記述されていたものが、現在はフルFlashになっている。Flashを表示しない設定でアクセスした場合、テキスト・ブラウザなどFlashを利用できない環境でア
SFCのサイトリニューアルの件について
SFCのサイトが昨晩変更されたのですが，余りにひどすぎるので最初絶句してしまいました．コメントはweb2008-keio@sfc.keio.ac.jpに送って下さいとのことなので，文章をとりあえず書いてみました sfc site renewal 追記: Geekなページにもコメントがでているようです． 追記2: 大学からの回答を載せました． 政策・メディア研究科/SFC研究所 W3C の加藤文彦です． 新しい Web サイトを受けて，質問・コメントをしたいと思います．なお，このメールに対するご回答はSFCにいる学生，卒業生，教員などの間で広く共有するべきものだと考えております．そのため，頂いたご回答の内容を整理させていただいた後に公開することをご了承ください． 以下の5点が現時点で思いつく問題点です． アクセシビリティ Flash の使用 速いPCのみ対象 SEO ユーザビリティ まず，こ
Geekなぺーじ : これはひどい 慶應大学湘南藤沢キャンパス(SFC)のリニューアルWeb
追記2008/12/20 : 旧HTML版と新Flashの両方が表示できるように修正されています。 まだいくつかリンクが切れているなどの問題はありますが、今後徐々に修正されていくと予想しています。 中のかた、素早い修正お疲れ様です。 昨日、私の母校である慶應義塾大学湘南藤沢キャンパス(SFC)のWebサイトがリニューアルされていました。 しかし、残念ながら私のまわりでは非常に評判が悪いです。 以下、どのように変わって、何が批判されているのかをまとめてみました。 アクセシビリティゼロ JavaScriptをOFFにすると何も見られません。 お使いのブラウザでは 当サイトをご覧いただくことができません。 最新版のFlashプレーヤーをダウンロードしていただき JavaScriptを有効にしていただく必要があります。 HTMLを見るとbody部分は以下のようになっています。 <body> <di
今年は使える電子年賀状はあるのか？！: ユーザーの生の声を届ける！ハーモニーblog
今年、mixiと郵便局株式会社のコレボレーションで、斬新なアイディアで、華々しく住所がわからなくても年賀状を出せますよ！というサービスが始まった。 これは、面白い！と思い、mixiで仲良くなった地方に住む、mixiのヘビーユーザーでもある中途視覚障害者のAさんへ、 「使ってみましたか？どうですか・・便利でしょ！」 とメールをしてみた。 すると、Aさんからこんな返信メールが・・・ 「ＨＰＲ （視覚障害者の使用している音声読み上げソフトで一番シェアが高いもの） [mixi。] 買い物カゴ ログアウト 年賀状の受け取りはこちら (オブジェクト。) (オブジェクト。) Copyright (C) ネットリーダー（Windows Vista対応で一番人気の音声読み上げソフト） mixi 945_mixiarrow買い物カゴ 945_mixiarrowログアウト 945_mixiarrow年賀状の受け
支援技術別動作検証報告： 複雑な画像への代替テキストの提案 | アクセシビリティBlog | ミツエーリンクス
Webサイトのアクセシビリティのチェックを行っているとバランスの悪い代替テキストに出会うことがあります。 例えば、複雑なフロー図に「フロー」という代替テキストのみが記述されているようなケースです。もしその画像以外にフローに関する説明がない場合、「フロー」という文言からだけでは、フローの具体的な内容を理解することは出来ません。本来であれば、alt属性にはフロー図に書かれた内容を記述する必要があるでしょう。 一方、画像に含まれる情報をすべて記載しているにもかかわらず、理解しにくい代替テキストとなるケースも存在します。グラフに対する代替テキストを例に見てみましょう。下記は画像上の情報をすべてalt属性に記述したケースです。 音声読み上げ環境では、alt属性に設定されたテキストは、1行に羅列された状態で読み上げられます。次々読み上げられる情報を頭で記憶しながら聞かねばならないため、代替テキストが長
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社ブランディングワークス｜Web・SEO・ブランディングを総合支援
点字名刺って何ですか？ ココロスキップ点字名刺プロジェクト
目次 | Just Ask: デザインプロセスを通じて取り組むアクセシビリティ