ウェブアクセシビリティーに関して正しいと思うものに○、間違っていると思うものに×をつけましょう →回答は92ページから

Q1
Q2
Q3
Q4
Q5

画像のaltには必ずその画像の説明を書く
テーブルをレイアウト目的にJavaScriptはうまく使えない

Q6

ことがある
フォームは基本機能なので使用してはいけない

Q7

文字の大きさは相対指定にする

Q8

Flashは使ってはいけない

Q9

PDFは視覚障害者には使えない

スタイルシートで指定すれば色もフォントも自由に使える
アクセシビリティーに配慮しても見た目のデザインは犠牲にならない

特に配慮するべきことはない

ブログはアクセシビリティー的Q10には有利である

クイズ！
こ
れ
を
知
ら
な
き
ゃ

JIS
対
応
で
き
な
い

！？

ウェブ
アクセシビリティー
みんな
に

や

さ

8341？
し

い

ウェブサイトを高齢者や障害者でも使いやすくするための指針を示した規格として JIS
X8341-3「高齢者・障害者等配慮設計指針−情報通信における機器，ソフトウェア及びサービス−第3部：ウェブコンテンツ」が発行されて、ウェブアクセシビリティーの話題がにわ
かに表舞台に登場してきた感がある。6月にマクロメディアが開催したアクセシビリティー
セミナーは、なんと700 人以上の申し込みが殺到した。ウェブデザイン系の各誌にも、ア
クセシビリティー関連の記事が登場する機会が増え、JISを解説する記事も少なくない。
しかし一方で、クリエーターからは背景や概念の説明ばかりで肝心のテクニックがわからない、実際に設計するときに大事なポイントが知りたいといった指摘もある。そこで、本稿では、ウェブアクセシビリティーに取り組むときに最初にぶつかる10の質問に答えることで、基本中の基本となる考え方とテクニック、注意点をまとめて解説してみたいと思う。
本稿を読み終えたあとで、JIS規格を買って読むことをおすすめしたい。

梅垣まさひろ＜ume@st.rim.or.jp＞
JIS X8341-3の策定WG副主査を務めた。ライター、アクセシビリティーコンサルタントとして活動中。最近の興味はメ
タデータ、ウェブの構造化、ブログなど。本稿の内容はJIS策定WGの正式見解ではなく、筆者の個人的なものである。

90 +++ iNTERNET magazine 2004.10 +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

6月20日に発行された JIS X83413:2004は、日本規格協会で購入できる。定価3,045円。PDF形式のオンライン版も購入できる。
http://www.jsa.or.jp/

やさしい
みんなに

8341？

ウェブアクセシビリティー
★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

ウェブアクセシビリティー基本の「き」― J I S が め ざ す ウ ェ ブ ア ク セ シ ビ リ ティ ー と は ―
★

★

★

★

★

★

★

★

ウェブアクセシビリティーとは何か
JISで考える利用者像

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

高齢化率（全人口に対する65歳以上の人口割合）
40.0%

ウェブアクセシビリティーという言葉を35.0%

聞いたことがない人は少ないだろう。しか30.0%

し、その対象となっているユーザーのこと

25.0%を知っている人は意外に少ない。対象ユ

★

実績値

推計値

20.0%

ーザーのことを知らなければ、どう対応していいかわからないのは当たり前だ。そこでまず、JISの中からそのユーザー像を

15.0%
10.0%

2045

2050

2040

2035

2030

2025

2020

2015

2010

2005

2000

1995

1990

発・制作に関する個別要件」の5.6「文字」

1985

ことを表している。たとえば、第 5 章「開1980

だけをターゲットにしているわけではない

1975

るが、これはこの規格がいわゆる
「障害者」

1970

指針」
というメインタイトルが与えられてい

1965

0.0%

1960

X8341には「高齢者・障害者等配慮設計

1955

5.0%
1950

明らかにするところから始めてみよう。JIS年 年 年 年 年 年 年 年 年 年 年 年 年 年 年 年 年 年 年 年 年
平成16年版 高齢社会白書より、65歳以上の人口割合。2005年以降は推計値だが、2005年です
でに日本人の5人に1人は65歳以上だ。高齢者の25パーセントが日常生活に影響を及ぼす健康上の問題を抱えており、高齢者にも使いやすいウェブサイトがあれば、高齢者をターゲットにした市場が形成されることは間違いない。
http://www8.cao.go.jp/kourei/whitepaper/index-w.html

では、文字のサイズを変更できるようにし、また見やすい色やフォントを用いることをどを操作しやすくするなどが必要になるだ

求めている。これは、弱視の人だけでなで利用するユーザーは、文字または音声

く、加齢による視力の低下を考慮した記で記述された情報以外は利用できない。

ろう。フォームの使いやすさは、高齢者やそこで、画像は代替情報で補完するこ

視覚障害者だけでなく、一般のユーザー述になっている。

にとってもとって大事な要素となる。

全体を通して一貫しているのは、ユーザとが求められる。代表的な方法はimg要ーの特定の感覚器官（視覚や聴覚など）や素にalt属性をつけて文字情報を記載する

身体（手の器用さなど）の機能の制限をど方法だ。画像以外でも、Flashなどを使う

うすればカバーできるかという点であり、ときにはうまく使えるように工夫する必要

障害者への対応と言うよりは、障害者にがある。また、table要素はスクリーンリー

一般的に高齢者などに対応するために限らず主として身体的な制限からウェブをダーでは扱いにくいものの1 つだ。table

は、サイトのユーザビリティー向上の手法

使いづらいと感じているユーザーにどう対を使う場合には、構造を明確にしたりわかが有効だ。使いやすいナビゲーションを処するべきかという視点だ。したがって、りやすくしたりといった配慮が求められる。

提供したり、アイコンや画像、Flash など

この規格の直接の対象者である高齢者や視力の弱い人や色の識別が困難なユーをうまく使ったりすることで、わかりやすさ

障害者だけでなく、多様な環境でウェブをザーには、デザインにおいて的確な色使利用する一般の人たちのユーザビリティ

いや十分なコントラストの確保が必要だ。

大まかな基本方針を説明した。アクセーを改善するうえでも役に立つテクニックが含まれているのだ。

基本を押さえれば難しくない
アクセシビリティー対応

アクセシビリティー向上は一般のユーザビリティーに通じるや使い勝手を向上できるはずだ。

聴覚に関しては、ウェブサイトで使う動シビリティーの向上は、高齢者や障害の画や音声に対する配慮事項がある。一般

ある人に役立つものだが、その技術はそ的に言えば、音で伝える情報には、テキれ以外の人の使い勝手を向上し、多様なストなどの代替情報が必要になる。

環境でのウェブアクセスを可能にすること

器用に機器を操作できない、操作の苦にも役立つものが多い。アクセシビリティ

まず、視覚特性に着目してみよう。ブラ

手なユーザーには、マウスよりも操作が容ーの向上とともに、サイトの使いやすさやウザーではなく、HTMLを読み上げる「ス

易なキーボードで操作できるように工夫しわかりやすさ、つまりユーザビリティーを

クリーンリーダー」を使って画面を音だけたうえで、クリックする画像やアンカーな総点検してみることをおすすめしたい。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2004.10 +++

91

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

★

○？×？ ウェブアクセシビリティーの正しい考え方― ク イ ズ の 答 え で 学 ぶ J I S 対 応 ウ ェ ブ サ イト の 作 り 方 ―
★

★

★

★

★

★

★

★

★

★

★

★

★

★

画像の alt には必ずその画像の説明を書く？
GOOD

★

★

★

★

正
解
は

★

★

★

★

★

★

★

altは画像の役割を文脈で考えて書く<img src="image01.gif" alt="牛乳とアイスクリームの写真" />BAD<img src="image01.gif" />BAD<img src="image01.gif" alt="写真" />左に示した例の画像ならば、GOODのようにaltを付けるのが適切だ。altがないとスクリーンリーダー
は画像ファイル名を読み上げてしまう。このの写真ならば、画像に解説文が添えられているので、altは簡単な説明でよい。

解説 画像の altは最も大事なものの一

テキストをスクリーンリーダーが2度読み上確 かめてみる方 法 が 簡 単 だ 。

つだ。altを正しくつけるだけで、アクセシ

げてしまって煩わしいので、ロゴマークをAccessibility Toolbar

ビリティーは画期的に向上する。alt 属性

alt=""にする。このように、実際に画像がールを使うのが簡単だが、IE の場合、イは、画像の説明を書くところではなく、画使われるシチュエーションで使い勝手を想ンターネットプロパティーで「詳細設定」
をなどの専用ツ像が表示できない環境で代わりに表示す

像しながら、適切なテキストをaltに記述し開くと画像の表示をオン／オフできるのるテキストを記述するためのものだ。したていくことが必要だ。なお、alt=""の場合もでそれで確認できる。

がって、コンテンツの「文脈」に沿って、画

alt属性自体を省略してはいけない。

http://jun.mods.jp/atb.html

像の役割を明確に記述する必要がある。
画像には機能面でいろいろな種類があ

ワンポイント alt の記述で特に気をつけ

プラスメリット 画像のaltは、アクセシビ

り、その役割を分類して考えれば、alt のたいのが、リンク画像だ。リンクはページ

リティーだけではなく、外出先のダイアル記述は難しくない（下表を参照）。ただし、を閲覧するうえで重要な役割を果たして

アップ環境で画像を非表示にして快速ア

例外もある。たとえば、会社のロゴマーク

いるので、altを読んだだけでリンク先のクセスを実現したい人にも役に立つ。まと会社名の文字が並んでいる場合だ。

内容がわかるようにしておく必要がある。

た、画像の altはテキストなので SEO（検索エンジン最適化）効果も期待できる。

<img src="toplogo.gif" alt="インプレチェック方法 ブラウザーで画像表示を

スグループ" /><br />インプレスグループ

この場合、「インプレスグループ」というオフにしてページが利用できるかどうかを関連するJIS項目 5.4.a、5.4.b

画像の役割から見たalt属性の記述方針
種類
機能
スペーサー画像 レイアウト調整のための透過画像
ビュレット画像
文字の画像化

リストの先頭につける画像
ロゴマークなど文字を画像化したもの

雰囲気画像

この画像がなくてもページとしての内容は伝わるが、全体の雰囲気を演出するための飾り
画像自体が情報を伝えているもの

グラフや図など

コンテンツ画像 画像自体がコンテンツの重要な要素になっているもの
リンク画像、
メニュー画像

リンクを張ってある画像

92 +++ iNTERNET magazine 2004.10 +++方針
本来スペーサー画像は使わないほうがいいが、画像自体には意味がないのでalt=""とする
飾りに過ぎないので、alt=""でよい文字を画像化した場合は、記述されているテキストをaltにも記述する
alt=""でもよいが、あえて伝えたい内容があるときは、その雰囲気を伝えるテキストを書く。画像の内容を伝えるのではないことに注意
グラフの内容などをテキストできちんと記述する。長くなりすぎるときは、altは簡素にしてlongdesc属性で詳細を記述したページへのリンクを提供するのもよい
画像自体を紹介することが目的の場合などがあてはまる。この場合は、できるだけ画像の内容を説明する。
longdesc属性の併用は必須といえるだろう
リンク先のページやコンテンツの内容がわかるような
altテキストを記述

画像の代わりにaltを表示してみると、そのページを画像なしで利用した場合にどう見えるかがよくわかる。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

やさしい
みんなに

8341？

ウェブアクセシビリティー
テーブルをレイアウト目的に使用してはいけない？
GOOD
1

正
解
は

テーブルをレイアウトに使うのは望ましくないが、禁止ではない

BAD
3

5

6

4

1

2

5

6

3

4

画像の数字はスクリーンリーダーが読み上げる順序。同じようなレイアウトだが、GOODの例はスタイルシートを使ってレイアウトしており、意図した順序で読み上げられるが、table要素を使ってレイアウトしたBADでは、「トピック」の読み上げ
順が5番目になる。

7

2

7

解説 JIS では、テーブルレイアウトを使

ワンポイント tableをレイアウト目的で使わないことが望ましいと明記されている。

う場合には、th や caption などの表の論

この基準に従うなら、テーブルではなくス

理的構造を示す要素を使ってはいけな

タイルシートを使うべきだ。どうしてもテーい。レイアウトには表としての論理構造は

ブルでレイアウトしたい場合には、スクリ存在しないからだ。逆に、本来の表組み

ーンリーダーの読み上げ順序に配慮すでは th や captionなどで構造を明示する

る。一般的に、スクリーンリーダーはテーことが求められる。

ブルを横方向を基本に読み上げるため、果たしてたどりつくだろうか……。

テーブルでレイアウトすると意図した順序

チェック方法 Accessibility Toolbar のとは異なる順番で読み上げられることが「リニアライズ」機能でテーブルを外してプラスメリット スタイルシートを使えば、ある。上の例では、セルごとにコンテンツ

表示したり、「テーブルのセルの順序を表

ブラウザーの画面サイズに応じてまわりが完結しているが、もっと細かくセルを切示」
を使って読み上げ順を確認したりする。

込み処理などが行われてスマートだ。

り分けていると、まったく理解できない順

インターネットマガジンのトップページで

序で読み上げられてしまうこともある。

は、本文が 96 番目であることがわかる。

文字の大きさは
相対指定にする？

正解は関連するJIS項目 5.2.b、5.2.c、5.2.d

文字の大きさは、emや%などでスタイルシートで指定するのが正解

GOOD
文字サイズが相対指定されていると、文字が小さくて読めない場合でも、表示する文字の大きさブラウザ
ーの「文字のサイズ」
メニューで変更できる。
ウィンドウズ版のIEや古いブラウザーでは、pt、cm、
mm、pxなどで文字の大きさを指定していると文字のサイズを変更できない。

イズ 」メニ ュー で 確 認 す る 。ま た 、Accessibility Toolbar でスタイルシートを無効にして表示してみよう。
プラスメリット 多くの高齢者はウェブ画

面の文字が小さすぎて見づらく感じてい
解説 文字のサイズやフォントはユーザ「文字のサイズ」メニューに対応するためる。文字を拡大できるようにしておけば、ーが変更できる必要がある。ユーザーがには、文字サイズは、em、%などを使っこの問題に対応可能だ。また、テーブル変更する場合には、ブラウザーの「文字て相対値で指定する必要がある。また後やセルの幅なども相対値にしておくと、ブのサイズ」メニューを使う場合と、ユーザ者の場合に対応するには、外部スタイル

ラウザーの表示サイズに応じた柔軟な対ーが独自のスタイルシートを指定して変シートを用いるとよい。

応が可能なコンテンツになる。

更する、あるいはスタイルシートを使わないといった選択肢がある。ブラウザーのチェック方法 ブラウザーの「文字のサインターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

関連するJIS項目 5.6.a、5.6.b+++ iNTERNET magazine 2004.10 +++93

スタイルシートで指定すれば色もフォントも自由に使える？

正解はスタイルシートで指定する場合にも、見やすいフォントや配色にする

解説 スタイルシートでフォントや色を指BAD

ワンポイント 色とフォントについては、定しておけば、ユーザーがスタイルシート

ブラウザーのデフォルト指定に任せる場を変更したり文字サイズを変更したりす

合は考えなくてもよい。最近、ウェブペー

ることは、技術的には可能だ。だがブラジの文字は小さくなってきている。高齢

ウザーの設定方法は容易ではなく、パソ者だけでなく、40歳を超えた年齢層の人

コンに不慣れな高齢者などに、そういうたちは夕方になると画面が見づらくなる

操作を求めるのには無理がある。したがことがある。障害者だけでなく、幅広いって、スタイルシートでフォントや色を指ユーザーに見やすくしておくことは、ウェ定する場合にも、見やすさを意識したデブデザインの基本と言えるだろう。

ザインが必要だ。

富士通の色判定ソフトウェア
ColorSelectorを使って文字色と背景色の組み合わせを判定してみると、この例では第一色覚と白内障では見づらいことがわかる。

色彩は色覚障害や白内障といった色にチェック方法 色の組み合わせは、富士関する障害に関連しているし、視力の弱通の ColorSelector や ColorDoctor など

い人にはコントラストが低いと見づらいこを使ってチェックしよう。フォントサイズやとや、明朝系よりもゴシック系のフォント

スタイルは JIS では基準が示されていなのほうが見やすいことがわかっているの

いが、少なくともメインとなるコンテンツ

で、フォントの選択にも注意しよう。デザの文字は、ブラウザーの標準フォントよ

イン上どうしても指定した色を使いたい

り小さいサイズを避け、小さいフォントを場合には、見やすい配色のスタイルシー

使うときは、ゴシックを選択しよう。

トを別途用意して切り替える仕組みを提関連するJIS項目 5.6.b、5.6.c

供するのもよい方法だ。

アクセシビリティーに配慮しても見た目のデザインは犠牲にならない？

正解は見た目のデザインとアクセシビリティーの両立は、スタイルシートを使えば可能

ン手法で作られたコンテンツだ。JISをGOOD

最初からクリアーできるようにデザインす
れば、アクセシビリティーの高いページは
見栄えの悪いものにはならない。

アクセシビリティー対応
デザインサンプル集＋α
A - C O M P A S S は 、アク セ シ ブ ル か つ
Coolなウェブデザインのサンプル集CDDOMとわかりやすいテキストをセットにワンポイント JIS が明快に述べている

した製品だ。自治体や学校など公共分野

ように、現場で HTMLを書く人だけがアのサンプルが収められており、それらをクセシビリティーを学んでもダメ。管理者、アクセシビリティー対応でもここまでデザインできる（「ACOMPASS」のサンプルから）。

ユーザーが評価した結果も提供している。
これから公共分野のウェブデザインを手デザイナーもアクセシビリティーを学び、がける人には、アクセシビリティーに関設計の初期から保守の段階まで全般的するノウハウが手に解説 見た目のデザインとアクセシビリにとらえておくとよい。アクセシビリティー入るだけでなく、スティーは両立可能だ。A-COMPASS にがコスト高になる最大の理由は、デザイ

は JIS に対応しかつ見た目のデザインを

ナーや管理者の理解不足が生む無駄な

犠牲にしないデザインサンプルが多数収

時間ではないだろうか。

められている。HTML記述もきれいだし、
スタイルシートを利用した最新のデザイ

94 +++ iNTERNET magazine 2004.10 +++関連するJIS項目 6.1

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

タイルシートの使い方でも役に立つサン
プルが豊富だ。
価格：34,650円〜
アライド・ブレインズ株式会社
http://www.aao.ne.jp/ac/

やさしい
みんなに

8341？

ウェブアクセシビリティー
JavaScript はうまく使えないことがある？

正解は基本的に問題ないが、スクリーンリーダーやキーボード操作で問題が生じる場合もある

JavaScriptのonchangeイベントハ
ンドラーでページを移動するアクシ
ョンが発生するようにプログラムしていると、マウス操作では問題ない
が、キーボードでドロップダウンリス
トを選んでいる途中でイベントハン
ドラーが反応してをページを移動してしまい使えない。この例のように［移動］ボタンを押すとページを移動するように設計しよう。

GOOD

ワンポイント ウェブの機能を全面的にJavaScriptで記述すると、PDAなどではうまく使えないこともある。処理はできるだけサーバー側で行い、JavaScriptが使えない環境でも代わりの手段を使えるよ
うにしておいたほうがよい。
チェック方法 JavaScript で記述した機

解説 JavaScript はユーザーの使い勝

うまく読み上げられなかったりするなどの能をキーボードだけで操作してみて、問題手を改善したり、フォームの入力項目を問題が発生する場合もあるので、注意ががなく操作できることを確認する。また、送信する前にチェックしたりするといった必要だ。ポイントとしては、①マウスに依Accessibility Toolbar などを 使 って便利な機能を提供できるので、使うこと存したイベントハンドラーを用いない、②

JavaScriptの機能をオフにしてページが利用できることを確認する。

は問題ない。だが、マウスの操作に依存

フレームの別ウィンドウの内容を書き換したスクリプトでは、キーボードだけで操える場合には、そのことがわかるようにし作できなかったり、スクリーンリーダーでておく、などの配慮が求められる。

フォームは基本機能なので特に配慮するべきことはない？

正解は関連するJIS項目 5.3.a、5.3.e、5.4.e

フォームは使いづらいものの1つ。ラベル付けなどで入力するべき項目がはっきりわかるようにしておく

GOOD<form action="/cgi-bin/post.cgi" method="post"><label for="name">氏名</label>（名前を漢字で入力してください）<input type="text" name="name" id="name" /><br /><label for="user">ユーザー名</label>（英数字で3文字から8文字です）<input type="text" name="userid" id="user" /><br /><hr />会員種別<br /><input type="radio" name="class"value="normal" id="normal" /><label for="normal">一般会員</label><br /><input type="radio" name="class"value="gold" id="gold" /><label for="gold">ゴールド会員</label><hr /><input type="submit" name="submit" value="送信" /></form>

フォームはGOODの例のように、各要素にID値を設定して、そのID値に対するlabel要素に解説のテキストを配置するのが望ましい。

解説 フォームは障害者だけでなく、ウェておくとよい。たとえば電話番号を入力選択できるようになり、ウィンドウズの一ブに不慣れな一般のユーザーにもハードするときに、ハイフン（-）
を入れるべきか般のダイアログに似た操作感を提供でき

ルの高いものである。したがって、一般

どうかなどわかりやすい説明をつけるのるので、一般のユーザーにも便利だ。

のユーザーのために見た目のデザインやだ。また、選択項目の数が多い場合には、表記を工夫するとともに、スクリーンリー

fieldset 要素や legend 要素を使ってグルダーを使った場合にも入力するべき項目

ープ化しておくとわかりやすくなる。

をわかりやすくしておく必要がある。フォームでは入力項目を示すテキストにラベ

チェック方法 Accessibility Toolbarでラベルを確認する。また、フォームの使い勝手を設計者以外の人に評価させるといワンポイント ラジオボタンなどで、フォルをつけ、インプットボックスなどと関連

ームのテキストにラベルをつけておくと、付けておく。さらに、入力サンプルを示し

テキスト部分をクリックしてもその項目がインターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

った方法が有効だ。
関連するJIS項目 5.3.b+++ iNTERNET magazine 2004.10 +++95

Flashは使っては
いけない？

正
解
は

アクセシビリティーに配慮して作れば、障害者にも使いやすいFlashができる

解説 スクリーンリーダーで使えないとワンポイント Flash は確かに視覚障害言われていたFlashだが、Flash Player 6

者には使いづらいこともあるが、うまく作以降のウィンドウズ版では、利用できる

るとユーザーの使い勝手を大きく改善で

環 境 が 整ってきた 。マクロメディアはきる。アニメーションや画像をふんだん

Flashのアクセシビリティーを向上させるに用いたリッチなコンテンツは、文字ばための技術を開発しており、最新版のス

かりのコンテンツよりもわかりやすくなる

クリーンリーダーとFlash 6/7の組み合わ可能性を秘めており、アクセシビリティー

せで利用できる（詳細はマクロメディアののために使用を制限するべきではない。

サイトを参照）。もっとも、すべてのFlashコンテンツをアクセシビリティー対チェック方法 スクリーンリーダーで実際応にするのは困難なので、必要に応じてにチェックしてみるとともに、キーボード

代替のHTMLを用意しておくとベストだ。

だけで操作できることも確認するとよい。

http://www.macromedia.com/jp/

マクロメディアが提唱するアクセシブルなFlashの作り方
・ビジュアルな要素にはテキスト情報を割り当てる・コンテンツの読み上げ順序を指定する
・音声コンテンツにはキャプションを指定する
・ループする要素をアクセス不能にする・ユーザーが動作を制御できるようにする
・コントロールはすべてキーボードでアクセスできるようにする
・複雑なFlashムービーは、構造をわかりやすく示す
・コントロールの状態を提示する・色使いに配慮する・アクセシビリティーを検証する

関連するJIS項目 5.1.bmacromedia/accessibility/

PDFは視覚障害者には使えない？

正
解はAcrobat 6.0を使ってタグ付きPDFを作れば、スクリーンリーダーでの読み上げが可能になる。

解説 Acrobat 6.0には、マイクロソフトオの構造化を行っておく。すると、Adobe

ろん、文書の構造やコンテンツの中身にフィス2000/XPで作成したファイルをタグ

PDF Makerがそれらの情報を使ってアク

よっては、読み上げられても実際には理付きで生成する機能があり、それを使うとセシブルなPDFを生成してくれるのだ。

解しづらいケースがあるので、スクリーン

スクリーンリーダーでも 利 用 が 可 能 な
PDFファイルが作成できる。そのためにリーダーを使って読み上げをチェックしてチェック方法 Adobe

Acrobat6.0は、たとえばワードでは、画像ファイルにProfessional では、アクセシビリティーを

代替文字を入力し、見出しを付けるなどチェックする機能が提供されている。もちブログはアクセシビリティ
ー的には有利である？

正解はおくほうがよい。
関連するJIS項目 5.1.bMovable Typeなどは、きれいに構造化されたアクセシブルなコンテンツを生成できる

解説 Movable Type などのブログツー

字サイズにするといった若干の変更を加

RSSリーダーの多くはスクリーンリーダー

ルは、XHTML に対応し、スタイルシート

えるだけで、アクセシビリティーの高いペに対応できていないが、RSSリーダーをを活用したページデザインをとるものがージを簡単に作成することが可能だ。

使ってウェブにアクセスするスタイルは、多い。したがって、ウェブページの構造と今後のトレンドになっていくものと思われ表示スタイルの分離、構造を示すといっ

ワンポイント ブログで一般的なRSSフる。もちろん、これは障害者だけでなく、たアクセシビリティーからくるいくつかの

ィードは、たくさんあるウェブの中から必多くの人が情報を探し出すのに役立つポイントをクリアーできる。あとは、画像

要な情報を見つけ出すために有効な手仕組みだ。

を使うときの alt の記述や、スタイルシー

段であり、情報の検索がしづらい視覚障

トのテンプレートを読みやすい配色や文害者に便利なツールだ。残念ながら、

96 +++ iNTERNET magazine 2004.10 +++関連するJIS項目 6.1

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

やさしい
みんなに

8341？

ウェブアクセシビリティー
JIS制定で動き出した総務省関する JIS 規格の位置づけが明示されたこと

国も地方公共団体も、電子政府構築も
JIS X8341-3を尊重した情報提供にで、より一層のウェブアクセシビリティーの確保・向上が進むものと考えています。
http://www.e-gov.go.jp/doc/scheme.html

JIS策定後の政府のウェブアクセシビリティーへ定されたJIS規格（JIS X8341-3）に沿ったものの取り組みを、総務省でアクセシビリティーをとするように必要な修正・作成を行うことを定――政府の情報公開などでは多くのPDFファイル

担当する総務省情報通信政策局情報通信利用

めています。また、今後、地方公共団体などのが用いられていますが、これらについてはいかが促進課課長補佐の有馬伸明氏に聞いた。

公共サービスにおけるアクセシビリティーの確ですか？

保に向けて、ホームページなどについての実態

有馬氏：PDFを含め、世の中にはさまざまなコ―― JIS 制定をうけて、政府ではどのように取調査を含めたアクセシビリティーチェック項目のンテンツがありますが、すでに JIS 規格においり組んでいますか。

洗い出しと評価方法の検討を行っていくこととて、①ウェブコンテンツはアクセシブルなオブジ

有馬氏：7月29日に各府省情報化統括責任者

しています。

ェクトであることが望ましい、②そうでない場合（CIO）連絡会議幹事会において「行政情報のJIS法では、国や地方公共団体が調達などためは代替情報を提供することが望ましい、とされ電子的提供業務及び電子申請等受付業務の業に何らかの基準を定める際にはJIS規格を尊重ていますので、各府省とも JIS 規格に沿った必務・システム見直し方針」

することと規定していますが、今回、電子政府

要な措置を講じていくことになるものと考えて構築の枠組みでもウェブアクセシビリティーにいます。

が決定されました。

本方針では、各府省のホームページが今回策

企業サイトのリニューアルが進む可能性も――クリエーター企業はこれからどう対処してい公共分野だけでなく一般企業も動き始めてクリエーターの取り組みも始まった

くべきでしょうか？
内田氏：JIS への対応が公共分野から進むことは間違いないでしょう。ただ、自治体などではア

7月6日に催されたデジタルハリウッド・オープン

内田氏：JIS が出るまでは自治体などの公共分

クセシビリティーについて発注書で明確に示さカレッジで、「ウェブコンテンツのバリアフリー

野で大きな反応が出てくると予想していたんです

れない場合もあるので、関連企業は今後 JIS 対

化：JIS規格が求める対応」の講師を務めた、アが、フタを開けてみると民間の企業の反応が非応というかたちで進めていくことになるでしょう。

ライド・ブレインズ代表取締役社長の内田斉氏常に高い。JISの影響力が予想以上に大きいこ

それと、米国で 508 条を契機に、日本の大手企に業界の動向をうかがった。

とに驚いています。セミナーにもクリエーターさ業サイトのリニューアルがかなり進んだというこんだけじゃなくて、企業のサイト管理者や担当者とがありました。JISでも、企業のサイトのリニュの方がかなり参加されていますね。

ーアルが進むかもしれません。クリエーターは早――ウェブクリエーターさんは、JISをどう受け止めているのでしょうか。

ウ ェ ブ

ア ク

めにJISへの対応をすまたほうがいいでしょう。

セ

シ

ビ

リ テ ィ ー

関

連

情

報

高齢者・障害者のための支援技術

JIS規格・総合サイト●日本規格協会（オンラインでJISを購入可能）

http://www.jsa.or.jp/●アクセシブルなウェブをめざす提供者と利用者のための実用サイト「A.A.O」●PC-Talker（スクリーンリーダー）
http://www.pctalker.net/●XP Reader（スクリーンリーダー）

http://www.aao.ne.jp/●情報バリアフリーのための情報提供サイト（NICT：情報通信研究機構）●こころWeb（支援技術に関する総合サイト）

http://www.ssct.co.jp/barrierfree/95reader/●JAWS for Windows（IBM Version）ホームページ・リーダー Ver 3.01（スクリーンリーダー）

http://www2.nict.go.jp/ts/v862/105/index.htm
http://www.kokoroweb.org/

http://www-6.ibm.com/jp/accessibility/●オペレートナビEX（肢体不自由者向け）

各社のアクセシビリティー対応●Acrobat accessibility

http://121ware.com/software/openavi/

http://www.adobe.co.jp/products/acrobat/solutionsacc.html●Macromediaアクセシビリティ●画面拡大ソフトウェア（弱視者向け）

http://121ware.com/software/zoomtext/●らくらくウェブ散策（初心者、高齢者向け）

http://www.macromedia.com/jp/macromedia/accessibility/

http://www-6.ibm.com/jp/accessibility/soft/rakuraku.html

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D+++ iNTERNET magazine 2004.10 +++97［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバー
アーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ
番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.