Ｑ：なぜウェブサイトをバリアフリー対応にする必要があるのですか？ A: 高齢者や障害のある方、また、病気や怪我による一時的な障害のある方が情報にアクセスできるようにするため、また、どんなブラウザを使用していてもウェブサイトが適切に表示されるようにするためです。 Q:音声ブラウザってなんですか？ A:音声ブラウザは、ホームページのテキスト情報を音声に変換して読み出すブラウザです。おもに全盲の方・視覚に障害のある方などが利用しています。 音声ブラウザは、テキスト情報が含まれていない画像や写真などは読み出すことができないため、非テキスト情報（画像や写真など）にはテキスト情報を加える必要があります。 また音声の読み出し順序は、HTMLに記述されている順に読み出します。そのため、HTMLの記述の順序と、画面にレイアウト表示されている順序が異なるホームページの場合には、伝えたい内容が正しく伝わらなくなってしまいます。 Q:なぜ、W3Cの推奨するHTMLを使う必要があるのですか？ A:ホームページは、多種多様なブラウザ（ホームページを閲覧するためのソフト）で多くの方に利用されています。ブラウザは、ホームページのhtmlファ イルや画像ファイルなどを解析してレイアウトし表示・再生します。そのため世界標準の規格や仕様を守っていないホームページは、一部のブラウザでは使えな かったり、使いにくくなったりします。 ウェブのバリアフリーを実現するためには、ホームページの規格や仕様を守っていないことによって引き起こされる利用者の障壁（バリア）を取り除き、誰でも（どのブラウザでも）利用できるようにすることが必要です。 Q：ウェブバリアフリーのためのJIS規格とはどのようなものですか？ 日本工業規格「JIS X 8341-3 ウェブコンテンツ」はウェブコンテンツの情報アクセシビリティーを確保するために、ウェブサイトの企画・制作・運用担当者が理解するべきことをガイドライン化したものです。 Q:海外ではウェブのバリアフリーについてどんな動きがあるのですか？ 海外ではWorld Wide Web Consortium（W3C）にアクセシビリティの機関（WAI）が設置され、ウェブに関するアクセシビリティ・ガイドライン（WCAG）1.0が1999年5月に勧告されています。 また米国では、リハビリテーション法508条が強制力を持つように改正され、2001年6月から施行されています。この法令では「連邦政府や関連する組織 では、購入する全ての情報通信機器はアクセシビリティに対応したものにしなければならない」とされています。またウェブコンテンツについても 「1194.22 Web上の情報やアプリケーション」として明記されています。 Q：日本の行政はウェブバリアフリーのためにどのようなことをしていますか? IT基本法が施行され、日本政府のe-Japan重点計画を経て、ついに、2004年、日本工業規格：「JIS X8341-3 高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第三部：ウェブコンテンツ」が制定されました。 また2004年5月28日には「障害者基本法の一部を改正する法律案」が成立し、その第十九条　3には、「電気通信及び放送その他の情報の提供に係る役務 の提供並びに電子計算機及びその関連装置その他情報通信機器の製造等を行う事業者は、社会連帯の理念に基づき、当該役務の提供又は当該機器の製造等に当た つては、障害者の利用の便宜を図るよう努めなければならない」と明記されており、公共分野だけでなく、コンピューター関連のメーカーや、ホームページで情 報発信を行っている企業・個人においても、ホームページをバリアフリーにすることは、当たり前のことになりつつあります。   [障害者数について] 全国の18歳以上の身体障害者数（在宅）は、293万3千人（人口比2.9パーセント）になります。 厚生労働省 平成８年 身体障害者 実態調査及び 身体障害児実態調査の概要 [W3C] World Wide Web Consortium。通称W3C。HTML等、インターネットの様々な言語や技術の標準化をすすめる団体です。 [JIS規格 JIS X 8341-3] 日本工業規格「高齢者・障害者等配慮設計指針。情報通信における機器、ソフトウェアおよびサービス-第三部：ウェブコンテンツ JIS詳細を見る （JISコードで検索） [e-Japan重点計画] ＩＴ戦略本部による、高度情報通信ネットワーク社会の形成に関する重点計画 e-Japan重点計画の詳細1 e-Japan重点計画の詳細2 [工業標準化法] 第67条（日本工業規格の尊重）は、「国及び地方公共団体は、買入れる工業製品に関する仕様を定めるとき日本工業規格を尊重しなければならない」と定めています。 また、平成7年に調達関係省庁の申し合わせ事項として定められた、「コンピュータ製品及びサービスの調達に係る総合評価落札方式の標準ガイド」では、調達するコンピュータ製品及びサービスの仕様は、JIS規格、ISO規格に準拠することなどを求めています。

[ページトップへ戻る]

商品の機能に関する質問

Q：具体的には何をチェックしているのですか？ A: フレーム、表（テーブル）、フォーム、ページタイトル、画像の代替テキスト (alt) の有無などをチェックしています。これらが、バリアフリーの観点から問題がある場合エラーが表示されます。 例：ブラウザで文字サイズを変更できなくする作り方をしていないかどうか ：音声ブラウザでウェブサイトを聴いた時に理解しやすいかどうか その他、W3Cが推奨するHTMLに適合しているかどうかをチェックしています。 Q：ホームページ・ビルダーのアクセシビリティーチェック機能との違いは？ バリアフリー・エクステンションをインストールすると、以下の機能が加わります。 （１）診断項目が増加 バリアフリー・エクステンションの診断項目数は*50項目（必須２１項目　選択項目29項目、ただし、ホームページビルダーと同様の機能もあります）。 （２）診断項目がJIS規格 JIS X 8341-3 に対応 JIS X 8341-3とは、今年6月制定された日本工業規格(JIS)のひとつで、高齢者・障害者等配慮したウェブコンテンツについてこまかなルールがあります。 （３）検印機能 バリアフリーチェック、問題点を修正したページに検印（バリアフリー保証画像）を入れることができる。 （４）チェック後のヒント表示 問題点があった場合、それをどのように修正すべきなのか、ヒントが表示されます。 （５）アドバンスヒント 画面上に表示されないAltテキストなどの障壁は健常者には気がつきにくいものです。禁止代替テキストや禁止リンクテキストを加えて、一歩踏み込んだより確実な診断が可能です。 *発表時の総診断項目数は５５項目でしたが、ＨＴＭＬ4.01に存在しない属性項目の診断を削除しましたので、50項目となりましたのでご了承ください。

[音声ブラウザの例] IBM ホームページ・リーダー Windows版 V3.01

購入に関する質問

Q：購入方法は？

Q：既存の販売店で購入できますか？

Q： 価格はおいくらですか？

Q： 割引はありますか？

さぁ、始めてみましょう

 
ホームページ・ビルダーからご自分で作成したページを開きます。
どこか問題点があるのか、見ただけではプロのデザイナーでもなかなかわかりません。

検印（バリアフリー保証画像）の位置を指定する

バ リアフリー対応のページを作ったら、それを明記し、アピールすることができます。表示させる位置はページ上部・下部と指定することも、自由な位置を設定す ることも可能です。加えて、サイト内の全てのページがチェックされたのかどうかを調べることもできるので、チェックし忘れを避けることができるようになっ ています。（注）別途モニター・プログラムが必要です。 モニター・プログラムの詳細については、別途お問い合わせください。

*保証画像について バリアフリー保証画像にはオリジナル画像をお使いいただけます。 教育機関の保証印 企業独自の保証印 当社指定の保証印

 [ページトップへ戻る]

ホームページ・ビルダーを使いながらバリアフリーチェック！

ホームページ・ビルダーにバリアフリー・エクステンションが組み込まれています。「ツール」メニューの「バリアフリーマネージャー」で機能一覧を見ることができます。
ここでは「ページチェック」を選びます。

問題点が表示されますので、さくさく修正します。

サイトを訪れた方に、バリアフリー保証画像を見せることができます。

その他、機能がもりだくさん

このページでご紹介した以外にも、様々な機能があります。

ご使用中のIBMホームページ・ビルダーVersion8以降で、ウェブコンテンツの*JIS品質に対応した診断・修正を行うことができます。 HTMLテキストを入力する事なくご利用いただけますので、操作は簡単です。ウェブ・バリアフリーの品質を自分でチェックでき、ホームページの信頼性が高 まります。

*2004年6月20日、高齢者・障害者に配慮したウェブコンテンツ設計のための指針、JIS規格JIS X 8341-3が制定されました。公共性の高いウェブサイトは準拠することが望まれます。

検印を保証画像で表示

 診断後、すべての問題点を修正し保存すると、バリアフリーの証として、暗号コードを含む「検印」をホームページに自動記録します。検印のあるページには、 保証画像を表示させることもできます。サイト固有のマークや、組織印、学校印などオリジナル画像もご利用いただけます。また、保証画像をクリックすると、 検印の状況を判定することができます。

サイトに応じた診断プロファイルの作成

 JIS規格に対応する項目として、50項目（必須21項目、選択29項目）から、診断する項目を選ぶことができます。
また、選択した項目をプロファイルとして保存できますので、個人のページから、公共機関の公式ページまでサイトの目的に応じた診断ができます。

アドバンスチェックヒント

 画面上に表示されない画像の代替テキストなどの障壁は、健常者には気がつきにくいものです。禁止代替テキストや禁止リンクテキストなど、不適切な単語を登録することで、一歩踏み込んだ確実な診断が可能です。

サイト"まるごと"チェック

 サイト全体を一括して診断できるのでエラーの見落としがありません。エラー数を確認し、ページチェックをすれば簡単です。

aDesignerとの相性も抜群

 ホームページ・ビルダーV9をご使用の場合は、「aDesigner」を使用すると、視覚障害者にとってのより高度なアクセシビリティやユーザビリティをチェックすることができます。
チェック済みのページにバリアフリー・エクステンションを使用することで、高品質なページであることを保証するための検印を記録し、簡単に品質を管理することができます。

バリアフリー・エクステンションの機能概要

• 「診断・修正」機能
  ホームページ・ビルダーを使用してホームページを作成しながら、簡単にJIS規格の品質に対応した診断・修正ができます。
  
• 「検印」記録機能
  診断の結果ホームページにバリアフリー上の問題がなかった場合や、修正が完了した場合にはホームページのhtmlファイルに「検印」となるコメントが自動的に挿入されます。
  
• 「保証画像」の表示機能
  「検印」が記録されたページには、保証画像を挿入し表示させる事ができます。
  
• BFSモニター・プログラム対応
  BFSモニター・プログラムは、ホームページ内の「検印」に含まれる暗号コードとホームページの内容が一致しているかを識別します。（注）別途モニター・プログラムが必要です。

お問い合わせ・ご注文

お問い合わせ　/　ご相談

［掲載記事一覧]


■日経産業新聞
「電子政府とアクセシビリティ」特集でインフォ・クリエイツが取り上げられました。インフォクリエイツ、バリアフリー化をチェック、ウェブの信頼性を一段と向上

■日経プレスリリース
インフォ・クリエイツ、「ホームページ・ビルダー」対応のバリアフリー診断＆修正プログラムを発売

■INTERNET WATCH
Webページのバリアフリー対応を診断する「バリアフリー・エクステンション」

■WEB BCN
インフォ・クリエイツ、HPをバリアフリー診断し「検印」を記録するソフト

［JIS X 8341-3のインパクト]
「工業標準化法」第67条は、「国及び地方公共団体は、買入れる工業製品に関する仕様を定めるとき日本工業規格を尊重しなければならない」と定めています。

また、平成7年に調達関係省庁の申し合わせ事項として定められた、「コンピュータ製品及びサービスの調達に係る総合評価落札方式の標準ガイド」では、調達 するコンピュータ製品及びサービスの仕様は、JIS規格、ISO規格に準拠することなどを求めています。

日本工業規格「JIS X 8341-3 高齢者・障害者等配慮設計指針。情報通信における機器、ソフトウェアおよびサービス-第三部：ウェブコンテンツ

経済産業省報道発表

IBM、ホームページ・ビルダーはIBM　Corporationの商標です。
WindowsはMicrosoft Corporationの米国およびその他の国における登録商標です。
Intel、Pentiumは、Intel Corporationの米国およびその他の国における登録商標です。

*申し訳ございませんが、現在、このサービスは休止しています。

研修内容例

AIX
WebSphere
Java
Linux
AS/400
DB2 UDB
適用業務開発
プロジェクトの計画、管理
ICND（Cisco認定コース）

日本IBM研修サービス株式会社（LSJ）セミナー開催場所

東京： 神保町 、銀座 、九段下 、品川 、半蔵門 、プリンス、茅場町 、新宿、新川 、四谷、晴海 、飯田橋、アプロス 、恵比寿
神奈川： 川崎(IBM本社）
千葉： 新浦安
大阪：大阪、大阪朝日、新大阪
その他： CATIA 、ベリサイン、フォーバル

お申込み・お問い合わせ

◎お申込み
インフォ・クリエイツのショップサイトからどうぞ。

◎お問い合わせ
IBMマニュアル・センター
TEL：03-5770-6025　FAX：03-5770-6372
受付：月～金（10:00～12:00　13:00～17:00）
＜祝日・7/7・12/30-1/3を除く＞

商社の新たな方向性を探る---Make a next innovation

 単なる商社としての機能だけではなく、お客様の検討されている新しいことに対して、初期の段階からかかわりソリューションを提案していくことから、商品のデザイン、製造、納品までを一貫して提供できる企業であることを理解してもらう必要性があったのです。

サイト構築のきっかけは?：共創のパートナー企業として認知していただくために

 グローバル市場をにらんだ国際競争力の獲得が大きな課題となっている情況のなか、黒田電気では、スペックインからデザインイン活動も含め、海外の生産拠点 にベストな商品をダイレクト納入できるなど、国境を越えたシームレスなネットワークを大規模に構築し、カスタマーを強力にバックアップしていることを理解 してもらうツールにする必要性から、サイト再構築の構想が浮上したのです。

IFCが提供するノウハウ、ソリューションなど

-Flashを活用した取り扱い商品の効果的な紹介
-ezCasterによるお客様自身でのページの容易な更新

取り扱い商品 についてはお客様から説明を受けると共に、例えばカーナビゲーションの場合、そこで使用されている部品を確認するために製品の分解にも立会い、より分りや すいデザインを行いました。また、News & Topicsや投資家情報など、タイムリーに更新する必要のあるページについては、ezCasterを提供。お客様自身でページ更新ができるような配慮も しています。

新規/リニューアルでの効果（特長）および今後の展望

-取り扱い商品をより具体的にお客様に理解
-最新の情報をタイムリーに掲載

独自に開発された商品の紹介をはじめ、各事業 分野の商品の紹介がより分りやすいものになっており、お客様に黒田電気の取り扱い商品を具体的に理解してもらえるようになりました。ユーザビリティーの観 点では、ezCasterを利用していただくことにより、News & Topics、投資家情報をいつでもお客様自身で更新できるようになり、常に情報の鮮度を保つルートが確立されました。
今後の展望として黒田電気では、特定のお客様に対して特定の情報を提供する仕組みを構築することにより、よりお客様と密接な関係がWebを介して築けることを目指しています。そして、この要望をインフォ・クリエイツとしても最大限サポートしたいと考えています。

ビジネスのさらなる効率化を目指す---Webベース受注システム

 既存の受注システムは、約10年前に導入した電話端末を利用したものでした。しかし、この電話端末では、最新の技術を活用することは不可能と判明。そこで は、進化の著しいWebの技術を活用したシステムを構築し、今後のビジネスの発展に結びつける必要性にせまられていたのです。

サイト構築のきっかけは?：最新のWeb技術を活用してビジネスの拡大を図る

 いままで使用していた受注システムでは電話端末を入力端末としていますが、これが老朽化してきており、先進の技術を活用した新しい受注システムを構築する ことが必要となっていました。会員であるメンバーレディーの販売活動を支援する機能をWebから提供することにより、ビジネス拡大を図る一助となるよう、 大きな期待がよせられたのです。

当社が提供する優れたノウハウ：データベース活用による柔軟なシステム開発経験

 　-ezCasterによるお客様自身によるページの更新
 　-Webシステムと既存システムのインテグレーション

取扱商品をデー タベースで管理し、Web上には動的なページを表示することで柔軟な注文処理が可能となりました。また、インフォ・クリエイツが提供するソリューション “ezCaster”を利用することで、Webページ制作の専門的な知識がなくても、ページの特定情報をいつでも好きなときに簡単に更新できる環境を実 現。これにより、ページをいつも新鮮に保つことが可能になったのです。さらに、ezCasterからデータベースを参照できる機能も開発し、お客様が SQLの知識がなくてもデータベースを利用できるようになったことは大きなメリットと言えます。既存システムに変更を加えることなく、Webシステムとの インテグレーションを実現した好例となりました。

リニューアルでの効果（特長）および今後の展望

 　 -発注手段の電話端末からWebへの移行
 　 -新システムと既存システムとの共存

発注手段を電話端末からWebに移行したことに より、発注のし易さ（ユーザビリティー）が向上するとともに、データベースに格納された情報をもとにデータを処理して表示するため、注文誤りを減少させる ことにも期待がよせられています。また、同時にすべての電話端末をWebに切り替えることはできないため、新旧システムの並存が必要であることに加え、発 送・請求処理なども既存システムを活かすことが要求され、そのなかで新規のWebシステムと既存システムを最小のコストで接続・並存させることができたこ とは、お客様にとっておおきなメリットとなりました。そのほかにも、今回のシステムは会員向のサイトですが、今後、このサイトの構築経験をベースにして一 般消費者向けの販売サイトを構築し、さらなるビジネス拡大に結びつける大きな布石となりました。

高まる携帯サイトの重要性

 携帯電話と言えば今までは通話・メールの使用が一般的でしたが、近年は携帯向けのサイトに対する需要も高まっています。 その背景として、携帯の通信方式は２Ｇからより通信速度の速い３Ｇが主流となり、ブラウザの表示可能色数、画像サイズの拡大などにみる機能向上とともに、 よりリッチなコンテンツの配信が可能になったことがあげられます。さらにパケット定額制が一般的となり、通信時間を気にせずサイトの閲覧ができるように なったことも、携帯サイトのニーズを加速させることとなったと言えるでしょう。 最近ではネット利用においてＰＣを上回るという報告もなされており（出典：インターネット白書2006より）、携帯サイトの重要性はますます高まっていま す。

サイト構築のきっかけは?

 以前からＰＣ向けの日本フォーミュラースリー協会公式サイトは存在していました。 しかしＰＣは携帯性に欠けるため、レース会場でいち早く情報を見ていただくには限界がありました。 携帯サイトであれば、ＰＣサイトに比べデザインの要素も少なく、情報をダイレクトに伝えるツールとして適しており、速報性重視のサイト要件にマッチ。アー カイブ重視で深い情報を掲載するＰＣサイトと併用することによって、互いを補うことができるという判断のもとに、開発がスタートしました。

IFCが提供するノウハウとソリューション

 携帯サイトの利点といえば、『いつでも・どこでも』アクセスができること。 ＰＣより表示機能がシンプルな携帯サイトでは、この利便性を最大限に活かしたコンテンツを作る必要がありました。 そこでわれわれは、レース会場からいち早く予選結果、決勝結果、レースリポート等、生の情報をお届けする方法としてもっとも普及し、弊社としても実績のあるブログ（Movable Typeを選定）による、入力、公開システムを採用・導入。 これにより、レース会場のどこからでもインターネットに繋ぐ環境さえあればサイトの更新を行うことが可能になりました。また、受け側にとっても身近な携帯電話を使って、会場での臨場感とともにレースの情報を見ることができることとなったのです。

豊かな自然と文学が薫る---山梨県 山中湖村観光課

 村の大半は、標高1,000m前後のなだらかな起伏の高原地帯で、西方には「絶景くん」にも登場する美しい富士山が間近にそびえています。豊かな自然に恵 まれ、日本有数の野鳥の宝庫としても知られています。真夏でも最高気温が30度を超えることはまれで、夏の平均気温は20度前後と過ごしやすく、早くから 避暑地として開けていました。観光客は春から秋にかけて、特に夏休みに集中し、年間400万人にもおよびます。

サイト構築のきっかけは?

 レジャー・ブームが高まるなか、山中湖村観光課では、山中湖への観光を中心とする集客を増やすため、TVや新聞・雑誌広告などに次ぐメディアである「イン ターネット」を活用したいと考えていました。しかし、コンテンツを頻繁に更新するだけの人手がかけられないという現状もあり、その問題を解決できるWeb サイトであることが重要なポイントとなっていました。

IFCが提供するノウハウとソリューション

 当社では、「絶景くん」というニックネームをつけた定点カメラとそれに関連するコンテンツを中心に提案し、設置場所の検討から専用線接続までサイト全体の 制作管理・運用を行っています。「絶景くん」は、5分おきにシャッターを切り、山中湖の向こうにそびえる雄大な富士山の四季の移り変わりをとらえ、その表 情をサイトを訪れたみなさまにお届けしています。

その効果（特長）と今後の展望

 このキラーコンテンツによって、本年は世界50ヵ国以上の方々からすでに3,000万件以上（2003.10現在）のアクセスを実現。観光産業振興に向け たひとつのツールとして、育ちつつあります。今後は、このサイトをさらに活用していただくためのアイデアを出し合うなかから、地元の発展に貢献できるもの を創造し続けます。

サイト構築のきっかけは?

 インターネットがさらなる進化と広がりを見せるなか、リアル店舗並みのサービスをインターネット上にも展開したいというトップの方針と、新たな創造に向け た社員たちの思いがひとつとなり、本プロジェクトはスタートしました。当初より、洋服のお直しについてのプロであるツヅキ様と幅広いシステム導入実績を有 する日本オフィス・システム（NOS）様、そしてウェブのプロであるイン フォ・クリエイツの3社が強力に連携し、要件定義、詳細仕様を確定。お互いにアイデアを出し合い、時には譲れず、数時間にもおよぶ会議もしばしばありまし た。その結果、ユニークなコンテンツときめ細かな使い勝手を提供できるウェブサイトへとたどり着くことができたのです。

プロジェクト成功に向けたノウハウとソリューション

 今回、プロジェクトを進めるにあたり、特にNOS様とインフォ・クリエイツがこだわったのは、お直しのノウハウや専門用語をいかにウェブに取り込んで親し みやすいものにしていくか、という点にありました。「剣ボロ」「プリーツ」「セッパ」「ヘム」・・・プロジェクトキックオフでは、ほとんど聞き慣れない単 語が飛び交い、業界では標準であるも、なかなか「手ごわい」というのが最初の印象でした。打ち合わせを重ねる中で、ツヅキ様の持つノウハウをウェブに移植 するために、NOS様が誇るプロジェクトマネジメントノウハウとインフォ・クリエイツウェブプランニング・ソリューションが大きな役割を果たしました。

その効果（特長）と今後の展望

 親しみやすくフェミニンなカラースキームの採用により、実際はかなり細かい入力が必要であることを感じさせないよう工夫しています。また、複数の商品で複 数箇所のお直し指定のできる機能やクイック入力など、真の意味でのユーザービリティーにも大きく配慮しています。そのほか、「お直しママ」と呼ばれるユー ザーサポート機能も搭載。Flash動画やイラストなどで、採寸や専門用語を分かりやすく説明しています。今後、ツヅキ様としては、利用者のさまざまな声 を収集・分析してFAQなどを充実させることや、さらなるコンテンツ拡充を計画されているとのこと。認知度を上げることで利用率がアップすれば、さらなる 機能拡張も視野に入れた新ビジネス構想にも弾みがつくと確信しています。

 

1. 更新するデータをWebブラウザ画面で入力できます。
2. 実際に更新する前に、プレビュー表示で確認できます。
3. 複数のページに同じ内容を掲載したい場合、一括して更新できます。
4. 更新する領域ごとに編集する担当者を割り当て、ユーザーIDを使って制御できます。
5. 入力したコンテンツの公開期間を設定できます。