ウェブユーザビリティ向上を支援するWebsite Usability Info
ウェブをはじめとするデジタルコンテンツの、ユーザビリティ、アクセシビリティ、情報設計 (IA) に関する話題をマイペースに発信。世の中のサイトやアプリがあまねく、インクルーシブで使いやすいものになることを願って。 Accessible & Usable では、ウェブサイトやアプリケーションのアクセシビリティ向上を支援させていただきたく、お仕事のご依頼、ご相談を承っております。詳しくは「お仕事のご依頼・ご相談」をご覧ください。 † 新着記事 † The WebAIM Million (100万のホームページに対するアクセシビリティ自動検証) : 2024年の調査 公開日 : 2024年4月11日 カテゴリー : アクセシビリティ 米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、各サイトの
色覚障がい者に配慮したWebサイトの作り方
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
img要素でalt属性の内容がポップアップしない - Web標準普及プロジェクト
img要素でalt属性の内容がポップアップしない img要素のalt属性に値を設定しておくと、 その画像の上にマウスカーソルを乗せた時にポップアップによってその画像の説明が出る、 またはalt属性そのものがそういう役割の属性であると認識している人がいるようですが、 このような考え方は間違いです。 alt属性の仕様 img要素のalt属性の説明を仕様書から見てみましょう。次のように書かれています。 alt = text [CS] この属性は、画像、フォーム、アプレットを表示できないユーザエージェントのために、 代替テキストを指定する。代替テキストの言語は、lang属性で指定する。 非テキスト系の要素である、IMG、AREA、 APPLET、INPUT要素は、著者に対し、 当該要素が順当にレンダリングされない場合の要素内容として提供される代替テキストを指定することを求める。 代替テキストを指定
NVDAのFlashコンテンツへの対応 | アクセシビリティBlog | ミツエーリンクス
無料でオープンソースのWindows用スクリーン・リーダーNVDAは、10月1日にリリースされた開発版から、Flashコンテンツをはじめとした埋め込みオブジェクトの操作ができるようになりました。 日本語版でも、昨日10月5日にリリースしたNVDA日本語版の最新パッケージで、埋め込みオブジェクトの操作ができるようになりました。そこで今回は、NVDAを使ってFlashコンテンツを操作する方法を簡単にご紹介します。 NVDAでFlashコンテンツを操作する方法 アクセシビリティPodcastなどのアクセシブルなFlashコンテンツを含んだページに、NVDAとInternet ExplorerまたはFirefoxを用いてアクセスします。 Oキーを押して、「埋め込みオブジェクト クリッカブル」と読み上げられたところでEnterキーを押します。 TabキーやShift+Tabキーを押して、ボタンの名前
アクセシビリティセミナー『ｉＰｈｏｎｅで広がるウェブの可能性』［１２月１１日（金）］ - 毎日ｊｐ(毎日新聞)
◇ユニバーサロン・アクセシビリティセミナー『ｉＰｈｏｎｅで広がるウェブの可能性』［１２月１１日（金）／毎日ホール］ ◇名前：ユニバーサロン ６月に発売されたアップルの携帯端末「ｉＰｈｏｎｅ ３ＧＳ」＝写真＝は、同社のＭａｃ向け音声合成技術「ＶｏｉｃｅＯｖｅｒ」を採用し、視力に障害のある人などこれまでｉＰｈｏｎｅを使うのが難しかった人たちもタッチパネルで操作できるようになりました。このセミナーでは、ＶｏｉｃｅＯｖｅｒを中心にｉＰｈｏｎｅやＭａｃにおけるアクセシビリティ機能をご紹介しながら、Ｗｅｂにアクセスする手段の進化によって広がるウェブの可能性を探ります。 講師には、ウェブ制作会社のミツエーリンクスに勤務し、業務はもちろん日常からアップルの技術を活用しているお二人をを迎えします。 ◇開催概要： ●日時：２００９年１２月１１日（金）１８時～２０時（終了後、同会場で懇親会を予定しています）。
longdesc属性 | HTML用語集 | ミツエーリンクス
longdesc属性 longdesc属性は、詳細な説明文書へのリンクを設定するための属性です。 属性値にURIを指定することで、画像やフレームに対して詳細な説明文書へのリンクを設定することができます。 longdesc属性は、画像に設定されたalt属性による説明や、フレームに設定されたtitle属性による説明を補完するために用います。 参考 HTML 4.01 Specification 13.2 Including an image: the IMG element 16.2.2 The FRAME element この属性が設定可能な要素 frame img iframe この属性が定義されているDTD この属性がDTD内で定義されていることを○で示しています。 HTML 4.01 XHTML 1.0 XHTML 1.1
A.A.O.-公共機関サイト支援プロジェクト
2006年より開始し19年目となる2024年度公共機関ウェブサイト調査を実施します。 A.A.O.サイト、A.A.O.セミナーにて、調査結果及び解説を公表予定です。
よりアクセシブルな検索結果の閲覧ページを目指して | アクセシビリティBlog | ミツエーリンクス
皆様は、当社Webサイトの個々のページに最近実装されたサイト内検索のためのフォームに、もうお気づきでしょうか？実はこのサイト内検索では、検索結果のページタイトルを使って、スクリーン・リーダー利用者が効率よく検索結果を閲覧できる工夫をしています。本エントリーでは、その内容をご紹介します。 今日、多くの検索エンジンの検索結果の閲覧ページは、見出しやリストを用いて情報が表現されており、JAWSやNVDAなどのスクリーン・リーダーで容易に目的の検索結果を得ることができるようになってきました。しかし、これまでの検索結果ページはほとんどの場合、ページを少し読み進めていかなければ、スクリーン・リーダーを使って検索結果が何件あるのかを確認することができませんでした。 この検索結果の件数の情報は、スクリーン・リーダー利用者にとって、それが0件ならば、それ以上そのページを読み進める必要がないことを知るための重
兵庫県／ホームページ作成において配慮している項目
ページの制作・運用 1、作成したページを公開する際は、必ず事前にこのガイドラインの要件を満たしていることを点検する（レベル1） 2、ページを更新する際は、必ず事前にこのガイドラインの要件を満たしていることを点検する （レベル1） 3、提供する情報に対する問い合わせの担当窓口と連絡手段をわかりやすい場所に明記する（レベル1） ページの設計およびデザイン 4、色、形、配置、動きのみで内容を表現するページデザインを避ける（レベル1） 5、すべてのページに、ページ内容を明確に示すページタイトルを付ける（レベル1） 6、画面全体を早い周期で点滅させてはならない（レベル1） 7、見出しやリストなどの要素を使って文書構造を規定する（レベル2） 8、スタイルシートを使用する場合は、スタイルシートが使用できなくてもページの内容が 理解できるようにする（レベル1） 9、PDFファイルで情報を提供する場合は、重
Webアクセシビリティ ガイド
8.Webアクセシビリティ ガイド Webのアクセシビリティ向上について Webページを掲載する官公庁・企業、Webページを制作するWebデザイナー向けのガイドです。不定期に更新する予定です。 高知システム開発では、目の不自由なかたがWebページにアクセスするための支援ソフトとして、スクリーンリーダー(PC-Talkerシリーズ、VDMWシリーズ)、音声ブラウザ(NetReader)をリリースしています。 ナレーターなどOS標準のスクリーンリーダーも含め、Webページのアクセシビリティを高めるためには、Webページの閲覧「テキスト情報の設定」と、Webページの操作「キーボード対応」が重要となります。 Webページの閲覧(テキスト情報の設定) Webページのテキスト情報は大変重要です。 (ラスタ、ベクタ形式に関わらずに)画像化された文字には、テキスト情報が含まれません。 その他、文字画像が含
W3A | 青森県で障害とWebアクセシビリティについて考えるプロジェクト
令和5年度「聴覚障害者等を対象としたデジタル技術利活用講座」(青森市・三沢市)の告知ページ公開と受講者募集を開始しました。
アクセシビリティ：視覚障がい者、音声ブラウザ(読み上げソフト)のシェア:WebClip - ウェブ制作、UXD／IA、アクセシビリティ
この記事のトピック Web担当者の悩み：音声ブラウザのシェアがわからない 視覚障害者のパソコン・インターネット・携帯電話利用状況調査2007 Web担当者の悩み：音声ブラウザのシェアがわからない こんにちは。“時代の3歩先をねらうWeb屋さん”ミキ・オキタです。 このブログ「WebClip ウェブデザインのニュース」では、Webデザイン・Webマーケティングの話題をお届けしています。 今回はWebアクセシビリティの話題。Web担当者なら必ず頭を悩ます音声ブラウザのシェアについて。 以前の記事でも書いたが、アクセシビリティはSEOではない。Web標準とも異なる(アクセシビリティはもっと広範囲にわたる)。かといって、結果の見えづらい「社会貢献」扱いでは、現場のモチベーションが保ちづらい。 企業がなぜアクセシビリティに取り組むのか、その動機づけははっきりさせておかなければならない。 上のことを踏
Webアクセシビリティ＠秋葉原
UAIセミナー「Webアクセシビリティ＠秋葉原」－JIS改正原案の紹介－ (2009年5月22日、ITRC研究会) 更新： 2009年4月22日 14:30 1. 開催案内 JIS X 8341-3:2004の改正作業が，2008年度に，(財)日本規格協会・情報技術標準化研究センター（INSTAC）に設置された「情報アクセシビリティ標準化調査研究委員会・WG2」で行われました．2009年1月の公開レビューを経て，2008年度末に改正原案が完成し，現在は審査が行われており，早ければ2009年10月にJIS X 8341-3:2009として官報公示される予定です．そこで今回のセミナーは，2009年度版のJIS X 8341-3について，改正原案の策定に関わった人間が，改正原案を元に詳しく説明します．また，JISに適合したコンテンツを活用できる高機能なオープンソース・スクリーンリーダ「NVDA
Webアクセシビリティのポータルサイト『Infoaxia(インフォアクシア)』
アクセシビリティPodcast 2人の軽妙なトーク(?)で最新情報を提供 Web Developer 日本語版 2008年3月より、開発およびユーザーサポートを他サイトへ全て移管しました。 移管のお知らせ "Webアクセシビリティとは？"から始まる『Webアクセシビリティ入門』、2004年6月に制定されたWebコンテンツのJIS（日本工業規格）『JIS X8341-3の解説』など、これだけは知っておきたいWebアクセシビリティの基礎知識を習得。 Webアクセシビリティ入門 Web アクセシビリティを正しく理解する上での基礎知識を分かりやすく解説。 JIS X8341-3の解説 2004年6月に制定された、Webコンテンツの JIS X 8341-3 について詳しく解説。 Webアクセシビリティ用語辞典 Web アクセシビリティに関連する専門用語の辞典。 『基礎知識』トップ
アクセシビリティBlog | ナレッジ | ミツエーリンクス
Webサイトのアクセシビリティを高めるための方法や国内外の関連情報など、さまざまな角度からWebアクセシビリティに関する話題をご提供していきたいと思います。 当Blogの更新情報は、Twitter経由でも配信しています。興味のある方はぜひ、@mlca11yをフォローしてください。当Blogへのご意見・ご質問は、Twitter経由でも受け付けております。 Blog移転のお知らせ 誠に勝手ながら、このたび当アクセシビリティBlogを移転することになりましたので、お知らせいたします。移転先のURLは http://www.mitsue.co.jp/knowledge/blog/a11y/ になります。大変恐れ入りますが、ブックマークやフィードリーダーなどの設定変更をお願いいたします。 なお、旧URL（http://accessibility.mitsue.co.jp/）は今後もご利用いただけます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テクノロジー : 日経電子版
daremoga.jp
IDEA * IDEA
http://www.pref.osaka.jp/information.html
WCAG準拠サービス | Webアクセシビリティソリューション | ミツエーリンクス