https://ameblo.jp/revosare/ アクセシビリティの指針となるJIS規格とホームページ制作について解説しております。 ja-jp https://ameblo.jp/revosare/entry-10578522378.html 　■入力に制限時間を設けない、または通知する【5.3操作及び入力c）】　最初にこの項目について、JIS規格ではどのように　表現されているのでしょうか。参照します。　”入力に制限時間を設けないことが望ましい。制限時間がある場合は、　事前に知らせなければならない。”　高齢で理解力が低下した方や、手が震える方、視力低下により画面が見にくい方、　音声ブラウザを利用している方など、たくさんの質問がある入力欄への記入などには　時間がかかる場合があります。　その際、入力途中に切断されることとなるともう一度最初 2010-06-30T14:31:12+09:00 https://ameblo.jp/revosare/entry-10546611337.html 　■入力欄は理解しやすく示す【5.3操作及び入力b）】　まず、いつものようにこの項目について、JIS規格ではどのように　表現されているか参照します。　理解しやすい入力欄への配慮については、JIS規格では以下のように　記載されております。　”入力欄を使用するとき、何を入力すればよいか理解しやすく示し、　操作しやすいように配慮しなければならない。”　入力欄とは、例えば、一般的なサイトのお問い合わせフォームなどにある　名前やメールアドレスを打ち込むテキストエリアのことです。　例として、以下のレボネット 2010-05-27T21:02:58+09:00 https://ameblo.jp/revosare/entry-10513115162.html 　■ウェブコンテンツをキーボードで操作【5.3操作及び入力a）】　ウェブコンテンツへのアクセス操作については、JIS規格では以下のように　記載しております。　”ウェブコンテンツは、単一のデバイスの操作に依存せず、少なくともキーボードで　全ての操作が可能でなければならない。”　通常は、パソコン操作はマウスとキーボードにて行われ、ウェブコンテンツへの　アクセスもマウスで操作されます。　ですが、マウスのみの操作だけではなく、キーボードでの操作もできるように　しなければならないということです。　例えば、 2010-04-20T10:42:37+09:00 https://ameblo.jp/revosare/entry-10479220853.html 　■パンくずリストの提供【5.2構造及び表示スタイルg）】　サイト全体において、現在閲覧しているページはどこに位置しているのか、　ホームからの階層などのリンクリストを提供するものを”パンくずリスト”と　いいます。　そのパンくずリストは、アクセシビリティ・ユーザビリティにおいて　重要な役割を果たし、JIS X8341-3では以下のように記載されております。　”閲覧ページがウェブサイト構造のどこに位置しているか把握できるよう、　階層などの構造を示した情報を提供することが望ましい。”　□補足　ウェブサ 2010-03-11T18:34:03+09:00 https://ameblo.jp/revosare/entry-10466914664.html 　■フレームを使う場合の配慮【5.2構造及び表示スタイルf）】　フレームを利用する場合について、　JIS X8341-3では以下のように記載されております。　”フレームは必要以上に用いないことが望ましい。　使用する場合は各フレームの役割が明確になるように配慮しなければならない。”　補足　ここでは、フレームはあまり使わないことが望ましいとされ、　役割を明確にするよう配慮をしなければならないとされています。　□フレームを利用した場合の弊害　・音声ブラウザ利用者は視覚的にフレームを把握できないため、　 2010-02-24T17:20:01+09:00 https://ameblo.jp/revosare/entry-10442087642.html ■内容を識別できるページのタイトル【5.2構造及び表示スタイルe）】　ページのタイトルの付け方について、　JIS X8341-3では以下のように記載されております。　”利用者がページ内容を識別できる名称をつけなければならない。”　補足　SEO対策のために、目的とするキーワードをタイトルにいれることは　皆さんご存じかと思います。　通常のブラウザを利用している方はわからないかもしれませんが、　音声ブラウザでページを開いた場合、最初にページのタイトルが　読み上げられます。　そのため、ページタイトルはサ 2010-01-24T23:56:05+09:00 https://ameblo.jp/revosare/entry-10442083281.html ■表はレイアウトに使わないことが望ましい【5.2構造及び表示スタイルd）】　前号は、本来の使用目的として表組をする場合であっても、　表題を明示したり、できるだけ単純な構造にするなどして、　音声ブラウザ利用者など様々な環境の方を考慮して、　表の構造を明示しなければならないことをお伝えしました。　本日は、レイアウトに表組の要素を使用することについてですが、　JIS X8341-3では以下のように記載されております。　表の要素をレイアウトのために使わないことが望ましい。　補足　前号でもお伝えしたように 2009-12-28T23:50:45+09:00 https://ameblo.jp/revosare/entry-10399428623.html ■表はわかりやすい表題を明示しなければならない【5.2構造及び表示スタイルc）】　前号では、ウェブコンテンツのデザインはスタイルシートを用いることを　お伝えしました。　一昔前までは、本来の表の使い方とは異なる表を使ったデザインレイアウトが　一般的におこなわれホームページを制作されていました。　複雑な表組となるテーブルレイアウトについては、次号で詳しくお話しますが、　一般的な比較表や料金表などによく使われる表についても　適切な表現方法があります。　一つのホームページを見れば、1回は使用しているであ 2009-11-29T13:00:36+09:00 https://ameblo.jp/revosare/entry-10377834284.html 　■表示スタイルはスタイルシートを用いる【5.2構造及び表示スタイルb）】　ホームページを制作する際、現在では、スタイルシートを使って　デザインすることは一般的になってきております。　一般的には、HTMLとCSSの組み合わせであったり、XHTMLとCSSの組み合わせで　あることが多いと思います。　文書構造を記述するものがHTMLであり、　デザイン部分を外部制御するものがCSSです。　簡単に言いますと、テキストなどの文章の内容はHTMLで記述し、　文字の大きさや色、背景の色などはCSSでデザインす 2009-10-31T23:48:38+09:00 https://ameblo.jp/revosare/entry-10356206960.html 　■新聞のように見出しを用いる【5.2構造及び表示スタイルa）】　本には、本のあらすじを把握したり、読みたい箇所を探せるように　最初に目次があります。　新聞には、一面に大きな見出しがあり、一つ一つの記事にも　小さな見出しがついていて、読みたい記事をピックアップして　読めるようになっています。　ですが、ホームページになると見出しについておろそかにしている場合が　少なくないように思います。　やはり、ホームページにおいても、同じように見出しを作って　概要をわかりやすく、見やすくする必要があります。　今 2009-09-30T15:21:34+09:00