タグ

accessibilityに関するissmのブックマーク (14)

  • 信号の時刻表をつくる2025 いつのまにか信号機にBluetoothで繋いで情報を取得できるようになっていた

    ハイテクな信号機があるらしい 以前、「信号の時刻表をつくる」という記事を書いた(2006年)。そのなかでは、東京の四谷の通り沿いの信号機について、 こんな感じで赤信号と青信号の周期を調べてグラフにした。 このときはがんばって目で見て調べたわけだが、 こんなふう いまでは信号機も進化していて、横断歩道の青や赤の信号の状況や残り時間などを無線(Bluetooth)で周囲に知らせたり、青信号の延長をスマホから操作できたりするものもあるらしい。 「高度化PICS」というものだそうだ。このツイートで知った。

    信号の時刻表をつくる2025 いつのまにか信号機にBluetoothで繋いで情報を取得できるようになっていた
  • ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wezzy|ウェジー

    ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常

    ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wezzy|ウェジー
  • 生活と意見: ソーシャルディスタンスなどと称してユーザー名や文章にスペースを挟む行為についての苦情

    covid19-twitter-research_01.md 生活と意見: ソーシャルディスタンスなどと称してユーザー名や文章にスペースを挟む行為についての苦情 更新履歴 2020-05-13 追記 継続して観測していて、対応が行われたアカウントの記録などを残している https://twitter.com/bulkneets/status/1259419102851903490 FAQとして「機械が人間の都合に合わせろ」に対する反論を取り急ぎ置いておく 走り書きで書いた https://twitter.com/bulkneets/status/1260524434256879617 https://twitter.com/voqn/status/1259515760986095617 記事下部に、フィードバックなどを追記した。 はじめに この文章は mala (twitter: @bul

    生活と意見: ソーシャルディスタンスなどと称してユーザー名や文章にスペースを挟む行為についての苦情
  • 新MacBook Pro発表会、もう1つの衝撃:とある女性映像作家とアップルの「アクセシビリティ」

  • 首相官邸サイトリニューアル、しかしすぐに再リニューアルが必要 | 水無月ばけらのえび日記

    公開: 2012年4月8日16時40分頃 首相官邸 (www.kantei.go.jp)のサイトがリニューアルしたそうで。 4500万円かかったと報じられていますが、何をやったのかが分からないので、高いか安いかは評価のしようがないですね。単純に規模から「やるべき事」を考えてみると、CMS抜きで4500万円かかっても不思議ではないと思います。戦略をみっちりやったり、それなりなCMSを入れたりすれば足りなくなるかもしれません。 そして実際にサイトを見てみると、まず、見た目だけで以下のような点が気になるわけです。 背景にうっすらと写真が敷かれていますが、肝心な部分がコンテンツの下敷きになってよく見えない上に、「首相官邸」というタイトルまわりが読みにくくなってしまっています。プロがこういう中途半端な写真の使い方をすることはまずありません。写真を見せたいならちゃんと見せるでしょうし、見せなくても良い

  • 首相官邸ホームページとアクセシビリティ - ただのにっき(2012-04-06)

    ■ 首相官邸ホームページとアクセシビリティ 首相官邸ホームページのリニューアルに4,500万円かかったというニュースで高いの安いのと話題になっているけど、それはまぁどうでもよくて*1。これに対してあるWebデザイン会社が書いた「高くないよ!」というエントリを読んだアクセシビリティ業界人たちがそろって天を仰いだという話である。 件のエントリは「首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察」で、特にアクセシビリティのところはツッコミどころ満載なんだけど、その点にかんしてはすでに木達さんが書いているので(ようするに先をこされた)、Web業界人はろくろなんて回してないで読んでおいた方がよいです。特にアクセシビリティとデザインの両立のところ。 さて、首相官邸ホームページのリニューアルでアクセシビリティを確保するとして、件の記事では300万円の見積を出しているのだが*2、じゃあ

    首相官邸ホームページとアクセシビリティ - ただのにっき(2012-04-06)
  • Twitterアカウントが作れない。 | Junnama Online

    ハーモニー・アイさんのお勉強会に参加。NVDAとTwitterがテーマ。 NVDAについては、Parallels+Vistaへのインストールが時間がかかってかかってしょうがなく、インストールできたが音が出ない状態で何も書けないのだけど、改めて試してみたい。 さてTwitter。 zenichさんがTwitterって何? 何が面白いの? というお話をされて(これも中々話しでは伝わりづらいのですが)、じゃぁ実際に使ってみましょうということになった。 ところが... アカウントが作れないのです。視覚障碍者だけじゃない。高齢者の皆さん、それでもネットはそこそこ使われている方々だし、逆に参加されている視覚障碍者の皆さんなんて非常にネットリテラシーの高い方々なんだが。 問題はこれ。CAPTCHA。とにかく一発二発で成功しない。視覚障碍者の方にはサウンドがある。でも「何言ってんのかわかんない」。 結局2

    Twitterアカウントが作れない。 | Junnama Online
  • 当然だけど、色弱の人にはカラースターの色の違いが分かんない。 - 日々、とんは語る。

    先月末にカラースターがリリースされて、特別なものを貰って嬉しいという気持ちを触発させるのに、とても良いサービスだなと思ったのですが、ひとつ大きな問題があります。 色弱の人には、色の違いが分からなくて、嬉しさや楽しさが分からない(伝わらない)場合があるという事です。 僕の場合、ブルーはひと目で違いが分かりますが、レッドは単体で見ると、(スターは黄色という)固定観念によって、イエローと判断される場合がありますし、レッドとイエローが並んだ場合はグリーンに見えます。そして、グリーンがレッドに見える事はありませんが、イエローの違いはほとんど皆無です。 ややこしい話ですが、要は、色弱の人はその時の調子や気分によって、何色にでも見える可能性があるというのが重要であり、カラースターが色の違いだけで、変化を表しているため、スターを付けた人の意図しない見え方(認識)をしてしまう可能性があるというのが問題だと思

    当然だけど、色弱の人にはカラースターの色の違いが分かんない。 - 日々、とんは語る。
    issm
    issm 2009/04/07
    現状ではどの色のスターも <img class="hatena-star-star" />.テキストで意味づけするならば,それぞれに対応したクラス名とかつけてもいいのかも.
  • 2009年のWeb標準 | gihyo.jp

    あけましておめでとうございます。株式会社ミツエーリンクスの木達です。昨年の年初、「⁠2008年のWeb標準」と題して、Webコンテンツのフロントエンド実装に用いられる標準とその周辺の動向につき、短期的な予測などをごく簡単に書かせていただきました。それに引き続き年もまた、同様の趣旨で記事を書かせていただくことになりましたので、よろしくお付き合いください。 2009年のWeb標準を考えるうえでのテーマとして、私は「アクセシビリティ」「⁠モバイル対応」「⁠マークアップ品質」の3つを挙げたいと思います。 2009年はアクセシビリティに再注目の年 9年半もの時を経て、昨年12月にWeb Content Accessibility Guidelines (⁠WCAG⁠)⁠ 2.0が勧告されました。1999年5月に勧告された前バージョンの1.0から大きく改善されたのは、第一に特定の技術に依存しない内容

    2009年のWeb標準 | gihyo.jp
  • 慶応SFCのWebリニューアル | ゴミ箱の中の雑記帳

    日々の出来事やその感想、くだらない (かもしれない) 衝動買いの顛末、主にICT関連の個人的なメモなど、およそ他人の役には立たないであろうことをつらつらと書き散らかしています。 Twitterの僕の周囲で、僕の母校であり、そして現在の職場の一つである慶応大学湘南藤沢キャンパス (SFC) のトップページ * のリニューアルが話題になっていたのでちょっと覗いてみた。はっきり言おう、こんなページを公開できる担当者はよほどの恥知らずである。なぜか、以下、なるべく感情論を廃して書いてみよう。 どんなページか どうやらつい最近 (昨夜とかそれくらい最近) リニューアルされたものらしいのだが、以前はHTML (もしかするとXHTML) + CSSで記述されていたものが、現在はフルFlashになっている。Flashを表示しない設定でアクセスした場合、テキスト・ブラウザなどFlashを利用できない環境でア

  • ビープが鳴るのは仕様です - Radium Software

    The compatibility constraints of your side effects: Beeping - The Old New Thing Windows XP では,起動直後の「ようこそ」スクリーンでスペースキーを押すと,ビープ音が鳴る。これは,無効なキー入力が行われた際のデフォルトの挙動であって,意図されたデザインではない。 Windows Vista では,「ようこそ」スクリーンの構成が変更されていて,スペースキーを押してもビープ音が鳴ることは無い……少なくとも,ベータ版まではそうだった。 Vista のベータテストの実施中に,あるベータテスターから「『ようこそ』スクリーンでスペースキーを押してもビープ音が鳴らなくなったのはなぜか?」という問い合わせがあった。 意図的に削ったわけではなく,仕様変更によって生じた些細な副作用のひとつに過ぎない。でもなぜそんなことを,

    ビープが鳴るのは仕様です - Radium Software
  • アクセシブルなサイトにするための26のステップ

    Webmaster World.comのエントリー「アクセシブルなサイトにするための26のステップ」の意訳です。 26 Steps to a More Accessible Website スキップリンクは、キーボード操作をしている人のために目に見えるように設置する、というのにはなるほど、と思いました。 Altのテキストと代替の内容 画像にはAltを記述し、代替の内容を記す。 動画のキャプションや概要 動画の内容・概要・サマリーなどを記す。 「ここをクリック」は使用しない リンクには的確な情報を含める。 リンクの間のスペース 隣接したリンクには、区切りを設置する。 JavaScriptで記述したリンク リンクの記述は、JavaScriptに依存させない。 lang属性の使用 lang属性を使用して、使用言語を明示する。 アニメーションは使用しない ユーザーの気を散らせない。 色に依存しない

    アクセシブルなサイトにするための26のステップ
  • 支援技術別動作検証報告: ダッシュとマイナス記号 | アクセシビリティBlog | ミツエーリンクス

    日ごろ私たちが読み書きする文章には、句読点をはじめとしたさまざまな記号が使用されています。もちろんWebサイトで提供される情報も例外ではありません。 ところで、筆者が使用している音声読み上げ環境では、記号の読み方に関する処理がまちまちで、それが利用者の情報の理解に影響することも少なくありません。例えば、あるスクリーン・リーダーでは「マイナス」と読まれていた記号が、別のスクリーン・リーダーを使用した場合「バー」と読まれることがあります。 そこで今回は、比較的利用頻度の高いと思われる記号の中から、マイナス記号について、それぞれのスクリーン・リーダーがどのようにユーザーに通知しているのかを、いくつかの例とともにご紹介します。 テスト環境と使用した支援技術 今回調査したのは、全角と半角で記述されたマイナス記号とダッシュ記号です。以下のようなものがあります。 ― (全角ダッシュ) ー (長音) -

  • Accessibility Color Wheel

    Accessibility Color Wheel
  • 1