ビヨンセのサイトを視覚障害者が提訴。“クレーマー”と言う日本人の無知コメントも | 女子SPA！
障害者が使えないというだけで訴訟になるなんて大げさな、と思いますか？ このニュースが日本で報じられると、ネット上では「原告はクレーマーだ」「介助してくれる友達もいないのか」などのコメントが見られました。ですが、これらのコメントは無知と言うほかありません。 「ビヨンセのサイトを見ましたが、確かに、画像ばかりでalt(※1）もなく、ひどいですね。ただメニューから入れば、必ずしもショップに行けないわけでもないので、訴訟対象かどうかは疑問も残ります」 そう語るのは、情報のユニバーサルデザインを研究・推進している関根千佳さんです。 ※1）alt：画像の代替となるテキスト情報で、簡単に設定できる。音声読み上げブラウザを使えば、この代替テキストが読み上げられ、視覚障害者も画像の内容がわかる。 「先進諸国では、ユニバーサルデザイン（＝どんな人でも利用できる）に対応していないサイトは、人権侵害として扱われま
HTML5 と SVG で考える、これからの画像アクセシビリティ
This document discusses Yarn and its advantages over npm. It notes that Yarn uses yarn.lock files instead of npm-shrinkwrap.json files to lock down dependency versions. Yarn is also described as being faster, able to work offline by caching dependencies, and potentially more secure than npm with features like flat mode and module folders. The document suggests Yarn may handle dependencies and devD
なぜ、富士通は「色覚障がい者のための診断ソフトウェア無償提供」を終了したのか
富士通は2013年8月20日、視覚障がい者や色覚障がい者のアクセシビリティを高めるための診断ソフトウェアツール群「富士通アクセシビリティ・アシスタンス」の無償提供を終了した（参照記事）。このニュースはSNSでの反響も大きく、ユーザーから「なぜこのような素晴らしいサービスが終了してしまうのか」との声が多く聞かれた。 同様のツールは他にもあったが、富士通アクセシビリティ・アシスタンスが愛用されるのにはわけがあった。富士通アクセシビリティ・アシスタンスは、3つのツール群「WebInspector（ウェブインスペクター）」「ColorSelector（カラーセレクター）」「ColorDoctor（カラードクター）」から構成されており、それぞれ以下の特徴が挙げられる。 WebInspector ローカルフォルダを指定した場合、サブフォルダのHTMLまで一括でチェックでき、結果をCSVで保存できる C
フォーム入力要素のラベル配置 | Accessible & Usable
公開日 : 2013年5月5日 (2020年8月30日 更新) カテゴリー : ユーザビリティ / アクセシビリティ 先の記事「フォームの入力要素には <label> 要素でラベルを付ける」で、Web サイトのフォーム入力要素 (<input> 要素、<textarea> 要素、<select> 要素) に対しては、ラベルをセマンティックにマークアップしましょう、というお話をしました。今回は、ラベルの配置 (レイアウト) について、考えてみたいと思います。 チェックボックス/ラジオボタンの場合 :「ラベルは右」を基本とする チェックボックスやラジオボタンの場合、そのラベルは、各々のチェックボックス/ラジオボタンの後ろ (右) に配置するケースが多く、実質的に「慣例」になっていると思います。 この記事を書くにあたって、「ラベルをチェックボックス/ラジオボタンの手前 (左) に配置したらどうな
iOS 標準のアクセシビリティ機能 (VoiceOver 以外の支援技術) | Accessible & Usable
公開日 : 2012年9月8日 (2018年1月20日 更新) カテゴリー : アクセシビリティ モバイル機器の中でも、アップルの iOS デバイス (iPhone や iPad) は、アクセシビリティの面で他よりも一歩先んじていると言われています。というのも、iOS は標準仕様として、様々なアクセシビリティ機能 (支援技術) を搭載しているからです。 音声読み上げ機能「VoiceOver」については、当ブログでも以前ご紹介しましたが (参照 : iPhone や iPad の音声読み上げ機能 (VoiceOver))、今回はそれ以外の支援技術について、いくつかご紹介します。 ズーム機能 画面表示を拡大する機能です。高齢者やロービジョンのユーザーにとって便利な機能です。 「設定」アプリの「一般」メニューから「アクセシビリティ」に入り、「ズーム機能」を選択すると、この機能のオン/オフを切り替
CSS3で表示する画面の色作成支援ツール：日立のユニバーサルデザイン
クリックするとご利用いただけます（別ウィンドウで開きます）。ただし、SVGフィルターなどの最新技術を活用しているため、想定通り動作することが確認できているFirefox12以降でなければ動作しないようにしています（2012年7月現在）。Firefox以外で本ページをご覧の方は、下記URLをFirefoxで開いてください。 http://www.hitachi.co.jp/universaldesign/products/business/assistance_for_color_generation/product.html 概要 無償でお試しいただくことが可能な、CSS3で開発するWeb画面の色と形の作成を支援するツールです。主な特徴は以下の通りです。利用前に、利用上の注意をお読みください。 作成した色と形を登録すると、次にブラウザを立ち上げたときも利用可能です（注意事項）。 作成した色
スクリーンリーダー利用に関するトレンド : 2012年5月実施の WebAIM 調査より | Accessible & Usable
公開日 : 2012年6月4日 (2024年3月1日 更新) カテゴリー : アクセシビリティ Web アクセシビリティ向上のために活動している米国の非営利団体「WebAIM (Web Accessibility in Mind)」による、スクリーンリーダー (音声読み上げ支援技術) の利用に関する調査結果が発表されました。英語のレポートになりますが、WebAIM サイトの「Screen Reader User Survey #4 Results」で詳しい調査分析ご覧いただくことができます。 もはや恒例と言ってもよいこの調査ですが、今回はその第4回目ということで、2012年5月に実施されたものです (ご興味のある方は、2009年1月および10月実施の調査、2010年12月実施の調査も併せてご覧ください)。 今回 WebAIM から発表された調査分析を見ると、前回までの調査で見えた傾向が、よ
フォーカス時の輪郭線（アウトライン）の役割をご存知ですか？ - White Stage
アウトラインの役割 リンクなどにフォーカスした時、アウトライン(外郭線)が表示されるのですが、このアウトラインにはどんな役割があるかご存知ですか？ アウトラインの役割を知らずに「何？この点線！じゃま」とCSSでoutline: none;と設定しアウトラインを消されているかたがいらっしゃると思うのですが、アウトラインが表示されないとキーボードのみで操作しているかたが自分が今どの位置にいるのかわからなくなってしまうんです。 リンクフォーカス時アウトラインが表示されないサイト リンクフォーカス時にアウトラインが表示されないサイトがありましたので(ボタンフォーカス時にはアウトラインが表示されます)、アウトラインが表示されない状態で目的のページに辿り着けるか、また辿り着くのにどれだけ時間がかかり大変か体験してみましょう。私達はこのサイトの商品を購入したいとします。無事、目的の商品詳細ページまで辿り
img（画像）には文字色を指定しよう（そう、文字の色を） | 初代編集長ブログ―安田英久
今日は、Webページの作り方に関して、ちょっとした細かい話を。ページに画像を入れるときに、imgタグの「文字の色」をCSSで指定しておきましょう。画像に文字色？ と思ったあなた、ちゃんと理由があるのです。 なぜ画像なのに「文字の色」を指定しなければいけないのでしょうか。それは、画像が表示されない状態では画像のaltテキストが表示されるため、その状態での表示をおかしくない状態にするためです。 念のために説明しておくと、altテキストとは、imgタグで画像の簡単な説明をテキスト記述するものです。HTMLの用語では「alt属性」と呼ばれ、img要素には必ず記述することとされています。altテキストはふつうにブラウザでページを見ているときには関係ありませんが、画像を解釈できない検索エンジンや視覚障害者が使うテキスト読み上げブラウザにとっては、そこに何が示されているのかを理解するのに重要です。 しか
サイトのアクセシビリティをチェックする12のツール | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて12 Tools To Check Your Site’s Accessibilityのタイトルのもと、Webページのアクセシビリティをチェックするための12のツールを紹介している。紹介されているツールは次のとおり。 ACTF aDesigner (視力障害者向けのアクセシビリティテストツール。Eclipse向けのプラグインで、Windows XPはまたはそれ以降のバージョンのOSで動作) Adobe Dreamweaver CS4 accessibility (Adobe Dreamweaver CS4向けに用意されているアクセシビリティ検証ツール) Contrast Analyser (2色
hn要素を各エリアに配置し、アクセシビリティを高くする。 - Trans
ページの各エリアに対してhn要素を使い起点を設けることにより、アクセシビリティを高めることができるかもしれません。 ある全盲の音声ブラウザユーザの意見 最近、ある全盲の音声ブラウザユーザの意見を聞く機会がありました。彼女が主張する使いやすいWebサイトとは以下の3つとのことでした。 ページ全体の構造がイメージしやすいこと 迷子にならないように道しるべがあること 自分の行きたい場所にすぐに行けること 1つ目はWebサイトの標準的なデザインに従えば、ある程度達成できます。このあたりは、Alertbox: ウェブデザイン標準の必要性（2004年9月13日）を参考にしてください。 また、3つ目はWebコンテンツJISにもあるナビゲーションスキップである程度対応できます。ただ、ジャンプするのはメインコンテンツだけにするべきか、それともサブナビゲーションも入れるべきかなどの問題もあるとは思いますが。
スティービー・ワンダーら視覚障害者が、タッチスクリーン式デバイスなどの改善を求める | スラド
ITmedia の記事によれば、11 日までラスベガスで開催された CES の最中に、スティービー・ワンダーら視覚障害者の権利擁護派が、タッチスクリーン式デバイスを開発しているメーカーに、改善を訴えたそうだ。権利擁護派によれば「製品設計者が視覚障害者のニーズを考慮に入れれば、視覚障害のない人にも使いやすい製品ができるだろう」とのこと。記事中、「スキーで時速 60 マイルで滑り降りることができるが、電子レンジのフラットパネルは操作できない」という意見もあり、現在の便利なデバイスは、一部障害者には却って不便な場合もあるようだ。 ただし、一方では、Google や NPR (National Public Radio) は、視覚障害のある人でも使えるデバイスを開発中だという。障害の無いタレコミ子のような人間は、つい障害に対する配慮を忘れがちだが、デバイスの改善により、より多くの人が便利な生活を享
Expired
Expired：掲載期限切れです この記事は，ロイター・ジャパンとの契約の掲載期限（30日間）を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
『ユーザー視点のWebサイトづくり』音声読み上げで検証するサイト構築（シリーズ1）DVD発売のお知らせ：NPO法人ハーモニー・アイ
ＤＶＤ『ユーザー視点のWebサイトづくり』 音声読み上げで検証するサイト構築（シリーズ1） もし、あなたがホームページ・Webサイトの構築や運営に関わっておられるのでしたら、是非とも、このページを読み進めるようにお勧めいたします。 あなたのWebサイトは、「恥ずかしいサイト」になっていませんか？ 「きちんと制作会社に依頼して、SEOやSEMを考慮したデザインになっているから大丈夫！」 「フラッシュや動画を効果的に盛り込んでいるから、どこへ出しても恥ずかしくない綺麗なサイトだよ。」 それでは、この2つの言葉をご存じですか？ JIS X 8341-3 WCAG 2.0 もし、あなたがこの2つの言葉を内容まで把握していないとしたら、知らないうちに「恥ずかしいサイト」を公開しているかもしれません。 「恥ずかしいサイト」でビジネスや情報提供を行っているとしたら、あなたのサイトはとんでもない「機会損失
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.e-riverstyle.com/2014/12/svg.html
http://japan.internet.com/busnews/20120723/9.html?rss
http://blog.e-riverstyle.com/2011/04/web2010jis.html
seo-engineer.info