This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

様々な環境に配慮して、どんなユーザーでも使いやすい方法で提供されている情報はアクセシビリティ (accessibility) が高いと言います。アクセシブルなコンテンツづくりとは、ウェブでのコミュニケーションに誰もが参加できるよう設計すること。情報の利用者であると同時に提供者でもある私たちは、常にこの点に配慮していきたいものです。 なぜアクセシビリティか コミュニケーションとしてのアクセシビリティ：WCAG 2.1 1. 全ての機能と情報が誰にとっても認識可能であること 2. 全ての機能は誰にでも操作可能であること 3. コンテンツの内容、および機能が誰にとっても理解可能であること 4. 将来にわたってコンテンツの力を最大限に発揮できる技術を用いること 元祖ガイドライン：WCAG 1.0 アクセシビリティのJIS規格（2004年初出時の情報） JISの改定：X 8341-3:2010と20

WAI: Strategies, guidelines, resources to make the Web accessible to people with disabilities 背景 World Wide Web は、Web Content Accessibility Guidelines (WCAG) 1.0 が1999年に勧告になって以来、見違えるほどに発達してきた。WCAG 1.0 は、Web のユーザーは主にHTMLを使用しているだろうと想定して書かれたものである。今日では、Web は1999年当時には不可能だったような様々な方法で使用されている。Web コミュニティは情報を広めてやりとりをするために新しくて独自の方法を見つけるので、多くの新しい Web 技術が出現しており、既存の技術はより広範囲に及んでいる。また、言語、経済格差、およびその他の要因から、世界のある地域で

高齢化社会の到来とともに、音声読み上げへの対応、視力の弱いお年寄りや弱支社にも読みやすい文字の大きさや配色など誰もが利用できるユニバーサルアクセスを実現するウェブデザインの必要性が行政や一部の大手企業のウェブ開発者を中心に認識され始めている。米国ではＷ３Ｃがこのほどウェブコンテンツ・アクセシビリティガイドラインの改訂版「ＷＣＡＧ２．０」を公開、日本でもウェブアクセシビリティのＪＩＳ化に向けて現在作業が進行中だ。企業のウェブ開発コンサルタント業務を通して、あるいはＪＩＳ作業部会のメンバーとして、幅広くアクセシビリティやユーザビリティの普及に取り組む神崎正英さんと植木真さんに日本における最新動向や課題について話していただいた。 （司会　岩下恭士） メッセージを伝えるためのアクセシビリティ 岩下　最初にお二人のバックグラウンド、特にアクセシビリティに関わったきっかけからお聞かせいただけますか？

19 聴覚スタイルシート 19.1 聴覚スタイルシートの導入 文書の聴覚レンダリングは, 音声合成と "聴覚アイコン"を組み合わせたものであり，目が不自由な人々及び視覚障害がある人々にはすでに普及している。これらの聴覚表示は，文書をプレーンテキストに変換したり，画面上の文字をすべて読み取るだけのソフトウェア又はハードウェアである 画面読取り機に文書を供給することによって，発生することが多い。 この表示は，結果として，文書構造が保持された場合と比較すると効率的ではない。聴覚表示に 関するスタイルシート特性は，視覚特性(視覚及び聴覚の混合メディア)とともに使用されるか又は視覚表示の聴覚代替として使用される。 明らかにアクセス性能の向上という利点以外にも，情報の音声出力の需要は大きい。例えば，車内利用，産業用及び医療用のドキュメンテーションシステム(イントラネット)，ホームエンタテイメント及び利

LTE Angebote – teuer, preiswert oder mit angemessenem Preis? Beim künftigen LTE Anbieter Vodafone kann man sich schon einmal ansehen, wie künftige LTE Angebote aussehen könnten. Das Unternehmen hat bisher drei LTE Angebote vorgestellt, die man vorbestellen, aber noch nicht buchen kann. Die drei LTE Angebote bieten maximale Download-Geschwindigkeiten von fünfzig, 21,6 und 7,2 Megabyte pro Sekunde.

HTML文書においてはimg要素を使ってインライン画像を表示することができますが、Lynxのようなテキストブラウザや画像表示をOFFにしている利用者のためにはalt属性によって画像の代わりとなる代替文字列を用意することができます。いえ、正しくは「用意できる」ではなく「必ず用意しなければならない」ものです。HTML4においては、altはオプションではなく「必須」の属性とされています。 WWW利用者の環境 alt属性の使い方の基本公式 伝えるべき情報 なぜalt文をうまく組み込めないのか alt="" ? img要素のtitle属性を使う WWW利用者の環境 近頃はNetscape NavigatorやInternetExplorerが全盛で、それらに合わせたページを作ることが当たり前のように思われていますが、実際は： これらのグラフィカル・ブラウザを使っているが、回線の事情や、よりスピーディ

img要素でalt属性の内容がポップアップしない img要素のalt属性に値を設定しておくと、 その画像の上にマウスカーソルを乗せた時にポップアップによってその画像の説明が出る、 またはalt属性そのものがそういう役割の属性であると認識している人がいるようですが、 このような考え方は間違いです。 alt属性の仕様 img要素のalt属性の説明を仕様書から見てみましょう。次のように書かれています。 alt = text [CS] この属性は、画像、フォーム、アプレットを表示できないユーザエージェントのために、 代替テキストを指定する。代替テキストの言語は、lang属性で指定する。 非テキスト系の要素である、IMG、AREA、 APPLET、INPUT要素は、著者に対し、 当該要素が順当にレンダリングされない場合の要素内容として提供される代替テキストを指定することを求める。 代替テキストを指定

大きなテーブルは、音声読み上げで内容を聞いているとき、データが何を示す値であるかが混乱してきます。音声ブラウザは、th要素の内容やtd要素のheaders属性を利用して、補助的な情報を読者（聴取者）に伝える機能を持っています（WebSite DesignのVol.3で「音声ブラウザでもまだサポートされていない」と書いてしまいましたが、新しいバージョンはかなり対応が進んできました）。 音声ブラウザとth要素 長い見出し項目の省略形 セルの関係を示す属性 scope属性 headers属性 データの次元と軸 補足：テーブルsummary属性の読み上げ 音声ブラウザとth要素 表（テーブル）は、大量のデータを縦横の二次元に整理することで、視覚的に把握しやすくします。しかし、音声合成でテーブルを読み上げる場合、データは順番に一次元的に読み上げられるため、全体像を把握することが難しくなります。たとえ

謹啓　福祉情報技術コーディネーター認定試験につきましては、平成12年のアシスティブテクノロジー検定試験としてスタートして以来、平成15年に福祉情報技術コーディネーター認定試験に名称変更を行い、約17年間に亘り支援技術に関する検定試験を継続開催して参りました。 しかしながら、昨今の情報化の急速な進展により、支援技術にも大きな変化が起きております。したがって、唯一の試験のベース教材となっている福祉情報技術コーディネーター対策テキストの内容についても現在の新技術に合わない点が多々発生してしまっていることも否めません。 出題内容につきましては、現在まで情報化を出来る限り反映させて適切な問題の作成に鋭意努力して参りましたが、将来に亘る試験の継続と有用性を考えた場合、問題内容と合わせて、試験名称の変更や新テキストの作成を含めて、抜本的に改革することが必要であるとの結論に至りました。 平成29年度以降の

画像にalt属性を よく「画像にはalt属性をつけましょう」というフレーズを耳にするかと思いますが、これはサイトのアクセシビリティ改善における対応のうち、もっともメジャーなものであるといえます。WAIのアクセシビリティガイドラインであるWCAG1.0には「テーブルをレイアウトに使ってはいけません」というような内容の項目もありますが、これに対して「よっしゃ、テーブルを使うのをやめよう」とあっさりと決断してサックリとそのように作り変えることなど、ほとんどのサイトにおいて無茶な話でしょう。しかし「すべての画像にalt属性をつけよう」というのはアクセシビリティの対応要件に必ずといって良いほど含まれます。これなら、たとえ数千ページある規模のサイトであっても、とりあえず機械的な処理であるとか、人海戦術であるとかでも何とかなりそうだから……と思うからかもしれません。 たまにalt属性のことをaltタグと

アクセシビリティチェック機能 植木真 (2005年６月22日) 「アクセシビリティチェック機能」は、Dreamweaver 8でJIS X 8341-3に対応したアクセシブルなWebコンテンツの制作を実践する機能です。 Dreamweaver 8と併用できるツールバー 「Web Accessibility Toolbar」 植木真 (2006年１月10日) 「Web Accessibility Toolbar」は、Window 版Internet ExplorerでアクセシブルなWebコンテンツの制作に役立つツールバーです。 アクセシビリティ教室 (第四回) 今回はフォームについて考えてみよう。フォームのアクセシビリティでは特に、音声読み上げソフトや特殊な入力デバイスなどの支援技術を利用して閲覧するユーザーにとっての問題を認識し、それらに対応しなければならない。 Flash ではじめるア

管理者：Aaron Leventhal - aaronleventhal@moonset.net このページでは Mozilla で現在すすめられているウェブブラウザのアクセシビリティ作業に関する資料を取り上げます。 はじめに 今日のソフトウェアアクセシビリティ：コンピュータソフトウェアのアクセシビリティは過去 20 年間で大幅に改善されました。この記事では、開発された技術とその発展を振り返ります。 Mozilla アクセシビリティ・スライドショー：スライドショーが画像に大きく依存していることをご容赦ください。アクセシブルなテキスト版 もあります。 新着情報は？ Voice of the Nation's Blind に掲載された Aaron Leventhal のインタビュー -- Firefox とアクセシビリティ業界について。 ACB Radio による CSUN Fi

■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri

デベロッパがFirefoxを使う理由はエクステンション! Ajax Webアプリケーションの開発者には、WebブラウザとしてFirefoxを愛用しているユーザが多い。その理由のひとつに豊富なエクステンション機能が挙げられる。Firefoxを使っているからエクステンションを使っているというよりも、エクステンションを使いたいからFirefoxを使っているという感じだ。 デベロッパに人気のあるエクステンションはいくつもあるが、代表的なところではAll-in-One GesturesやDictionarySearch、Greasemonkey、User Agent Switcher、ScrapBookなどを挙げることができる。そしてAjax Webアプリケーションの開発において必須ともいえるエクステンションに、Firebugがある。 Firebugに対する称賛の声は枚挙にいとまがない。「Fireb

yamaokaです。 webサイトで背景が透明な画像を使用する場合、画像を透過GIFまたはアルファチャンネルを含むPNGで作成する必要があります。どちらを使用してもかまわないのですが、下図のように背景を指定した場合はPNGの方がきれいにアンチエイリアスがかかります。 透過GIFとアルファチャンネルを含むPNGの比較 posted by (C)フォト蔵 PNGを使いたくなるところですが、Internet Explorer 6（以下IE6）はアルファチャンネルに対応していないので、一工夫する必要があります。IE6でアルファチャンネルを含むPNGを表示するには、IE6のフィルタ機能であるAlphaImageLoaderを使用します。フィルタを使用すると、画像としてではなく要素の背景のように振る舞います。したがって、表示させるにはIE6でアクセスがあった場合のみ以下のような処理を行えばよいことにな

GoogleのPageRankを自由に変える方法 2007-02-05 GoogleのPageRankを自由に設定できるという触れ込みのページランク変更ソフトウェア PageRankChangerがはてブでちょっと盛り上がっていたので、興味をそそられたので仕組みを解明してみました。 ページランク変更ソフトウェア PageRankChanger 目次 予測 クローラーをだましていると思われる。 検証 PageRankを7に設定したというPageRankChangerの検証サイトのhttp://www.500man.com/に、UserAgentを「Googlebot/2.5 (+http;//www.googlebot.com/bot.html)」でアクセス。 結果 http://www.abondance.com/ (PageRank 7) に飛ばされました。 結論 クローラーが来たときだ

Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the form of tutorials, which offer tips, tricks, and artistic styles from other designers who have mastered ce

マイクロソフトの製品などについてお問い合わせしていただく際は、チャットや電話やコミュニティへの質問を選択いただけます。 お電話が難しい場合はチャット、チャットが難しい場合はお電話など、ご自身の状況にあった方法でお問い合わせいただければと思います。 メールとFAXによるお問い合わせの受付は 2020 年 8 月末日をもって終了させていただきました。 チャットでお問い合わせをしていただくことで、より迅速に回答させていただき、オンラインサポートをさせていただくことも可能になります。

バブルボールをレンタルしてバブルサッカーを楽しもう！ この記事の概要 バブルボールはスポッチャで体験するか1日レンタルがオススメレンタルできるバブルボールは幼児用、子供用、大人用、特大の4サイズレンタルは日本全国対応でスタッフの現地配送も可...

rss2audiobook bloglines2ipod では、iPod のメモ機能をつかってみましたが、オーディオにして聞けないかなということでちょっと遊んでみたのが rss2audiobook。 テキストを音声にすればいいわけで、Microsoft Speech SDK を使ってみればよさそう。Perl からだと Win32::SAPI5 が Win32::OLE 経由でラッパーになってるので、ちょろっといじってみたら簡単に音声が再生できた（ただし英語のみ。日本語の Langauge Pack もいれたみたけど GetVoices ででてこない〜）。Win32:: マンセー！（ちなみに Mac OS X でもビルトインで Text-to-Speech エンジンが入ってるみたいです） そんでテキストを WAV ファイルにしたら、iTunes COM つかって AAC (MP4) に変換。