タグ

accessibilityに関するB-SAKATUのブックマーク (9)

  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • hn要素を各エリアに配置し、アクセシビリティを高くする。 - Trans

    ページの各エリアに対してhn要素を使い起点を設けることにより、アクセシビリティを高めることができるかもしれません。 ある全盲の音声ブラウザユーザの意見 最近、ある全盲の音声ブラウザユーザの意見を聞く機会がありました。彼女が主張する使いやすいWebサイトとは以下の3つとのことでした。 ページ全体の構造がイメージしやすいこと 迷子にならないように道しるべがあること 自分の行きたい場所にすぐに行けること 1つ目はWebサイトの標準的なデザインに従えば、ある程度達成できます。このあたりは、Alertbox: ウェブデザイン標準の必要性(2004年9月13日)を参考にしてください。 また、3つ目はWebコンテンツJISにもあるナビゲーションスキップである程度対応できます。ただ、ジャンプするのはメインコンテンツだけにするべきか、それともサブナビゲーションも入れるべきかなどの問題もあるとは思いますが。

    hn要素を各エリアに配置し、アクセシビリティを高くする。 - Trans
  • http://mynotes.jp/blog/2007/12/problems-of-imagemap

  • 【レポート】差別化の鍵はアクセサビリティ? - ガイドライン準拠のjQueryプラグイン登場 | エンタープライズ | マイコミジャーナル

    高齢者でも扱いやすいWeb UIを実現するためのガイドラインに、1999年5月5日(フランス時間)に勧告として公開された「Web Content Accessibility Guidelines 1.0」がある。日では2004年にほぼ同ガイドラインに対応するJIS規格が交付されている。すでに同ガイドラインが登場してから8年が過ぎたわけだが、同ガイドラインに沿ったWebサイトはあまり登場していないというのが現状のようだ。ちなみに同ガイドラインの次期バージョンとなる「Web Content Accessibility Guidelines 2.0」が現在Working Draftのフェーズにある。 ここでは同ガイドラインに絡んで、Brian Reindel氏が8月30日(米国時間)に公開したAccessible News Sliderの最新版である「Accessible News Slide

    B-SAKATU
    B-SAKATU 2007/09/05
    文章構造がまともな HTML を吐いたりとか、div div してない HTML を吐くのはないのかな? あと、アクセサビリティではなくてアクセシビリティだと追うのだが。WCAG の正式名かいてるのに何でこんな風になるんだ?
  • 自治体サイトWebアクセシビリティ調査 | 有限会社ユニバーサルワークス

    miCheckerなど3つのチェックツールを使ってみた 自治体サイトと言えばユニバーサルワークス。自治体サイト調査のユニバーサルワークスが、毎年9月1日にお届けする、都道府県、政令指定都市がドキドキする、Webアクセシビリティ愛好家がニヤニヤする、「自治体サイトWebアクセシビリティ調査」です。 21回目となる今回のテーマは「miCheckerなど3つのチェックツールを使ってみた」です。世の中にさまざまなウェブアクセシビリティチェックツールはあれど、ツールだけでウェブアクセシビリティ検証を完結させることはできません。チェックツールと目視とで評価が異なるのか、チェックツールによって違いは生じるのか、公的機関の場合miCheckerで「問題あり」がゼロであれば良いのかなどについて考えるきっかけとなれば幸いです。 ➡ 調査概要

    自治体サイトWebアクセシビリティ調査 | 有限会社ユニバーサルワークス
  • 我的春秋: パンくずリストのマークアップ

    ちょっと前に パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種(CSS HappyLife)というエントリーが盛況でしたが、今日はパンくずナビゲーションの論理構造面を補強する意味も込めて、(X)HTML マークアップの例を、サイト構造やサイトの目的に応じて、いくつか挙げてみました。CSS の話まで入れると長くなるので、今回は(も?)(X)HTML マークアップに話を絞ります。CSS については、特にセレクタまわりが結構 変わってしまいますが、ひとまず、HirasaWa さんのエントリーなどを参照してください。(気が向いたら、別エントリーを立てますけど、実際に書くかどうかは未定。) 階層型構造(tree structure) [2006-02-11 追記] 石川一靖さんより、「セマンティクスを重視するならa要素にrel/rev属性を加えてリンクの関係性を明示するのが

    我的春秋: パンくずリストのマークアップ
  • TRANS - alt=""を越えて。

    集中的にアクセシビリティやユーザビリティを最近になってやっと学び始めました。JIS X 8341やWCAG1.0を読み進める中で、もっと自分自身勉強したいと思うようになってきました。そこで、JISやWCAGを学ぶ中で、自分がシニアや障害を持つ人との現場で、またそういった現場で働いている人たちの意見を踏まえた上で、疑問に思うことを列挙しておこうと思います。いずれは、こういうことをちゃんと実装レベルで解決できるようになりたいなと思いを込めて。 alt=""は空文字なのか、半角スペースなのか、それとも全角スペースなのか? 少し前に「ブロガーのためのアクセシビリティガイドライン」を書きました。この際に、はじめはalt=""と空文字を打つと書いていたのですが、よくよく調べてみると、空文字だと音声ブラウザによっては「画像」と読み上げてしまうことがあるようです。また、全角スペースの場合は、日語環境以外

    TRANS - alt=""を越えて。
  • パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種|CSS HappyLife

    普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10

    パンくずリスト(Topic Path)を作成する際に使えそうなサンプル8種|CSS HappyLife
    B-SAKATU
    B-SAKATU 2007/01/31
    パンくずリストのサンプルいっぱい。今度直そう。
  • ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく

    ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。

  • 1