本サイトに掲載の記事・写真の無断転載を禁じます。すべての内容は日本の著作権法並びに国際条約により保護されています。 ©National Geographic Society. ©National Geographic Partners, LLC. ©Nikkei National Geographic Inc. All rights reserved
あけましておめでとうございます。株式会社ミツエーリンクスの黒澤剛志です。本稿では、昨年に引き続いて、2015年のWebアクセシビリティの短期的な予測を寄稿させていただきます。 HTML5がW3C勧告に 2014年10月、HTML5仕様がW3C勧告として公開されました。 W3C勧告として公開されることは、その仕様はブラウザーなどに既に実装されていることを意味しています。Webアクセシビリティの観点からは、HTMLのセマンティクスがユーザーに伝わるかどうか、という点も重要です。この点に関しては、2014年を通して多くのブラウザーが改善に取り組みました。特に、これまで対応が弱かったGoogle Chromeでの取り組みが目立ちました。HTML5 Accessibilityのスコアを見ると、Goolge Chrome(Windows版)は、2014年3月には47でしたが、2014年11月には83.
あけましておめでとうございます。株式会社ミツエーリンクスの木達です。昨年の年初、「2008年のWeb標準」と題して、Webコンテンツのフロントエンド実装に用いられる標準とその周辺の動向につき、短期的な予測などをごく簡単に書かせていただきました。それに引き続き本年もまた、同様の趣旨で記事を書かせていただくことになりましたので、よろしくお付き合いください。 2009年のWeb標準を考えるうえでのテーマとして、私は「アクセシビリティ」「モバイル対応」「マークアップ品質」の3つを挙げたいと思います。 2009年はアクセシビリティに再注目の年 9年半もの時を経て、昨年12月にWeb Content Accessibility Guidelines (WCAG) 2.0が勧告されました。1999年5月に勧告された前バージョンの1.0から大きく改善されたのは、第一に特定の技術に依存しない内容
久しぶりにセミナー以外でブログ書きます。 このたび早稲田大学のWebサイトがリニューアルされました http://www.waseda.jp/top/ が、かなり論議になりそうなリニューアルなので、 情報設計専門家として内容を見てみます。 1.なにがグローバルなサイトなの? 今回のリニューアルではIE10以降を対象外としていて、 普通に使っているIE7や8では見ることができません、 これはアクセシビリティ上かなり問題だと思います、 多くの人が目にする大学というサイトでノンアクセシビリティを貫くというのは、 いまの時代にそぐわないのではないでしょうか。 わざわざIE10にアップデートまでしてみるサイトでもないですしね。 ぜんぜんグローバルじゃありません。かっこ悪いです。 2.レスポンシブデザイン? スマートフォン、タブレットに対応したサイトになったみたいですが、 そもそものとこ
本書は、ユニバーサルデザインの構造的な原則をウェブアプリケーションに適用し、できる限り多くの人々がコンテンツを利用できるようにする方法を紹介する書籍である。パソコンのブラウザ以外の手段でウェブにアクセスする際、ブラウザごとに異なるインターフェースを用意しないで済むためのデザインから、動的なコンテンツを閲覧可能にするためのWAI-ARIAへの対応やウェブアプリケーションにJavaScriptを組み込む際のポイント、またFlashやFlex、Silverlightなど、アクセスしやすいRIAのについても詳述する。日本語版では、日本国内での状況を付録として収録している。 訳者まえがき はじめに 1章 ユニバーサルデザインの導入 1.1 アクセシブルなデザイン:その物語 1.2 仕事にユニバーサルデザインを取り入れる 2章 売り込み 2.1 「彼ら」などいない 2.2 ユーザーの特性 2.2.1
※ この話はフィクションです。実在の人物や団体などとは関係ありません スマートフォンサイトを制作していて、「サイトを自由に拡大縮小できるようにしてるのは理由あんの?」と言われた時の場合の話です。 Viewportの設定どうしてたか <meta name="viewport" content="width=device-width"> これだけ。こうするとサイトの幅=デバイスの幅になり、拡大縮小は自由にできる。 対処法1:話し合うそもそもブラウザにデフォルトで備わっている拡大縮小機能を無効にするのがおかしいなぜ拡大縮小を無効にするのか ネイティブアプリ感を出したい拡大縮小した時に表示が崩れるのを防ぎたい拡大した時に画像がボヤけるのが嫌例えば構成/デザインの上で小さな文字を使わなくてはならない場合、ユーザーはどうやってその文字を拡大するのかユーザーが拡大したいと思っても拡大が禁止されていたら、
本書は、米国修正リハビリテーション法508条(508コンプライアンス)に基づいた、障害のある人向けのWebサイトを制作するために留意しなければならないポイントを実務者の視点からコンパクトにまとめた書籍です。視覚、聴覚、身体の別に、障害の定義、問題となる状況、望ましい対処法などを紹介しています。障害を持った人々だけでなく、すべての人にとってアクセシビリティの高いサイトを作るためのヒントが得られるでしょう。なお本書はEbookのみの販売となります。 まえがき 1章 目がまったく見えない 定義 つまり問題となる状況とは スクリーンリーダー アクセシビリティの高いサイトの構築 2章 その他の視覚障害に対応するアクセシビリティ 弱視 色覚異常 3章 音声のアクセシビリティ 音声アクセシビリティの対象 つまり問題となる状況とは 動画 ライブチャット 4章 物理的なアクセシビリティ 対象となるユーザー
米IBMが、最高アクセシビリティ責任者を任命。モバイルデバイス向けアプリケーションを中心に、個々人の特性に沿ってアクセシビリティを高めるための取り組みを推進するという。 米IBMは2014年7月22日、同社初の最高アクセシビリティ責任者(Chief Accessibility Officer:CAO)にフランシス・ウェスト氏を任命したと発表した。IBM社内でアクセシビリティに関するポリシーやプロジェクトを率いる他、企業や政府、学術機関と連携してアクセシビリティに関する基準やポリシー策定・推進を目指す。 具体的には、例えば「Interactive Experience」プロジェクトではテキストを音声に変換、音声認識、リアルタイム変換、または位置ベースのプリファレンスなどの技術を埋め込んだクライアントによって、よりパーソナライズされたユーザー体験を提供し、顧客との障壁を取り除く取り組みを行って
By by Janine 一般的な理解能力などに異常がないにも関わらず、文字の読み書き学習に著しい困難を抱える障害を失読症(ディスレクシア)と呼びます。エジソンやトム・クルーズ、スティーブン・スピルバーグなども失読症に悩まされており、アメリカでは2割近くの人々が何らかの形で読字障害に関わる症状を持つという調査結果もあるのですが、失読症を抱えていても文字を読めるようにするフォントが「Dyslexie」です。 Typeface Dyslexie for people with dyslexia - studiostudio http://www.studiostudio.nl/ 失読症の顕著な例としては数字の「7」と「seven」を同一のものとして理解ができなかったり、文字がひっくり返って記憶されたりして正確に覚えられない、というものがあり、その他にも2つの文字の違いがわからない、文字や単語の
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
日記調査:長期間のユーザー行動と体験の理解 ニールセン博士のAlertbox 8月9日 読了までに約15分 参加者は日々の活動をその都度記録し、リアルタイムのユーザーの行動やニーズについてコンテキストに基づいた知見を提供する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ YouTube、始めました 黒須教授のユーザ工学講義 7月25日 読了までに約5分 2024年5月にYouTubeチャンネルを開設し、そこで「黒須のユーザ工学入門」を連載することにした。講演や講義とは違ってもっとオープンにして、広い範囲の人たちに話を届けたいという気持ちがあったのだ。
コンテンツは本当にアクセシブルか Webアクセシビリティは、大きく分けて 2 つの『デザイン』があります。ひとつは、情報を分かりやすく整理し、目的の情報へた辿り着くための Web アクセシビリティ。この要素は、色、形状、動き、スピードなど、UI デザインの課題と重なるところが多いです。もうひとつの要素は、情報の構成や文章のスタイルといった「編集」とも呼べる Web アクセシビリティです。 前者の情報構造や操作性は、明確なガイドライン化がしやすく、チェックもしやすいですが、後者の編集の部分は、パッと見では判断がしにくいだけでなく、ガイドラインとして共有するのも難しいです。 Webアクセシビリティにある 2 つの『デザイン』 もちろん JIS X 8341–3:2010 でも「利用者が理解できるコンテンツ」を制作・維持できるようにすることが重要であると書かれていますが、技術で解決できるところに
お金を借りたい。でも職場の同僚、友達、家族にバレてしまったらどうしよう?と不安で、なかなか申し込みができずにいませんか。 誰にもバレずにお金を借りる方法が知りたい!とお悩みの方へ、周囲に知られることなくお金を借りる方法を具体的に解説します。カードローンの在籍確認などバレたくない人が気になるポイントについてまとめましたので、ぜひ参考にしてください。 主婦の方は旦那さんに内緒で、バレずにお金を借りる方法を知りたいですよね。結論から言いますと、消費者金融カードローンなら家族はもちろんのこと、会社の人にもバレずにお金を借りることができます。その中でもおすすめの、「バレないカードローン」として口コミで人気の消費者金融カードローンを紹介します。 ただし、バレないようにするためにはいくつか注意して欲しいこともあるので、そのポイントについてもまとめています。 この記事のポイント カードローン利用がバレる原
富士通は2013年8月20日、視覚障がい者や色覚障がい者のアクセシビリティを高めるための診断ソフトウェアツール群「富士通アクセシビリティ・アシスタンス」の無償提供を終了した(参照記事)。このニュースはSNSでの反響も大きく、ユーザーから「なぜこのような素晴らしいサービスが終了してしまうのか」との声が多く聞かれた。 同様のツールは他にもあったが、富士通アクセシビリティ・アシスタンスが愛用されるのにはわけがあった。富士通アクセシビリティ・アシスタンスは、3つのツール群「WebInspector(ウェブインスペクター)」「ColorSelector(カラーセレクター)」「ColorDoctor(カラードクター)」から構成されており、それぞれ以下の特徴が挙げられる。 WebInspector ローカルフォルダを指定した場合、サブフォルダのHTMLまで一括でチェックでき、結果をCSVで保存できる C
オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。 紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも!と思い、お願いしたいと思いました。 視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。 よか
[コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 明けましておめでとうございます。今年もよろしくお願いいたします。 私はクリスマス前にイギリスに帰り、お正月は両親と妹たちと一緒にフランスのブルターニュ地方に行きました。ブルターニュは子供の頃、毎年夏休みを過ごしていたところですが、今回の訪問は8年ぶりでした。町はずいぶん豊かになり、新しい別荘が立ち並んで、私が知っている昔のフランスの田舎の町からはずいぶん変わったなと思いました。でも、幸いに、私た
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く