画像・スクリプト 全ての非テキスト要素に等価なテキスト情報を付加すること アンカー画像にはalt属性でリンク先の情報を伝えること 長い説明が必要な画像にはlongasrc属性で等価な文書を用意すること 背景画像を用いるときは背景色も同時に指定すること 無制限に続くアニメーションを用いないこと プラグインがインストールされていないと進めないページを作らないこと ユーザの意志に反してBGMを鳴らさないこと マウスを追いかける画像を用いないこと 重要なスクリプトやオブジェクトには適切な代替手段を設けること 何らかのアクションが行なわれる場合、ユーザは任意に停止・再開ができること スクリプトエラーが発生しないように充分検討すること イベントの取得は特定の入力装置に依存しないこと スクリプトは可能な限り、外部スクリプトファイルによって提供すること 画像ファイルへの直接リンクは避け、全てHTMLファイ

PDF形式のファイルをご覧いただくためには、Adobe社のAdobe Readerが必要です。 左の“Get Adobe Reader”アイコンをクリックすると、Adobe Readerのダウンロード（無償）ページへジャンプします。 表紙／まえがき／目次／研究の概要 (PDFファイル，1718KB) 第１章 調査票による詳細調査 第１節 背景と目的 (PDFファイル，515KB) 第２節 手順 (PDFファイル，497KB) 第３節 結果―回答者の属性 (PDFファイル，864KB) 第４節 結果―携帯電話の利用状況 (PDFファイル，1133KB) 第５節 結果―パソコンの利用状況 (PDFファイル，2119KB) 第６節 結果―インターネットの利用状況 (PDFファイル，1237KB) 第７節 まとめ (PDFファイル，477KB) 第２章 電話による簡易調査 (PDFファイル，864

画像を閲覧できないユーザーでも内容を把握できるようにalt属性をつけましょうとは言うが、実際にはどのようにつけたらよいのかが実はかなりわからない。さらに納品前になんじゃこのalt！と突っ込まれる・・・。色々話し合ったりググったりした末にでた自分結論はこんなの。 前提 画像OFFのユーザー・音声ブラウザのユーザーが、画像の代わりにそのaltテキストが表示されても、ページ内容が分かる。但し、100%の情報を伝える必要があるわけでもない。そこに何の画像があるのかが伝わり、ページ内容を把握できる。 画像の中に文字がある場合

livedoor Blog(ライブドア ブログ)の基礎的カスタマイズの書.正しいHTML（妥当なXHTMLと論理的マークアップ）,Webアクセシビリティの向上など.[ skip ] [ 次頁 ] [ 目次 ] [ 検索 ] [ 雑記帖 ] [ サイトマップ ] ... あなたはカスタムチャンス！に来ましたね 正しいHTMLとWebアクセシビリティ こんにちは。カスタムチャンスのコーラ父（livedoor ID：cola_papa）と申します。このブログは livedoor Blog（ライブドア ブログ）を対象にした「正しいHTMLとWebアクセシビリティの向上」に関する簡単な覚書です。（見直しが必要な記事もあります。ご容赦下さい。） 概要 正しいHTMLのための覚書 Webアクセシビリティ向上のための覚書 カスタマイズ関連の記事 精選リンク集 XH

"守り" ではなく、"攻め" のアクセシビリティのススメ － 植木 真の『アクセシビリティとWeb標準、SEO』 第1回 JIS X 8341-3制定により進んだアクセシビリティ対応 2004年6月に JIS X 8341-3（『高齢者・障害者等配慮設計指針－情報機器における機器，ソフトウェア及びサービス－第三部：ウェブコンテンツ』）が制定されたことをきっかけにして、官公庁や自治体はもとより、企業サイトにおいてもアクセシビリティに積極的に取り組む企業が増えています。JIS 制定前後は、業種もIT関連がほとんどでしたが、最近では百貨店、新聞社、銀行、証券、食品、製薬など、業種に関係なく広がっていることは皆さんもご存知のことでしょう。ガイドライン整備や法制化では先行していた欧米などの海外諸国でも、最近は企業サイトでの取り組みが徐々に始まっているようですが、こと企業サイトのアクセシビリティ対応

E-mailｼ嗹ebmaster@zspc.com Copyright © 1996-2000 ZSPC. All Rights Reserved. All pages except color chart are written in Japanese. g src="/static/zspc.com-vcss.gif" alt="Valid CSS! | " height="31" width="88" border="0"> g height="31" width="88" src="" alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" border="0">

ソーシャルメディアポリシー 私たちキユーピーグループは、キユーピーグループ役員および従業員のソーシャルメディア参加、ならびにキユーピーグループソーシャルメディア公式アカウントの運営に関して、『キユーピーグループ ソーシャルメディアポリシー』を定めます。 1. ソーシャルメディア参加に当たっての心構え キユーピーグループで働く役員および従業員は、所属する組織や雇用の形態にかかわらず、ソーシャルメディアが、個人のつながりを元としたコミュニケーションの場であること、広く一般に世界に向けて公開されており、一度発信した情報は完全には取り消せないことを理解し、ソーシャルメディアへの参加に当たっては、以下を意識し、良識ある者として節度ある態度で参加します。 ①　国ならびに地域の法令の遵守はもちろんのこと、グループ倫理規範の考え方に則り、関連する社会規則や社内ルールを尊重します。 ②　お客様の声に耳を傾け

見やすく読みやすい文章レイアウトと校正のコツ －益子 貴寛の『Webライティングの理論と実践』　第3回 Web上で魅力的な文章やキャッチコピーを書くためのライティングメソッド「Webライティング」。今回は、文章の見やすさ、読みやすさを向上させるためのレイアウトや編集のポイントと、校正テクニックについて見ていこう。 長い文章は段落分けし、行間を広めにとる Webページでは長い文章は読みやすさを考えて適度に段落分けし、行間を広めにとる必要がある。次の2つの例を比較してみよう。 以下にある、"［調整前］"の文章は段落分けが明確でなく、行間が狭いため、全体が雑然とした雰囲気になっている。このようなレイアウトでは、文章の内容に関わらずユーザーに一瞥されてしまい、読んでもらえない可能性が高い。 一方、"［調整後］"の文章は適度に段落分けされ、行間もやや広めにとってあるので、読みやすく理解しやすい。上

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

Webサイトのアクセシビリティを高めるための方法や国内外の関連情報など、さまざまな角度からWebアクセシビリティに関する話題をご提供していきたいと思います。 2007年02月09日 装飾およびレイアウト目的の画像の代替テキスト アクセシビリティ・エンジニア 中村 本Blog上でも何度か取り上げておりますが、アクセシビリティ向上のためには画像の代替テキストは必須です。このことについては、JIS X 8341-3やWCAG 1.0、そして策定中のWCAG 2.0の草案でも、それぞれ表現は異なるものの明確に述べられています。例えばJIS X 8341-3の場合、5.4 a)において、以下のように記されています。 画像には、利用者が画像の内容を的確に理解できるようにテキストなどの代替情報を提供しなければならない。 また、HTML 4.01の仕様書でも、img要素のalt属性は必須であることが明記さ

ページの制作・運用 1、作成したページを公開する際は、必ず事前にこのガイドラインの要件を満たしていることを点検する（レベル1） 2、ページを更新する際は、必ず事前にこのガイドラインの要件を満たしていることを点検する （レベル1） 3、提供する情報に対する問い合わせの担当窓口と連絡手段をわかりやすい場所に明記する（レベル1） ページの設計およびデザイン 4、色、形、配置、動きのみで内容を表現するページデザインを避ける（レベル1） 5、すべてのページに、ページ内容を明確に示すページタイトルを付ける（レベル1） 6、画面全体を早い周期で点滅させてはならない（レベル1） 7、見出しやリストなどの要素を使って文書構造を規定する（レベル2） 8、スタイルシートを使用する場合は、スタイルシートが使用できなくてもページの内容が 理解できるようにする（レベル1） 9、PDFファイルで情報を提供する場合は、重

三重県では、ひとりでも多くの人にホームページ等をご覧いただけるように、これらの規格等を参考に、利用者にとって重要と思われるところから取り組むべき事項を検討して「三重県ウェブアクセシビリティガイドライン」を作成しました。 今後はこのガイドラインを基本に、利用者のご意見を取り入れながら、「みんなが使いやすく、信頼できるホームページ」の作成に取り組んでいきます。 また、ガイドラインにはユーザビリティ（使いやすさ）や利用者への確実な情報提供を行い、安全で安心して利用していただくために配慮すべき事項もお示しし、同時に対応していくこととします。 ※ウェブアクセシビリティとは、「ホームページ等を利用しているすべての人が、心身の条件や利用する環境に関係なく、ホームページ等で提供されている情報や機能に支障なくアクセスし、利用できること。」を意味しています。 ガイドライン本文 三重県のウェブアク