Fujitsu WebInspector 5.02

JIS X 8341-3
高齢者・障害者等配慮設計指針 チェック結果


問題のない優れたファイル 前のファイルはありません次のファイル

対象

ファイル名：

 http://digiper.com/css_utf/import.css
http://digiper.com/css_utf/header.css
http://digiper.com/css_utf/footer.css
http://digiper.com/css_utf/sub.css
http://digiper.com/css_utf/thickbox.css
http://digiper.com/css_utf/print.css

結果：
このファイルはすべてのチェックをクリアしました。優秀なページです。

ページの先頭へ戻るこのチェック結果の先頭へ戻る


チェックしたファイル(1) 前のファイル 次のファイル

対象

ファイル名：

 http://digiper.com/index_utf_import.shtml

参照したCSSファイル： http://digiper.com/css_utf/import.css, http://digiper.com/css_utf/default.css, http://digiper.com/css_utf/header.css, http://digiper.com/css_utf/footer.css, http://digiper.com/css_utf/style.css, http://digiper.com/css_utf/sub.css, http://digiper.com/css_utf/thickbox.css, http://digiper.com/css_utf/print.css


結果

件数：

 問題点が、74件ありました。

問題の詳細 ソースリスト

問題点概要
優先度 分類 件数

必須

修正

2件

確認

1件

推奨

修正

71件

確認

0件

修正 必ず、何らかの修正が必要な問題です。
確認 場合によっては、問題ではない項目です。
用途に応じて適宜判断の上、修正してください。

ページの先頭へ戻る このチェック結果の先頭へ戻る

詳細(ソースごとにまとめて表示）

問題点の一覧
行 ソース 画面で確認
(注)		 問題点 優先度と分類 要件
0 - <noscript>がありません。<noscript>を指定してください。 必須 修正 5.4e
39 <link rel="styl... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
68 <li><a href="/p... 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
69 ><li><a href="/... 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
72 <address title=... 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
89 <legend accessk... 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
92 <input onfocus=... 画面で確認 <input type="text">にid属性がありません。テキスト入力フィールドのラベルもクリックできるように、<input type="text">と<label>を関連づけてください。 必須 修正 5.3b
242 <li class="firs... 画面で確認 <a>の文字色(#666666)と背景色(#669900)のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
243 <li><a href="/s... 画面で確認 <a>の文字色(#666666)と背景色(#669900)のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
244 <li><a href="/r... 画面で確認 <a>の文字色(#666666)と背景色(#669900)のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
245 <li><a href="/c... 画面で確認 <a>の文字色(#666666)と背景色(#669900)のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
246 <li><a href="/n... 画面で確認 <a>の文字色(#666666)と背景色(#669900)のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
247 <li><a href="ht... 画面で確認 <a>の文字色(#666666)と背景色(#669900)のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
250 <li class="firs... 画面で確認 <a>の文字色(#666666)と背景色(#669900)のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
251 <li><a href="/h... 画面で確認 <a>の文字色(#666666)と背景色(#669900)のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
252 <li><a href="/s... 画面で確認 <a>の文字色(#666666)と背景色(#669900)のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
画面で確認 <a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c

注：「画面で確認」について
画面で確認
「画面で確認」ボタンを選択すると、チェック対象を別ウィンドウで表示し、問題箇所を確認できます。
この機能を利用するには、ブラウザのJavaScriptの設定を有効にしておく必要があります。
また、チェック対象のファイルやURLによっては、画像が表示されないなど、チェック対象が正しく表示されないことがあります。
ページの先頭へ戻る このチェック結果の先頭へ戻る

詳細（問題ごとにまとめて表示）
5.3b 入力欄を使用するときは，何を入力すればよいかを理解しやすく示し，操作しやすいよう配慮しなければならない。

<input type="text">にid属性がありません。テキスト入力フィールドのラベルもクリックできるように、<input type="text">と<label>を関連づけてください。
92行目 画面で確認

<input onfocus="initialize(this, 'resetSearch')" name="q" type="text" class="areaSearch" value="SiteSearch" accesskey="1" /><input type="image" src="/img/share/btn_search.gif" alt="検索" name="sa" accesskey="2" value="Search" class="btnSearch" />
優先度と分類必須 修正
要件 5.3b

5.4e アクセス可能ではないオブジェクト，プログラムなどには，利用者がその内容を的確に理解し操作できるようにテキストなどの代替情報を提供しなければならない。また，アクセス可能なオブジェクト又はプログラムに対しても，内容を説明するテキストなどを提供することが望ましい。

<noscript>がありません。<noscript>を指定してください。
0行目

-
優先度と分類必須 修正
要件 5.4e

5.6a 文字のサイズ及びフォントは，必要に応じ利用者が変更できるようにしなくてはならない。

overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。
39行目

<link rel="stylesheet" href="/css_utf/import.css" type="text/css" media="all" />
優先度と分類必須 確認
要件 5.6a

5.6c フォントの色には，背景色などを考慮し見やすい色を指定することが望ましい。

<a>の文字色(#666666)と背景色(#669900)のコントラストが足りません
242行目 画面で確認

<li class="first"><a href="/" title="トップページ">トップページ</a></li>
243行目 画面で確認

<li><a href="/service/" title="サービス案内ページ">サービス案内</a></li>
244行目 画面で確認

<li><a href="/results/" title="制作・活動実績ページ">制作・活動実績</a></li>
245行目 画面で確認

<li><a href="/company/" title="会社情報ページ">会社情報</a></li>
246行目 画面で確認

<li><a href="/news_release/" title="ニュースリリースページ">ニュースリリース</a></li>
247行目 画面で確認

<li><a href="http://ssl.digiper.com/official/contact/" title="お問い合わせページ">お問い合わせ</a></li>
250行目 画面で確認

<li class="first"><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針ページ">個人情報保護方針</a></li>
251行目 画面で確認

<li><a href="/help.shtml" title="ヘルプページ - お困りの方">ヘルプ</a></li>
252行目 画面で確認

<li><a href="/sitemap.shtml" title="サイトマップページ - サイト内で迷った方">サイトマップ</a></li>
優先度と分類推奨 修正
要件 5.6c


文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。
68行目

<li><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針"><img src="/img/share/guide_privacy.gif" alt="個人情報保護方針" width="103" height="11" /></a></li
69行目

><li><a href="/help.shtml" title="ヘルプ - お困りの方"><img src="/img/share/guide_help.gif" alt="ヘルプ" width="46" height="11" /></a></li
72行目

<address title="お電話での連絡先：03-5444-3200 9時30分 ? 18時30分">お電話での連絡先：03-5444-3200 9時30分 ? 18時30分</address>
89行目

<legend accesskey="s">サイト内検索</legend>
優先度と分類推奨 修正
要件 5.6c


<a>の文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。
242行目 画面で確認

<li class="first"><a href="/" title="トップページ">トップページ</a></li>
243行目 画面で確認

<li><a href="/service/" title="サービス案内ページ">サービス案内</a></li>
244行目 画面で確認

<li><a href="/results/" title="制作・活動実績ページ">制作・活動実績</a></li>
245行目 画面で確認

<li><a href="/company/" title="会社情報ページ">会社情報</a></li>
246行目 画面で確認

<li><a href="/news_release/" title="ニュースリリースページ">ニュースリリース</a></li>
247行目 画面で確認

<li><a href="http://ssl.digiper.com/official/contact/" title="お問い合わせページ">お問い合わせ</a></li>
250行目 画面で確認

<li class="first"><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針ページ">個人情報保護方針</a></li>
251行目 画面で確認

<li><a href="/help.shtml" title="ヘルプページ - お困りの方">ヘルプ</a></li>
252行目 画面で確認

<li><a href="/sitemap.shtml" title="サイトマップページ - サイト内で迷った方">サイトマップ</a></li>
242行目 画面で確認

<li class="first"><a href="/" title="トップページ">トップページ</a></li>
243行目 画面で確認

<li><a href="/service/" title="サービス案内ページ">サービス案内</a></li>
244行目 画面で確認

<li><a href="/results/" title="制作・活動実績ページ">制作・活動実績</a></li>
245行目 画面で確認

<li><a href="/company/" title="会社情報ページ">会社情報</a></li>
246行目 画面で確認

<li><a href="/news_release/" title="ニュースリリースページ">ニュースリリース</a></li>
247行目 画面で確認

<li><a href="http://ssl.digiper.com/official/contact/" title="お問い合わせページ">お問い合わせ</a></li>
250行目 画面で確認

<li class="first"><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針ページ">個人情報保護方針</a></li>
251行目 画面で確認

<li><a href="/help.shtml" title="ヘルプページ - お困りの方">ヘルプ</a></li>
252行目 画面で確認

<li><a href="/sitemap.shtml" title="サイトマップページ - サイト内で迷った方">サイトマップ</a></li>
優先度と分類推奨 修正
要件 5.6c


文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません
68行目

<li><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針"><img src="/img/share/guide_privacy.gif" alt="個人情報保護方針" width="103" height="11" /></a></li
69行目

><li><a href="/help.shtml" title="ヘルプ - お困りの方"><img src="/img/share/guide_help.gif" alt="ヘルプ" width="46" height="11" /></a></li
72行目

<address title="お電話での連絡先：03-5444-3200 9時30分 ? 18時30分">お電話での連絡先：03-5444-3200 9時30分 ? 18時30分</address>
89行目

<legend accesskey="s">サイト内検索</legend>
優先度と分類推奨 修正
要件 5.6c


<a>の文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません
242行目 画面で確認

<li class="first"><a href="/" title="トップページ">トップページ</a></li>
243行目 画面で確認

<li><a href="/service/" title="サービス案内ページ">サービス案内</a></li>
244行目 画面で確認

<li><a href="/results/" title="制作・活動実績ページ">制作・活動実績</a></li>
245行目 画面で確認

<li><a href="/company/" title="会社情報ページ">会社情報</a></li>
246行目 画面で確認

<li><a href="/news_release/" title="ニュースリリースページ">ニュースリリース</a></li>
247行目 画面で確認

<li><a href="http://ssl.digiper.com/official/contact/" title="お問い合わせページ">お問い合わせ</a></li>
250行目 画面で確認

<li class="first"><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針ページ">個人情報保護方針</a></li>
251行目 画面で確認

<li><a href="/help.shtml" title="ヘルプページ - お困りの方">ヘルプ</a></li>
252行目 画面で確認

<li><a href="/sitemap.shtml" title="サイトマップページ - サイト内で迷った方">サイトマップ</a></li>
242行目 画面で確認

<li class="first"><a href="/" title="トップページ">トップページ</a></li>
243行目 画面で確認

<li><a href="/service/" title="サービス案内ページ">サービス案内</a></li>
244行目 画面で確認

<li><a href="/results/" title="制作・活動実績ページ">制作・活動実績</a></li>
245行目 画面で確認

<li><a href="/company/" title="会社情報ページ">会社情報</a></li>
246行目 画面で確認

<li><a href="/news_release/" title="ニュースリリースページ">ニュースリリース</a></li>
247行目 画面で確認

<li><a href="http://ssl.digiper.com/official/contact/" title="お問い合わせページ">お問い合わせ</a></li>
250行目 画面で確認

<li class="first"><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針ページ">個人情報保護方針</a></li>
251行目 画面で確認

<li><a href="/help.shtml" title="ヘルプページ - お困りの方">ヘルプ</a></li>
252行目 画面で確認

<li><a href="/sitemap.shtml" title="サイトマップページ - サイト内で迷った方">サイトマップ</a></li>
優先度と分類推奨 修正
要件 5.6c


<a>の文字色(#666666)と背景色(#669900)は、色覚特性(第二色覚-緑)の基準で、背景色と文字色のコントラストが足りません。
242行目 画面で確認

<li class="first"><a href="/" title="トップページ">トップページ</a></li>
243行目 画面で確認

<li><a href="/service/" title="サービス案内ページ">サービス案内</a></li>
244行目 画面で確認

<li><a href="/results/" title="制作・活動実績ページ">制作・活動実績</a></li>
245行目 画面で確認

<li><a href="/company/" title="会社情報ページ">会社情報</a></li>
246行目 画面で確認

<li><a href="/news_release/" title="ニュースリリースページ">ニュースリリース</a></li>
247行目 画面で確認

<li><a href="http://ssl.digiper.com/official/contact/" title="お問い合わせページ">お問い合わせ</a></li>
250行目 画面で確認

<li class="first"><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針ページ">個人情報保護方針</a></li>
251行目 画面で確認

<li><a href="/help.shtml" title="ヘルプページ - お困りの方">ヘルプ</a></li>
252行目 画面で確認

<li><a href="/sitemap.shtml" title="サイトマップページ - サイト内で迷った方">サイトマップ</a></li>
優先度と分類推奨 修正
要件 5.6c


<a>の文字色(#666666)と背景色(#669900)は、色覚特性(第三色覚-青)の基準で、背景色と文字色のコントラストが足りません。
242行目 画面で確認

<li class="first"><a href="/" title="トップページ">トップページ</a></li>
243行目 画面で確認

<li><a href="/service/" title="サービス案内ページ">サービス案内</a></li>
244行目 画面で確認

<li><a href="/results/" title="制作・活動実績ページ">制作・活動実績</a></li>
245行目 画面で確認

<li><a href="/company/" title="会社情報ページ">会社情報</a></li>
246行目 画面で確認

<li><a href="/news_release/" title="ニュースリリースページ">ニュースリリース</a></li>
247行目 画面で確認

<li><a href="http://ssl.digiper.com/official/contact/" title="お問い合わせページ">お問い合わせ</a></li>
250行目 画面で確認

<li class="first"><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針ページ">個人情報保護方針</a></li>
251行目 画面で確認

<li><a href="/help.shtml" title="ヘルプページ - お困りの方">ヘルプ</a></li>
252行目 画面で確認

<li><a href="/sitemap.shtml" title="サイトマップページ - サイト内で迷った方">サイトマップ</a></li>
優先度と分類推奨 修正
要件 5.6c

ページの先頭へ戻るこのチェック結果の先頭へ戻る

ソースリスト
内容
1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2:
3:<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
4:
5:
6:
7:<head>
8:
9:<meta http-equiv="content-type" content="text/html; charset=utf-8" />
10:
11:<title>デジパ株式会社｜ウェブサイト制作・ウェブマーケティング支援
12:
13:</title>
14:
15:<meta http-equiv="content-style-type" content="text/css" />
16:
17:<meta http-equiv="content-script-type" content="text/javascript" />
18:
19:<meta name="keywords" content="ウェブサイト制作,マーケティング,MovableType,SEM,ウェブ標準" />
20:
21:<meta name="description" content="ウェブサイト制作・ウェブマーケティング支援のデジパ株式会社" />
22:
23:<link rev="made" href="mailto:info@digiper.com" />
24:
25:<link rel="index" href="/index.shtml" />
26:
27:<link rel="icon" type="/image/png" href="/img/share/favicon.png" />
28:
29:<link rel="shortcut icon" href="/img/share/favicon.ico" />
30:
31:<link rel="alternate" href="/rss/news.xml" type="application/rss+xml" title="RSS 2.0 - ニュースリリース" />
32:
33:<link rel="alternate" href="/rss/interview.xml" type="application/rss+xml" title="RSS 2.0 - 業界インタビュー" />
34:
35:<link rel="alternate" href="/rss/trend_watch.xml" type="application/rss+xml" title="RSS 2.0 - 業界トレンドウォッチ" />
36:
37:<link rel="alternate" href="http://feeds.feedburner.com/digiper" type="application/rss+xml" title="RSS 2.0 - 全オフィシャル社員ブログ・最新エントリー" />
38:
39:<link rel="stylesheet" href="/css_utf/import.css" type="text/css" media="all" />
40:
41:<script type="text/javascript" src="/js/exLink.js"></script>
42:
43:<script type="text/javascript" src="/js/smartRollover.js"></script>
44:
45:<script type="text/javascript" src="/js/heightLine.js"></script>
46:
47:<script type="text/javascript" src="/js/textArea.js"></script>
48:
49:
50:
51:</head>
52:
53:
54:
55:<body class="indexPage">
56:
57:
58:
59:<div id="page">
60:
61:<div id="header">
62:
63:<h1><a href="/"><img src="/img/share/logo.gif" alt="デジパ株式会社" width="144" height="41" /></a></h1>
64:
65:<span id="navSkip"><a href="#main" tabindex="1" title="本文へジャンプ"><img src="/img/share/skip.gif" alt="本文へジャンプ" width="1" height="1" /></a></span>
66:<div>
67:<ul id="navGuide">
68:<li><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針"><img src="/img/share/guide_privacy.gif" alt="個人情報保護方針" width="103" height="11" /></a></li
69:><li><a href="/help.shtml" title="ヘルプ - お困りの方"><img src="/img/share/guide_help.gif" alt="ヘルプ" width="46" height="11" /></a></li
70:><li><a href="/sitemap.shtml" title="サイトマップ - サイト内で迷った方"><img src="/img/share/guide_sitemap.gif" alt="サイトマップ" width="76" height="11" /></a></li>
71:</ul>
72:<address title="お電話での連絡先：03-5444-3200 9時30分 ? 18時30分">お電話での連絡先：03-5444-3200 9時30分 ? 18時30分</address>
73:</div>
74:<ul id="nav">
75:<li class="top"><a href="/" title="トップページ"><img src="/img/share/nav_top.gif" alt="トップページ" width="143" height="61" /></a></li>
76:<li><a href="/service/" title="サービス案内ページ"><img src="/img/share/nav_service.gif" alt="サービス案内" width="141" height="61" /></a></li>
77:<li><a href="/results/" title="制作・活動実績ページ"><img src="/img/share/nav_results.gif" alt="制作・活動実績" width="141" height="61" /></a></li>
78:<li><a href="/company/" title="会社情報ページ"><img src="/img/share/nav_company.gif" alt="会社情報" width="141" height="61" /></a></li>
79:<li><a href="/news_release/" title="ニュースリリースページ"><img src="/img/share/nav_news.gif" alt="ニュースリリース" width="141" height="61" /></a></li>
80:<li><a href="http://ssl.digiper.com/official/contact/" title="お問い合わせページ"><img src="/img/share/nav_contact.gif" alt="お問い合わせ" width="143" height="61" /></a></li>
81:</ul>
82:<ul id="navSub">
83:<li><a href="/interview/" title="業界インタビューページ"><img src="/img/share/nav_sub_interview.gif" alt="業界インタビュー" width="119" height="15" /></a></li>
84:<li><a href="/trend_watch/" title="業界トレンドウォッチページ"><img src="/img/share/nav_sub_trend.gif" alt="業界トレンドウォッチ" width="138" height="15" /></a></li>
85:<li><a href="/company/staff_blog.shtml" title="デジパ社員ブログページ"><img src="/img/share/nav_sub_staffblog.gif" alt="社員ブログ" width="105" height="15" /></a></li>
86:</ul>
87:<form id="searchbox" action="http://digiper.com/search.shtml">
88:<fieldset>
89:<legend accesskey="s">サイト内検索</legend>
90:<input type="hidden" name="cx" value="015333963933303075604:jf4z5wpftms" />
91:<input type="hidden" name="cof" value="FORID:11" />
92:<input onfocus="initialize(this, 'resetSearch')" name="q" type="text" class="areaSearch" value="SiteSearch" accesskey="1" /><input type="image" src="/img/share/btn_search.gif" alt="検索" name="sa" accesskey="2" value="Search" class="btnSearch" />
93:</fieldset>
94:</form>
95:<!-- / #header --></div>
96:
97:
98:
99:
100:
101:
102:
103:<div id="contentsHeader">
104:<p><img src="/img/top/main_visual.gif" alt="訪れたユーザーに、情報をダイレクトに伝え、豊かなユーザーエクスペリエンスを実現する。それがデジパ。" width="820" height="240" /></p>
105:<!-- / #contentsHeader --></div>
106:
107:<div id="contents">
108:
109:<div id="main">
110:
111:
112:
113:<div class="section heightLine">
114:<h2><img src="/img/top/h2_service.gif" alt="Service" width="128" height="29" /><a href="/service/" title="Serviceの一覧"><img src="/img/top/btn_list_service_off.gif" alt="一覧" width="28" height="28" /></a></h2>
115:<div class="item">
116:<h3><img src="/img/top/h3_website_products.gif" alt="ウェブサイト制作" width="162" height="23" /><a href="/service/website/" title="ウェブサイト制作の詳細"><img src="/img/top/btn_detail_service_off.gif" alt="詳細" width="28" height="28" /></a></h3>
117:<p><a href="/service/website/" title="ウェブサイト制作ページ"><img src="/img/service/bnr_website.gif" alt="Website Products digiper" width="255" height="60" /></a></p>
118:<dl>
119:<dt><a href="/service/website/" title="デジパのウェブサイト制作ページへ"><img src="/img/service/list_website_off.gif" alt="デジパのウェブサイト制作" width="255" height="17" /></a></dt>
120:<dd>ユーザー満足度を高め、貴社ウェブサイトの目的達成を実現するデジパのウェブサイト制作サービス。</dd>
121:</dl>
122:<ul>
123:<li><a href="http://digiper.com/service/website/movabletype.shtml" title="Movable Typeによるサイト構築ページ"><img src="/img/service/list_website_movabletype_off.gif" alt="Movable Typeによるサイト構築" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/website/planning.shtml" title="ウェブコンテンツ企画ページ"><img src="/img/service/list_website_planning_off.gif" alt="ウェブコンテンツ企画" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/website/management.shtml" title="ウェブサイト運営支援ページ"><img src="/img/service/list_website_management_off.gif" alt="ウェブサイト運営支援" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/website/develop.shtml" title="ウェブシステム開発ページ"><img src="/img/service/list_website_develop_off.gif" alt="ウェブシステム開発" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/website/web_standards.shtml" title="ウェブ標準 / アクセシビリティ準拠サービスページ"><img src="/img/service/list_website_web_standards_off.gif" alt="ウェブ標準 / アクセシビリティ準拠サービス" width="255" height="17" /></a></li>
124:</ul>
125:
126:
127:
128:<!-- / .item --></div>
129:
130:<div class="item last">
131:<h3><img src="/img/top/h3_marketing.gif" alt="マーケティング支援" width="189" height="23" /><a href="/service/marketing/" title="マーケティング支援の詳細"><img src="/img/top/btn_detail_marketing_off.gif" alt="詳細" width="28" height="28" /></a></h3>
132:<ul>
133:<li><a href="http://digiper.com/service/marketing/sem.shtml" title="SEO / SEM コンサルティングページ"><img src="/img/service/list_marketing_sem_off.gif" alt="SEO / SEM コンサルティング" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/ppc.shtml" title="PPC（クリック課金型）広告ページ"><img src="/img/service/list_marketing_ppc_off.gif" alt="PPC（クリック課金型）広告" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/strategy.shtml" title="マーケティング戦略立案ページ"><img src="/img/service/list_marketing_strategy_off.gif" alt="マーケティング戦略立案" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/access_analyze.shtml" title="アクセス解析コンサルティングページ"><img src="/img/service/list_marketing_access_analyze_off.gif" alt="アクセス解析コンサルティング" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/register.shtml" title="検索エンジン 一括登録代行ページ"><img src="/img/service/list_marketing_register_off.gif" alt="検索エンジン 一括登録代行" width="255" height="17" /></a></li><li><a href="http://digiper.com/service/marketing/static_url.shtml" title="動的URL静的化サービスページ"><img src="/img/service/list_marketing_static_url_off.gif" alt="動的URL静的化サービス" width="255" height="17" /></a></li>
134:</ul>
135:
136:
137:
138:<!-- / .item --></div>
139:<!-- / .section --></div>
140:
141:<div class="section whatsnew heightLine">
142:<h2><img src="/img/top/h2_whatsnew.gif" alt="What's New" width="228" height="29" /></h2>
143:<div class="item">
144:<h3><img src="/img/top/h3_news.gif" alt="ニュースリリース" width="161" height="23" /><a href="/news_release/" title="ニュースリリースの一覧"><img src="/img/top/btn_list_whats_off.gif" alt="一覧" width="28" height="28" /></a></h3>
145:<dl class="news">
146:<dt>2007.9.28</dt>
147:<dd><a href="http://digiper.com/news_release/article/98.shtml" title="Buzzurl、東京IT新聞にデジパ市嶋のインタビューが掲載ページ">Buzzurl、東京IT新聞にデジパ市嶋のインタビューが掲載</a></dd>
148:
149:<dt>2007.9.12</dt>
150:<dd><a href="http://digiper.com/news_release/article/50.shtml" title="エコ商品比較サイト「エコひいき.net」をオープン。第1段は省エネ家電の比較サービスページ">エコ商品比較サイト「エコひいき.net」をオープン。第1段は省エネ家電の比較サービス</a></dd>
151:</dl>
152:<!-- / .item --></div>
153:
154:<div class="item">
155:<p><a href="http://digiper.com/interview/article/22.shtml" title="インフォアクシア 植木真氏の記事を読む"><img src="/img/interview/22/top.jpg" alt="Interview 22 インフォアクシア 植木真氏" width="255" height="90" /></a></p>
156:<h3><img src="/img/top/h3_interview.gif" alt="業界インタビュー" width="165" height="23" /><a href="/interview/" title="業界インタビューの一覧"><img src="/img/interview/btn_list_off.gif" alt="一覧" width="28" height="28" /></a></h3>
157:<dl>
158:<dt>2007.08.20</dt>
159:<dd><a href="http://digiper.com/interview/article/22.shtml" title="インフォアクシア 植木真氏の記事を読む">インフォアクシア 植木真氏</a></dd>
160:</dl>
161:<!-- / .item --></div>
162:
163:<div class="item last">
164:<p><a href="/trend_watch/" title="業界トレンドウォッチ"><img src="/img/top/bnr_trend.jpg" alt="Webマーケティングコミュニケーションの時代" width="255" height="70" /></a></p>
165:<h3><img src="/img/top/h3_trend.gif" alt="業界トレンドウォッチ" width="199" height="23" /><a href="/trend_watch/" title="業界トレンドウォッチの一覧"><img src="/img/trend_watch/btn_list_off.gif" alt="一覧" width="28" height="28" /></a></h3>
166:<dl>
167:<dt>2007.10.09</dt>
168:<dd><a href="http://digiper.com/trend_watch/article/156.shtml" title="サイトやブログの価値を調べる10の指標とツールの記事を読む">サイトやブログの価値を調べる10の指標とツール</a></dd>
169:</dl>
170:<!-- / .item --></div>
171:
172:<!-- / .section --></div>
173:
174:<div class="section bnr">
175:<p><a href="http://recruit.digiper.com/" title="デジパ株式会社 採用サイトへ"><img src="/img/top/bnr_recruit.jpg" alt="デジパ株式会社 採用サイト" width="600" height="90" /></a></p>
176:<!-- / .section --></div>
177:
178:<!-- / #main --></div>
179:
180:
181:
182:<div id="sub">
183:
184:
185:
186:
187:
188:
189:
190:
191:
192: <dl>
193:<dt><img src="/img/share/sub_title_case.gif" alt="Case Study" width="20" height="82" /></dt>
194:<dd>
195:<a href="/results/" title="制作・活動実績ページ"><img src="/img/share/sub_data_case.gif" alt="制作・活動実績" width="199" height="133" /></a>
196:</dd>
197:</dl>
198:
199:<dl>
200:<dt><img src="/img/share/sub_title_service.gif" alt="Service Site" width="20" height="82" /></dt>
201:<dd>
202:<a href="/website/" title="デジパ運営のウェブサイトページ"><img src="/img/share/sub_data_service.gif" alt="デジパ運営のウェブサイト" width="199" height="133" /></a>
203:</dd>
204:</dl>
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:<!-- / #sub --></div>
233:
234:
235:
236:<p class="pageTop"><a href="#page" title="このページの先頭へ"><img src="/img/share/pagetop.gif" alt="ページトップへ" width="20" height="20" /></a></p>
237:
238:<!-- / #contents --></div>
239:
240:<div id="footer">
241:<ul>
242:<li class="first"><a href="/" title="トップページ">トップページ</a></li>
243:<li><a href="/service/" title="サービス案内ページ">サービス案内</a></li>
244:<li><a href="/results/" title="制作・活動実績ページ">制作・活動実績</a></li>
245:<li><a href="/company/" title="会社情報ページ">会社情報</a></li>
246:<li><a href="/news_release/" title="ニュースリリースページ">ニュースリリース</a></li>
247:<li><a href="http://ssl.digiper.com/official/contact/" title="お問い合わせページ">お問い合わせ</a></li>
248:</ul>
249:<ul>
250:<li class="first"><a href="/privacy_policy.shtml" title="デジパの個人情報保護方針ページ">個人情報保護方針</a></li>
251:<li><a href="/help.shtml" title="ヘルプページ - お困りの方">ヘルプ</a></li>
252:<li><a href="/sitemap.shtml" title="サイトマップページ - サイト内で迷った方">サイトマップ</a></li>
253:</ul>
254:<p><img src="/img/share/copyright.gif" alt="Copyright © 2000-2007 digiper Inc. All Rights Reserved." width="337" height="12" /></p>
255:<!-- / #footer --></div>
256:
257:<!-- / #page --></div>
258:
259:<!--google analytics-->
260:<script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript"></script>
261:<script src="/js/google-analytics.js" type="text/javascript"></script>
262:
263:</body>
264:</html>
265:
266:
267:
268:
ページの先頭へ戻るこのチェック結果の先頭へ戻る


チェックしたファイル(2) 前のファイル 次のファイル

対象

ファイル名：

 http://digiper.com/css_utf/default.css

参照したCSSファイル： なし


結果

件数：

 問題点が、2件ありました。

問題の詳細 ソースリスト

問題点概要
優先度 分類 件数

必須

修正

0件

確認

0件

推奨

修正

2件

確認

0件

修正 必ず、何らかの修正が必要な問題です。
確認 場合によっては、問題ではない項目です。
用途に応じて適宜判断の上、修正してください。

ページの先頭へ戻る このチェック結果の先頭へ戻る

詳細(ソースごとにまとめて表示）

問題点の一覧
行 ソース 画面で確認
(注)		 問題点 優先度と分類 要件
26 color:#333; 文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。 推奨 修正 5.6c
文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません 推奨 修正 5.6c

注：「画面で確認」について
画面で確認
「画面で確認」ボタンを選択すると、チェック対象を別ウィンドウで表示し、問題箇所を確認できます。
この機能を利用するには、ブラウザのJavaScriptの設定を有効にしておく必要があります。
また、チェック対象のファイルやURLによっては、画像が表示されないなど、チェック対象が正しく表示されないことがあります。
ページの先頭へ戻る このチェック結果の先頭へ戻る

詳細（問題ごとにまとめて表示）
5.6c フォントの色には，背景色などを考慮し見やすい色を指定することが望ましい。

文字色(#333333)と背景色(#669900)は、弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。
26行目

color:#333;
優先度と分類推奨 修正
要件 5.6c


文字色(#333333)と背景色(#669900)は、色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません
26行目

color:#333;
優先度と分類推奨 修正
要件 5.6c

ページの先頭へ戻るこのチェック結果の先頭へ戻る

ソースリスト
内容
1:@charset "utf-8";
2:
3:/* -----------------------------------------------------------
4:CSS Information
5:
6: File name: default.css
7: Author: Takashi Hirasawa(admin)
8: Style Info: 繝?ヵ繧ｩ繝ｫ繝医?繧ｹ繧ｿ繧､繝ｫ縺ｮ繝ｪ繧ｻ繝?ヨ蜿翫?蝓ｺ譛ｬ險ｭ螳?
9:----------------------------------------------------------- */
10:
11:/* Reset
12:----------------------------------------------------*/
13:
14:* {
15: margin:0;
16: padding:0;
17: font-style:normal;
18: text-align:left;
19:}
20:
21:/* Base Setting
22:----------------------------------------------------*/
23:
24:body {
25: background:#690 url(../img/share/bg_body.gif);
26: color:#333;
27: font-size:small;
28: font-family:verdana,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け","MS PGothic",Sans-Serif;
29: line-height:1.5;
30: text-align:center;
31:}
32:
33:* + html body {
34: font-family:"繝｡繧､繝ｪ繧ｪ","Meiryo";
35:}
36:
37:h1,h2,h3,h4,h5,h6 {
38: font-size:100%;
39:}
40:
41:fieldset,img {
42: border:0;
43:}
44:
45:select {
46: font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,"?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け","MS PGothic",Sans-Serif;
47:}
48:
49:li {
50: list-style-type:none;
51:}
52:
53:hr,legend {
54: display:none;
55:}
56:
57:p {
58: margin-bottom:1em;
59:}
60:
61:/* Base Link Color Setting
62:----------------------------------------------------*/
63:
64:a:link {
65: color:#06C;
66: text-decoration:underline;
67:}
68:
69:a:visited {
70: color:#90F;
71: text-decoration:underline;
72:}
73:
74:a:hover {
75: text-decoration:none;
76:}
77:
78:a:active {
79: text-decoration:none;
80:}
ページの先頭へ戻るこのチェック結果の先頭へ戻る


チェックしたファイル(3) 前のファイル

対象

ファイル名：

 http://digiper.com/css_utf/style.css

参照したCSSファイル： なし


結果

件数：

 問題点が、3件ありました。

問題の詳細 ソースリスト

問題点概要
優先度 分類 件数

必須

修正

0件

確認

3件

推奨

修正

0件

確認

0件

修正 必ず、何らかの修正が必要な問題です。
確認 場合によっては、問題ではない項目です。
用途に応じて適宜判断の上、修正してください。

ページの先頭へ戻る このチェック結果の先頭へ戻る

詳細(ソースごとにまとめて表示）

問題点の一覧
行 ソース 画面で確認
(注)		 問題点 優先度と分類 要件
121 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
1550 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a
1686 overflow:hidden... overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。 必須 確認 5.6a

注：「画面で確認」について
画面で確認
「画面で確認」ボタンを選択すると、チェック対象を別ウィンドウで表示し、問題箇所を確認できます。
この機能を利用するには、ブラウザのJavaScriptの設定を有効にしておく必要があります。
また、チェック対象のファイルやURLによっては、画像が表示されないなど、チェック対象が正しく表示されないことがあります。
ページの先頭へ戻る このチェック結果の先頭へ戻る

詳細（問題ごとにまとめて表示）
5.6a 文字のサイズ及びフォントは，必要に応じ利用者が変更できるようにしなくてはならない。

overflow:(CSS)にhiddenが指定されています。ブラウザで文字のサイズを大きくしても、画面内の情報がすべて表示できることを確認してください。
121行目

overflow:hidden;
1550行目

overflow:hidden;
1686行目

overflow:hidden;
優先度と分類必須 確認
要件 5.6a

ページの先頭へ戻るこのチェック結果の先頭へ戻る

ソースリスト
内容
1:@charset "utf-8";
2:
3:/* -----------------------------------------------------------
4:CSS Information
5:
6: File name: style.css
7: Author: Takashi Hirasawa(admin)
8: Style Info: 繧ｳ繝ｳ繝?Φ繝?お繝ｪ繧｢髢｢菫?
9:----------------------------------------------------------- */
10:
11:/*----------------------------------------------------
12: __page
13:----------------------------------------------------*/
14:
15:#page {
16: width:860px;
17: margin:0 auto;
18: text-align:left;
19:}
20:
21:
22:/*----------------------------------------------------
23: 豎守畑class
24:----------------------------------------------------*/
25:
26:.imgR {
27: float:right;
28: margin:0 0 10px 20px;
29:}
30:
31:.imgL {
32: float:left;
33: margin:0 20px 10px 0;
34:}
35:
36:
37:/*----------------------------------------------------
38: __contentsHeader
39:----------------------------------------------------*/
40:
41:#contentsHeader {
42: clear:both;
43: width:820px;
44: margin-top:-13px;
45: padding:20px 20px 17px;
46: background:#FFF;
47:}
48:
49:#contentsHeader p {
50: margin:0;
51:}
52:
53:#contentsHeader #topicPath {
54: margin-top:10px;
55: margin-bottom:-10px;
56:}
57:
58:#contentsHeader h1 img,
59:#contentsHeader p img {
60: vertical-align:bottom;
61:}
62:
63:/*----------------------------------------------------
64: __contents
65:----------------------------------------------------*/
66:
67:#contents {
68: position:relative;
69: width:860px;
70: margin-bottom:5px;
71: background:#FFF url(../img/share/bg_contents.gif) no-repeat;
72:}
73:
74:.interviewPage #contents {
75: background-image:none;
76:}
77:
78:#contents:after {
79: content:".";
80: height:0;
81: clear:both;
82: display:block;
83: visibility:hidden;
84:}
85:
86:#contents .pageTop {
87: position:relative;
88: clear:both;
89: width:20px;
90: height:20px;
91: margin:0 -20px 0 auto;
92: padding:0;
93: font-size:0;
94: line-height:0;
95:}
96:
97:#contents .pageTop img {
98: vertical-align:bottom;
99:}
100:
101:.sharePage #contents #main .pageTop {
102: margin:0 -40px 0 auto;
103:}
104:
105:/*----------------------------------------------------
106: __main
107:----------------------------------------------------*/
108:
109:#interviewEntryPage #main,
110:#main {
111: float:right;
112: width:630px;
113: margin-top:3px;
114:}
115:
116:.interviewPage #main {
117: float:none;
118: width:840px;
119: margin:0 0 0 20px;
120: padding-top:20px;
121: overflow:hidden;
122:}
123:
124:#interviewEntryPage #main {
125: width:610px;
126: margin:0;
127:}
128:
129:#main .att {
130: color:#C00;
131:}
132:
133:/*繝医ャ繝励?繝ｼ繧ｸ縺顔衍繧峨○*/
134:#main .info {
135: margin:0 20px 20px 0;
136: padding:15px;
137: border:5px solid #FC6;
138:}
139:
140:#main .info dl dt {
141: margin-bottom:5px;
142: font-weight:bold;
143:}
144:
145:#main .info dl.exclamation dt {
146: min-height:20px;
147: padding:0 28px;
148: background:url(../img/share/mark_exclamation.gif) no-repeat left center;
149:}
150:
151:#main .info dl.exclamation dd {
152: padding:0 28px;
153:}
154:
155:
156:#main .section {
157: float:left;
158: width:295px;
159: margin-right:20px;
160: display:inline;
161:}
162:
163:.indexPage #main .section {
164: background:url(../img/share/bg_section.gif) no-repeat left bottom;
165:}
166:
167:#main .section h2 {
168: padding-bottom:10px;
169: background:#FFF;
170:}
171:
172:#main .section h3 img,
173:#main .section h2 img {
174: vertical-align:bottom;
175:}
176:
177:#main .section h3 a img,
178:#main .section h2 a img {
179: margin-left:5px;
180:}
181:#main .section .item {
182: float:left;
183: width:255px;
184: margin-bottom:10px;
185: padding:15px 15px 0;
186: border:5px solid #DDD;
187:}
188:
189:#main .section .item p {
190: margin:0 0 10px;
191:}
192:
193:#main .section .last {
194: border-bottom:0;
195:}
196:
197:#main .section .item h3 {
198: margin-bottom:10px;
199:}
200:
201:#main .section .item dl {
202: margin-bottom:21px;
203:}
204:
205:#main .section .item dl dd {
206: line-height:1.3;
207:}
208:
209:#main .section .item ul {
210: margin-top:20px;
211: padding-bottom:10px;
212:}
213:
214:#main .section .item ul li {
215: margin-bottom:10px;
216: line-height:0;
217: font-size:0;
218:}
219:
220:#main .whatsnew .item dl dt {
221: padding-left:12px;
222: background:url(../img/share/mark_01.gif) no-repeat left center;
223:}
224:
225:#main .whatsnew .item dl dd {
226: margin:0 0 10px;
227: padding-left:12px;
228: line-height:1.2;
229:}
230:
231:#main .whatsnew .item dl.news {
232: float:left;
233: margin:0;
234: padding:0 0 5px;
235:}
236:
237:#main .whatsnew .item dl.news dt {
238: float:left;
239: width:6.5em;
240: margin-right:5px;
241: padding:0;
242: background:none;
243: font-weight:bold;
244:}
245:
246:#main .whatsnew .item dl.news dd {
247: float:left;
248: width:12em;
249: padding:0;
250:}
251:
252:/* 繝医ャ繝励?繝ｼ繧ｸ繝｡繧､繝ｳ荳矩Κ繝舌リ繝ｼ
253:--------------------------------*/
254:#main .bnr {
255: clear:both;
256: float:none;
257: border:0;
258:}
259:
260:#main .bnr p {
261: margin:0;
262:}
263:
264:#main .bnr img {
265: margin-top:20px;
266: border:5px solid #DDD;
267: vertical-align:bottom;
268:}
269:
270:/* 繧ｵ繝ｼ繝薙せ譯亥?
271:--------------------------------*/
272:
273:#main h2.lead {
274: margin:30px 0 35px;
275:}
276:
277:#main h2.lead img {
278: vertical-align:bottom;
279:}
280:
281:#main .textArea {
282: margin:0 40px 0 20px;
283:}
284:
285:#main .textArea h3 {
286: clear:both;
287: margin:40px 0 20px;
288:}
289:
290:#main .textArea h4 {
291: margin:30px 0 10px;
292:}
293:
294:#main .textArea h4 img {
295: vertical-align:top;
296:}
297:
298:#main .textArea blockquote {
299: clear:both;
300: min-height:1em;
301: margin:20px 0;
302: padding:13px 18px 0;
303: background:#F6F6E3 url(../img/share/bg_blockquote.gif) repeat-y;
304:}
305:
306:#main .textArea blockquote p {
307: margin:0;
308: padding:0 0 13px;
309:}
310:
311:#main .textArea dl.effective dt {
312: margin-top:20px;
313: padding-left:18px;
314: background:url(../img/share/mark_02.gif) no-repeat 0em .2em;
315: font-weight:bold;
316:}
317:
318:#main .textArea dl.effective dd {
319: padding-left:18px;
320:}
321:
322:/*MovableType縺ｮ繝｡繝ｪ繝?ヨ驛ｨ蛻?/
323:#main .textArea div.merit {
324: margin-bottom:7px;
325: background:url(../img/service/website/merit_bottom.gif) repeat-y left bottom;
326:}
327:
328:#main .textArea div.merit h4 {
329: height:35px;
330: margin:0 0 10px;
331: padding:28px 0 0 57px;
332: background:url(../img/service/website/merit_top.gif) no-repeat;
333:}
334:
335:#main .textArea div.merit p {
336: margin:0;
337: padding:0 35px 20px 57px;
338:}
339:
340:#main .textArea div.merit h4 + p {
341: margin-top:-20px;
342:}
343:
344:#main .btnConsul {
345: margin:40px 40px 40px 20px;
346: text-align:center;
347:}
348:
349:#main .btn {
350: margin:20px 0;
351: text-align:center;
352:}
353:
354:#main img.photo {
355: float:right;
356: margin:0 0 30px 30px;
357:}
358:
359:#main img.image {
360: float:right;
361: margin:0 0 10px 20px;
362:}
363:
364:#main ul.nextPrev {
365: clear:both;
366: height:30px;
367: margin:40px 20px 30px 0;
368:}
369:
370:#main ul.nextPrev li {
371: float:left;
372: width:275px;
373:}
374:
375:#main ul.nextPrev li img {
376: vertical-align:top;
377:}
378:
379:#main ul.nextPrev li.next {
380: float:right;
381:}
382:
383:#main .serviceShortcut {
384: clear:both;
385: width:570px;
386: padding:20px 20px 15px;
387: background:#EEE;
388: overflow:hidden;
389:}
390:
391:#main .serviceShortcut dl {
392: float:left;
393: width:270px;
394:}
395:
396:#main .serviceShortcut dl + dl {
397: margin-left:5px;
398: padding-left:20px;
399: border-left:1px solid #DDD;
400:}
401:
402:#main .serviceShortcut dl dt {
403: margin:0 0 15px;
404: padding:0;
405: font-size:0;
406: line-height:0;
407:}
408:
409:#main .serviceShortcut dl dd {
410: margin-left:2px;
411:}
412:
413:#main .serviceShortcut dl dd ul li {
414: margin-bottom:5px;
415: padding-left:10px;
416: background:url(../img/share/mark_01) no-repeat 0em .5em;
417:}
418:
419:
420:#main .serviceShortcut dl dd ul li a:link {
421: color:#333333;
422: text-decoration:underline;
423:}
424:
425:#main .serviceShortcut dl dd ul li a:visited {
426: color:#666666;
427: text-decoration:underline;
428:}
429:
430:#main .serviceShortcut dl dd ul li a:hover {
431: text-decoration:none;
432:}
433:
434:#main .serviceShortcut dl dd ul li a:active {
435: text-decoration:none;
436:}
437:
438:
439:
440:#main .serviceInfo {
441: width:555px;
442: margin:20px 0 0 0;
443: padding:20px 30px 0 15px;
444: border:5px solid #DDD;
445:}
446:
447:#main .serviceInfo h3 {
448: margin-bottom:20px;
449:}
450:
451:#main .serviceInfo dl {
452: margin:0;
453: padding:0;
454:}
455:
456:#main .serviceInfo dl dt {
457: position:relative;
458: z-index:100;
459: height:16px;
460: overflow:hidden;
461: margin-left:75px;
462:}
463:
464:#main .serviceInfo dl dt img {
465: cursor:pointer;
466: vertical-align:top;
467:}
468:
469:#main .serviceInfo dl dd {
470: height:40px;
471: margin:-60px 0 20px 75px;
472:}
473:
474:#main .serviceInfo dl > dd {
475: height:auto;
476: min-height:40px;
477:}
478:
479:#main .serviceInfo dl dd.serviceImage {
480: position:relative;
481: top:-16px;
482: left:0;
483: height:60px;
484: margin:0;
485:}
486:
487:#main .serviceInfo dl dd.serviceImage img {
488: vertical-align:bottom;
489:}
490:
491:
492:#main #phaseContent {
493: margin-left:-20px;
494: margin-right:-20px;
495:}
496:
497:#main #phaseContent .phase h2 {
498: display:none;
499:}
500:
501:
502:#main #phaseContent .phase .flow {
503: position:relative;
504: min-height:70px;
505: margin-left:29px;
506: padding:15px 15px 15px 0;
507: border:5px solid #CCC;
508: width:556px;
509:}
510:
511:#main #phaseContent .phase .flow h3 {
512: margin:0 0 10px;
513: padding:0 0 0 98px;
514:}
515:
516:#main #phaseContent .phase .flow p {
517: margin:0;
518: padding-left:98px;
519:}
520:
521:#main #phaseContent .phase .flow .flowImage {
522: position:absolute;
523: top:15px;
524: left:15px;
525: padding-left:0;
526:}
527:
528:#main #phaseContent p.nextFlow {
529: margin:0;
530: padding:10px 0;
531: text-align:center;
532: line-height:10px;
533: font-size:10px;
534:}
535:
536:#main #phaseContent #researchPhease {
537: background:url(../img/service/website/phase_title_01.gif) no-repeat left center;
538:}
539:
540:#main #phaseContent #strategyPhease {
541: background:url(../img/service/website/phase_title_02.gif) no-repeat left center;
542:}
543:
544:#main #phaseContent #planPhease {
545: background:url(../img/service/website/phase_title_03.gif) no-repeat left center;
546:}
547:
548:#main #phaseContent #mountingPhease {
549: background:url(../img/service/website/phase_title_04.gif) no-repeat left center;
550:}
551:
552:#main #phaseContent #managePhease {
553: background:url(../img/service/website/phase_title_05.gif) no-repeat left center;
554:}
555:
556:
557:
558:/*----------------------------------------------------
559: __resultsPage 蛻ｶ菴懊?豢ｻ蜍募ｮ溽ｸｾ
560:----------------------------------------------------*/
561:.resultsPage #main .section {
562: width:auto;
563:}
564:
565:.resultsPage #main .section h2.action {
566: clear:both;
567: width:600px;
568: padding-top:20px;
569:}
570:
571:.resultsPage #main .section .item {
572: width:570px;
573:}
574:
575:.resultsPage #main .section .item h3 {
576: margin-bottom:15px;
577:}
578:
579:.resultsPage #main .archivesList ul {
580: float:left;
581: padding-top:20px;
582: padding-left:30px;
583: margin-bottom:10px;
584:}
585:
586:.resultsPage #main .archivesList ul li {
587: float:left;
588: margin-right:10px;
589: margin-bottom:10px;
590: font-size:0;
591: line-height:0;
592:}
593:
594:.resultsPage #main .resultsArchive dl dd ul li.thumbnail a,
595:.resultsPage #main .archivesList ul li a {
596: display:block;
597: float:left;
598: width:50px;
599: height:50px;
600: border:5px solid #DDD;
601:}
602:
603:.resultsPage #main .resultsArchive dl dd ul li.thumbnail a:hover,
604:.resultsPage #main .archivesList ul li a:hover,
605:.resultsPage #main .archivesList ul li a.current {
606: border-color:#FC0;
607:}
608:
609:.resultsPage #main .resultsEntryBody {
610: clear:both;
611: margin-top:20px;
612: margin-right:20px;
613:}
614:
615:.resultsPage #main .resultsEntryBody h2 {
616: width:606px;
617: margin:0;
618: padding:10px 2px;
619: font-size:130%;
620: letter-spacing:.1em;
621: border-top:5px solid #639;
622:}
623:
624:.resultsPage #main .resultsEntryBody h2.activityEntryTitle {
625: border-top-color:#C33;
626:}
627:
628:.resultsPage #main .resultsEntryArea {
629: width:570px;
630: padding:15px 15px 18px;
631:}
632:
633:.resultsPage #main .resultsEntryArea .textArea,
634:.resultsPage #main .section .item .textArea {
635: float:left;
636: width:330px;
637: margin:0;
638: padding:0;
639:}
640:
641:.resultsPage #main .resultsEntryArea .textArea {
642: float:none;
643: width:auto;
644: padding-left:18px;
645:}
646:
647:.resultsPage #main .resultsEntryArea dl dt {
648: font-weight:bold;
649:}
650:
651:.resultsPage #main .section .item .textArea h4 {
652: margin:0 0 15px;
653: padding-left:18px;
654: background:url(../img/results/mark_website.gif) no-repeat 0em .2em;
655:}
656:
657:.resultsPage #main .section .item .textArea h4 img {
658: vertical-align:middle;
659:}
660:
661:.resultsPage #main .section .item .textArea ol,
662:.resultsPage #main .section .item .textArea ul,
663:.resultsPage #main .section .item .textArea p {
664: margin-left:18px;
665:}
666:
667:.resultsPage #main .section .item .textArea p.more {
668: margin:20px 0 0 18px;
669: padding-bottom:10px;
670:}
671:
672:.resultsPage #main .resultsEntryArea .imageArea,
673:.resultsPage #main .section .item .imageArea {
674: float:right;
675: display:inline;
676: width:210px;
677: margin-right:15px;
678: padding-bottom:10px;
679:}
680:
681:.resultsPage #main .resultsEntryArea .imageArea {
682: margin-left:20px;
683: margin-bottom:10px;
684:}
685:
686:.resultsPage #main .resultsEntryArea .imageArea p,
687:.resultsPage #main .section .item .imageArea p {
688: margin:0;
689: line-height:0;
690: font-size:0;
691:}
692:
693:.resultsPage #main .resultsEntryArea .imageArea p.capture img,
694:.resultsPage #main .section .item .imageArea p.capture img {
695: margin-top:-1px;
696:}
697:
698:.resultsPage #main .resultsEntryArea .imageArea p img.captureImage,
699:.resultsPage #main .section .item .imageArea p img.captureImage {
700: margin:0;
701: padding:5px;
702: border:1px solid #999;
703:}
704:
705:.resultsPage #main .resultsEntryArea .imageArea p.view,
706:.resultsPage #main .section .item .imageArea p.view {
707: position:relative;
708: width:210px;
709: margin:0;
710:}
711:
712:.resultsPage #main .resultsEntryArea .imageArea p.view img,
713:.resultsPage #main .section .item .imageArea p.view img {
714: position:absolute;
715: top:-24px;
716: right:0;
717:}
718:
719:.resultsPage #main .resultsEntryArea .textMoreArea {
720: padding-left:18px;
721:}
722:
723:.resultsPage #main .section div.action {
724: margin-bottom:0;
725:}
726:
727:.resultsPage #main .section div.action .textArea h4 {
728: background:url(../img/results/mark_activity.gif) no-repeat 0em .2em;
729:}
730:
731:.newsPage #main .textArea ul,
732:.resultsPage #main .resultsEntryArea ul {
733: margin-left:23px;
734: margin-bottom:1.5em;
735:}
736:
737:.newsPage #main .textArea ul li,
738:.resultsPage #main .resultsEntryArea ul li {
739: list-style-type:circle;
740:}
741:
742:.newsPage #main .textArea ol,
743:.resultsPage #main .resultsEntryArea ol {
744: margin-left:30px;
745: margin-bottom:1.5em;
746:}
747:
748:.newsPage #main .textArea ol li,
749:.resultsPage #main .resultsEntryArea ol li {
750: list-style-type:decimal;
751:}
752:
753:.resultsPage #main .resultsEntryBody .nextPrev {
754: height:21px;
755: margin:0;
756:}
757:
758:.resultsPage #main .resultsEntryBody .nextPrev li {
759: width:104px;
760:}
761:
762:/*螳溽ｸｾ荳?ｦｧ*/
763:.resultsPage #main .resultsArchive dl {
764: width:533px;
765: margin-left:77px;
766:}
767:
768:.resultsPage #main .resultsArchive dl dt {
769: margin-bottom:10px;
770: font-weight:bold;
771:}
772:
773:.resultsPage #main .resultsArchive dl dd {
774: position:relative;
775:}
776:
777:.resultsPage #main .resultsArchive dl dd ul {
778: margin-bottom:20px;
779:}
780:
781:.resultsPage #main .resultsArchive dl dd ul li {
782: margin-right:30px;
783: margin-bottom:5px;
784:}
785:
786:.resultsPage #main .resultsArchive dl dd ul li.thumbnail {
787: position:absolute;
788: top:-1.9em;
789: left:-77px;
790:}
791:
792:
793:/*----------------------------------------------------
794: __newsPage 繝九Η繝ｼ繧ｹ繝ｪ繝ｪ繝ｼ繧ｹ
795:----------------------------------------------------*/
796:
797:.companyPage #main h2,
798:.newsPage #main h2 {
799: margin-bottom:30px;
800:}
801:
802:#main .mainArea {
803: margin:0 20px 0 0;
804:}
805:
806:#main .mainArea .rssBtn {
807: margin-bottom:40px;
808:}
809:
810:#main .mainArea .newsList {
811: float:left;
812: width:608px;
813: border-top:1px dotted #999;
814:}
815:
816:#main .mainArea .newsList li {
817: float:left;
818: width:608px;
819: padding:5px 1px;
820: border-bottom:1px dotted #999;
821:}
822:
823:#main .mainArea .newsList li a {
824: display:block;
825: float:left;
826: width:458px;
827: padding-left:20px;
828: background:url(../img/website/mark.gif) no-repeat 0em .3em;
829:}
830:
831:#main .mainArea .newsList li span {
832: display:block;
833: float:right;
834: width:130px;
835: text-align:right;
836:}
837:
838:#trendEntryPage #main h2,
839:#newsEntryPage #main h2 {
840: width:606px;
841: margin:0;
842: padding:10px 2px;
843: font-size:120%;
844: letter-spacing:1px;
845: border-top:5px solid #690;
846:}
847:
848:#trendEntryPage #main .entryDate,
849:#newsEntryPage #main .entryDate {
850: margin:0 20px 20px 0;
851: padding:5px;
852: background:#F4F4F4;
853: text-align:right;
854:}
855:
856:#trendEntryPage #main .textArea,
857:#newsEntryPage #main .textArea {
858: min-height:200px;
859:}
860:
861:#newsEntryPage #main .textArea h3 {
862: margin:1em 0;
863: padding:13px 10px 10px;
864: background:#E3E3C1 url(../img/share/h3.gif) no-repeat 10px 0px;
865:}
866:
867:#trendEntryPage #main .textArea dl dt,
868:#newsEntryPage #main .textArea dl dt {
869: font-weight:bold;
870:}
871:
872:#trendEntryPage #main .nextPrev,
873:#newsEntryPage #main .nextPrev {
874: height:21px;
875: margin-bottom:0;
876:}
877:
878:#trendEntryPage #main .nextPrev li,
879:#newsEntryPage #main .nextPrev li {
880: width:80px;
881:}
882:
883:/*----------------------------------------------------
884: __companyPage 莨夂､ｾ諠??
885:----------------------------------------------------*/
886:
887:.companyPage #main table {
888: width:610px;
889: border-bottom:1px dotted #999;
890: border-collapse:collapse;
891: table-layout:fixed;
892:}
893:
894:.companyPage #main table th {
895: width:145px;
896: padding:10px;
897: padding-left:0;
898: border-top:1px dotted #999;
899: vertical-align:top;
900: font-weight:bold;
901:}
902:
903:.companyPage #main table td {
904: padding:10px;
905: padding-left:0;
906: border-top:1px dotted #999;
907:}
908:
909:.companyPage #main .mainArea {
910: margin-top:30px;
911:}
912:
913:.companyPage #main .mainArea .bnr {
914: margin-bottom:40px;
915:}
916:
917:.companyPage #main .mainArea .photo {
918: float:left;
919: margin-right:35px;
920:}
921:
922:.companyPage #main .mainArea .kiritaniMessage {
923: float:left;
924: width:400px;
925: margin-top:-40px;
926:}
927:
928:.companyPage #main .mainArea h3 {
929: margin-bottom:20px;
930:}
931:
932:.companyPage #main .mainArea .kiritaniMessage h3 {
933: margin:40px 0 10px;
934:}
935:
936:.companyPage #main .mainArea .bnrWebsite {
937: margin-bottom:50px;
938:}
939:
940:/*迺ｰ蠅?撫鬘後?eco驛ｨ蛻?/
941:.companyPage #main .mainArea div.eco {
942: margin-bottom:7px;
943: background:url(../img/company/eco_bottom.gif) repeat-y left bottom;
944:}
945:
946:.companyPage #main .mainArea div.eco h3 {
947: height:35px;
948: margin:0 0 10px;
949: padding:28px 0 0 57px;
950: background:url(../img/company/eco_top.gif) no-repeat;
951:}
952:
953:.companyPage .mainArea div.eco ul,
954:.companyPage #main .mainArea div.eco p {
955: margin:0;
956: padding:0 35px 20px 57px;
957:}
958:
959:.companyPage #main .mainArea ul {
960: margin-left:20px;
961: margin-bottom:20px;
962:}
963:
964:.companyPage #main .mainArea ul li {
965: list-style-type:circle;
966:}
967:
968:.companyPage #main .mainArea div.eco h3 + p {
969: margin-top:-20px;
970:}
971:
972:.eco + h2 {
973: margin-top:40px;
974:}
975:
976:.companyPage #main .mainArea .mobileMap ,
977:.companyPage #main .mainArea .sectionWebsite,
978:.companyPage #main .mainArea .sectionBlog {
979: position:relative;
980: clear:both;
981: width:570px;
982: height:150px;
983: margin-top:10px;
984: padding:15px;
985: border:5px solid #EEE;
986:}
987:
988:.companyPage #main .mainArea .sectionBlog {
989: height:100px;
990:}
991:
992:.companyPage #main .pageBody > .sectionWebsite {
993: height:auto;
994: min-height:150px;
995:}
996:
997:.companyPage #main .pageBody > .sectionBlog {
998: height:auto;
999: min-height:100px;
1000:}
1001:
1002:.companyPage #main .mainArea .sectionBlog dt {
1003: height:auto;
1004: margin-left:110px;
1005: margin-bottom:10px;
1006:}
1007:
1008:.companyPage #main .mainArea .sectionBlog dt img {
1009: vertical-align:middle;
1010: margin-left:5px;
1011:}
1012:
1013:.companyPage #main .mainArea .sectionWebsite dt {
1014: height:auto;
1015: margin-left:165px;
1016: margin-bottom:10px;
1017:}
1018:
1019:.companyPage #main .mainArea .sectionBlog dd {
1020: margin-left:110px;
1021:}
1022:
1023:.companyPage #main .mainArea .sectionWebsite dd {
1024: margin-left:165px;
1025:}
1026:
1027:.companyPage #main .mainArea .sectionWebsite dd.url,
1028:.companyPage #main .mainArea .sectionBlog dd.author {
1029: margin-bottom:10px;
1030:}
1031:
1032:.companyPage #main .mainArea .mobileMap dd.qr,
1033:.companyPage #main .mainArea .sectionWebsite .capture,
1034:.companyPage #main .mainArea .sectionBlog .capture {
1035: position:absolute;
1036: top:15px;
1037: left:15px;
1038: margin-left:0;
1039:}
1040:
1041:.companyPage #main .mainArea address {
1042: margin-bottom:20px;
1043:}
1044:
1045:/*GoogleMap*/
1046:
1047:.companyPage #main .mainArea #map {
1048: width:610px;
1049: height:400px;
1050: margin-bottom:35px;
1051:}
1052:
1053:.companyPage #main .mainArea #map .mapInfo h2 {
1054: margin-bottom:5px;
1055:}
1056:
1057:.companyPage #main .mainArea .detailMap {
1058: margin-bottom:20px;
1059:}
1060:.companyPage #main .mainArea .detailMap dt {
1061: margin-bottom:20px;
1062:}
1063:
1064:.companyPage #main .mainArea .detailMap dd img {
1065: vertical-align:bottom;
1066:}
1067:
1068:.companyPage #main .mainArea .mobileMap {
1069: height:100px;
1070:}
1071:
1072:.companyPage #main .pageBody > .mobileMap {
1073: height:auto;
1074: min-height:100px;
1075:}
1076:
1077:.companyPage #main .mainArea .mobileMap dt,
1078:.companyPage #main .mainArea .mobileMap dd {
1079: margin-left:115px;
1080:}
1081:
1082:
1083:/*----------------------------------------------------
1084: __intervierPage 讌ｭ逡後う繝ｳ繧ｿ繝薙Η繝ｼ
1085:----------------------------------------------------*/
1086:
1087:/*繧､繝ｳ繧ｿ繝薙Η繝ｼ繝医ャ繝励?繝ｼ繧ｸ*/
1088:.interviewPage #interviewDescription {
1089: margin:0;
1090: padding:15px 20px;
1091: background:#030;
1092: color:#FFF;
1093:}
1094:
1095:.interviewPage #main h2 img {
1096: vertical-align:middle;
1097:}
1098:
1099:.trendPage #main h2 a img,
1100:.interviewPage #main h2 a img {
1101: margin-left:5px;
1102:}
1103:
1104:.trendPage #main p.rssBtn,
1105:.interviewPage #main p.rssBtn {
1106: position:relative;
1107: width:820px;
1108: height:0;
1109: margin:0;
1110: padding:0;
1111:}
1112:
1113:.trendPage #main p.rssBtn img,
1114:.interviewPage #main p.rssBtn img {
1115: vertical-align:bottom;
1116:}
1117:
1118:.trendPage #main p.rssBtn a,
1119:.interviewPage #main p.rssBtn a {
1120: position:absolute;
1121: top:-27px;
1122: right:0;
1123:}
1124:
1125:.interviewPage #main .articleSummary {
1126: float:left;
1127: width:400px;
1128: margin-top:20px;
1129: margin-right:20px;
1130: padding-bottom:25px;
1131: background:#F1F6F8;
1132:}
1133:
1134:.interviewPage #main .articleSummary h3 {
1135: margin-bottom:15px;
1136:}
1137:
1138:.interviewPage #main .articleSummary p {
1139: margin:0 10px;
1140:}
1141:
1142:.interviewPage #main .articleSummary h4 {
1143: margin:0 10px 15px;
1144:}
1145:
1146:.interviewPage #main .articleSummary p.more {
1147: padding-top:17px;
1148: text-align:center;
1149:}
1150:
1151:.interviewPage #main .articleSummary p.more img {
1152: vertical-align:bottom;
1153:}
1154:
1155:.interviewPage #main .articleSummary .leadText {
1156: min-height:80px;
1157:}
1158:
1159:.interviewPage #main ul.bn {
1160: margin-top:20px;
1161:}
1162:
1163:.interviewPage #main ul.bn li {
1164: margin:10px 0 0;
1165: padding:0;
1166:}
1167:
1168:.interviewPage #main ul.bn li img {
1169: vertical-align:top;
1170:}
1171:
1172:#main .textChange {
1173: clear:both;
1174: margin-top:30px;
1175: padding:5px;
1176: text-align:center;
1177: background:#F1F6F9;
1178:}
1179:
1180:
1181:#interviewEntryPage #main .nextPrev {
1182: height:21px;
1183: margin-bottom:0;
1184:}
1185:
1186:#interviewEntryPage #main .nextPrev li {
1187: width:84px;
1188:}
1189:
1190:#interviewEntryPage #main #mainText h3 {
1191: font-size:110%;
1192: margin-bottom:10px;
1193:}
1194:
1195:#interviewEntryPage #main #mainText dl dt {
1196: font-weight:bold;
1197:}
1198:
1199:#interviewEntryPage #main #mainText dl dd {
1200: margin-bottom:1.5em;
1201:}
1202:
1203:#interviewEntryPage #main #mainText p img {
1204: margin-top:5px;
1205: margin-bottom:5px;
1206:}
1207:
1208:/*----------------------------------------------------
1209: __trend_watchPage 讌ｭ逡後ヨ繝ｬ繝ｳ繝峨え繧ｩ繝?メ
1210:----------------------------------------------------*/
1211:#main p.lead {
1212: margin:20px 20px 40px 0;
1213:}
1214:
1215:.trendPage #main p.rssBtn {
1216: width:610px;
1217:}
1218:
1219:.trendPage #main .articleSummary {
1220: margin-top:10px;
1221: padding:15px 10px 15px 35px;
1222: padding-right:10px;
1223: border:5px solid #DDD;
1224:}
1225:
1226:.trendPage #main .articleSummary h3 {
1227: font-size:110%;
1228: margin-bottom:5px;
1229: margin-left:-20px;
1230: padding-left:20px;
1231: background:url(../img/trend_watch/mark.gif) no-repeat 0em .3em;
1232:}
1233:
1234:
1235:.trendPage #main .articleSummary ul {
1236: margin-bottom:20px;
1237: line-height:1.2;
1238:}
1239:
1240:.trendPage #main .articleSummary ul li {
1241: display:inline;
1242: margin-right:5px;
1243:}
1244:
1245:.trendPage #main .articleSummary ul li + li {
1246: padding-left:8px;
1247: border-left:1px solid #333;
1248:}
1249:
1250:.trendPage #main .articleSummary .more {
1251: margin-bottom:0;
1252:}
1253:
1254:
1255:#trendCategoryPage #main h2,
1256:#trendArchivePage #main h2 {
1257: width:606px;
1258: margin:0;
1259: padding:10px 2px;
1260: font-size:120%;
1261: letter-spacing:1px;
1262: border-top:5px solid #007B7B;
1263:}
1264:
1265:#trendEntryPage #main .articleSummary ul,
1266:#trendCategoryPage #main .articleSummary ul,
1267:#trendArchivePage #main .articleSummary ul {
1268: margin-bottom:0;
1269:}
1270:
1271:#trendEntryPage #main h2 {
1272: border-top-color:#007B7B;
1273:}
1274:
1275:#trendEntryPage #main .mainArea h2 {
1276: margin-top:40px;
1277: padding:0;
1278: border:0;
1279:}
1280:
1281:#main p.pageSeparator {
1282: margin-top:20px;
1283: margin-bottom:0;
1284: font-size:110%;
1285: text-align:center;
1286:}
1287:
1288:/*
1289:#trendEntryPage #main .textArea h3 {
1290: margin:1em 0;
1291: padding:13px 10px 10px;
1292: background:#E3E3C1 url(../img/share/h3.gif) no-repeat 10px 0px;
1293:}
1294:*/
1295:
1296:
1297:.trendPage #main .articleSummary h4,
1298:#trendEntryPage #main .textArea h3 {
1299: margin:0 0 10px;
1300: padding:0 0 5px;
1301: border-bottom:5px solid #E3E3C1;
1302: font-size:120%;
1303:}
1304:
1305:.trendPage #main .articleSummary h5,
1306:#trendEntryPage #main .textArea h4 {
1307: margin:0 0 10px;
1308: padding:0 0 5px;
1309: border-bottom:2px solid #E3E3C1;
1310: font-size:120%;
1311:}
1312:
1313:.trendPage #main .articleSummary h6,
1314:#trendEntryPage #main .textArea h5 {
1315: margin:0 0 10px;
1316: padding:0 0 5px;
1317: border-bottom:2px dotted #E3E3C1;
1318: font-size:100%;
1319:}
1320:
1321:#trendEntryPage #main .textArea ol,
1322:#trendEntryPage #main .textArea ul {
1323: margin-left:30px;
1324: margin-bottom:1em;
1325:}
1326:
1327:#trendEntryPage #main .textArea ol li,
1328:#trendEntryPage #main .textArea ol ul li,
1329:#trendEntryPage #main .textArea ul li {
1330: list-style-type:circle;
1331: margin-bottom:5px;
1332:}
1333:
1334:#trendEntryPage #main .textArea ol li {
1335: list-style-type:decimal;
1336:}
1337:
1338:#trendEntryPage #main .textArea * li ul,
1339:#trendEntryPage #main .textArea * li ol {
1340: margin-top:5px;
1341: margin-left:20px;
1342:}
1343:
1344:#page #main pre {
1345: overflow:auto;
1346: width:540px;
1347: margin:1em 0;
1348: padding:0 15px;
1349: background:#F4F4F4;
1350: border:3px solid #EEE;
1351: font-size:small;
1352: font-family:"?ｭ?ｳ 繧ｴ繧ｷ繝?け", "Osaka?咲ｭ牙ｹ?;
1353:}
1354:
1355:#page #main pre code {
1356: margin:0;
1357: padding:0;
1358: font-size:small;
1359: font-family:"?ｭ?ｳ 繧ｴ繧ｷ繝?け", "Osaka?咲ｭ牙ｹ?;
1360:}
1361:/*----------------------------------------------------
1362: __sharePage + 縺雁撫縺?粋繧上○ 繝倥Ν繝?蛟倶ｺｺ諠??菫晁ｭｷ譁ｹ驥?繧ｵ繧､繝医?繝?? 讀懃ｴ｢邨先棡
1363:----------------------------------------------------*/
1364:
1365:.sharePage #main h2 {
1366: margin-bottom:30px;
1367:}
1368:
1369:.sharePage #main .pageBody {
1370: margin:0 20px 0 0;
1371:}
1372:
1373:.sharePage #main .pageBody h2 {
1374: margin-top:40px;
1375:}
1376:
1377:.sharePage #main .pageBody p.sign {
1378: text-align:right;
1379:}
1380:
1381:.sharePage #main .pageBody ol,
1382:.sharePage #main .pageBody ul {
1383: margin-left:30px;
1384: margin-bottom:1em;
1385:}
1386:
1387:.sharePage #main .pageBody ol li,
1388:.sharePage #main .pageBody ol ul li,
1389:.sharePage #main .pageBody ul li {
1390: list-style-type:circle;
1391: margin-bottom:5px;
1392:}
1393:
1394:.sharePage #main .pageBody ol li {
1395: list-style-type:decimal;
1396:}
1397:
1398:.sharePage #main .pageBody * li ul,
1399:.sharePage #main .pageBody * li ol {
1400: margin-top:5px;
1401: margin-left:20px;
1402:}
1403:
1404:.sharePage #main .pageBody dl dt {
1405: font-weight:bold;
1406:}
1407:
1408:.sharePage #main .pageBody dl dd {
1409: margin-left:1.5em;
1410: margin-bottom:1em;
1411:}
1412:
1413:.sharePage #main .pageBody .btn {
1414: margin-bottom:40px;
1415:}
1416:
1417:.sharePage #main .pageBody .backTop {
1418: margin:100px 0 70px;
1419:}
1420:
1421:.sharePage #main .pageBody table {
1422: margin-bottom:20px;
1423: border-bottom:1px dotted #999;
1424: border-collapse:collapse;
1425: table-layout:fixed;
1426:}
1427:
1428:.sharePage #main .pageBody table th {
1429: width:265px;
1430: padding:10px;
1431: padding-left:0;
1432: border-top:1px dotted #999;
1433: vertical-align:top;
1434: font-weight:bold;
1435:}
1436:
1437:.sharePage #main .pageBody table caption {
1438: display:none;
1439:}
1440:
1441:.sharePage #main .pageBody table td {
1442: padding:10px;
1443: padding-left:0;
1444: border-top:1px dotted #999;
1445:}
1446:
1447:.sharePage #main .pageBody table td ul {
1448: margin-left:0;
1449:}
1450:
1451:.sharePage #main .pageBody table td ul li {
1452: list-style-type:none;
1453:}
1454:
1455:.sharePage #main .pageBody table th img {
1456: margin-right:5px;
1457: vertical-align:middle;
1458:}
1459:
1460:.sharePage #main .pageBody .agree {
1461: margin-bottom:20px;
1462: padding:10px;
1463: background:#F9EED9;
1464: text-align:center;
1465:}
1466:
1467:#main .errorMessage {
1468: color:#C00;
1469:}
1470:
1471:/*help*/
1472:.sharePage #main ul.browser {
1473: margin:0 0 1em;
1474: padding:15px 15px 5px;
1475: background:#F4F4F4;
1476:}
1477:
1478:.sharePage #main ul.browser li {
1479: list-style-type:none;
1480:}
1481:
1482:.sharePage #main ul.browser li ul {
1483: margin-top:10px;
1484:}
1485:
1486:.sharePage #main ul.browser li ul li {
1487: margin:0;
1488: margin-bottom:5px;
1489: padding-left:15px;
1490: background:url(../img/other/mark.gif) no-repeat 0em .4em;
1491: list-style-type:none;
1492:}
1493:
1494:.sharePage #main .focusPoint {
1495: margin-bottom:10px;
1496: padding:15px;
1497: border:5px solid #EEE;
1498:}
1499:
1500:.sharePage #main .focusPoint h3 {
1501: margin-bottom:5px;
1502:}
1503:
1504:.sharePage #main .focusPoint p {
1505: margin-bottom:0;
1506:}
1507:
1508:.sharePage #main .focusPoint ul.w3cBnr {
1509: margin:10px 0 0;
1510:}
1511:
1512:.sharePage #main .focusPoint ul.w3cBnr li {
1513: display:inline;
1514: margin:0 10px 0 0;
1515: padding:0;
1516: list-style-type:none;
1517:}
1518:
1519:.sharePage #main div.fontSizeIE {
1520: width:610px;
1521:}
1522:
1523:.websitePage #main .publicityContainer .publicityEntry:after,
1524:.sharePage #main div.fontSizeIE:after {
1525: content:".";
1526: height:0;
1527: clear:both;
1528: display:block;
1529: visibility:hidden;
1530:}
1531:
1532:.sharePage #main p.fontSizeInfo {
1533: float:left;
1534: width:295px;
1535: margin:10px 0 30px;
1536:}
1537:
1538:.sharePage #main p.fontSizeInfo img {
1539: margin-bottom:10px;
1540:}
1541:
1542:.sharePage #main p.first {
1543: margin-right:20px;
1544:}
1545:
1546:.sharePage #main #sitemapList {
1547: width:610px;
1548: margin:0;
1549: padding:0;
1550: overflow:hidden;
1551:}
1552:
1553:.sharePage #main #sitemapList li {
1554: clear:both;
1555: width:580px;
1556: padding:8px 10px 3px 20px;
1557: background:url(../img/other/mark_sitemap.gif) no-repeat 0em .8em;
1558: border-top:1px dotted #999;
1559: list-style-type:none;
1560: font-weight:bold;
1561:}
1562:
1563:.sharePage #main #sitemapList li ul {
1564: margin:5px 10px 5px 0;
1565: padding:0 0 0 20px;
1566:}
1567:
1568:.sharePage #main #sitemapList li ul li {
1569: margin:0 0 5px;
1570: padding:0;
1571: background:none;
1572: border:0;
1573:}
1574:
1575:.sharePage #main #sitemapList li ul.line {
1576: width:auto;
1577: float:none;
1578:}
1579:
1580:.sharePage #main #sitemapList li ul.line li {
1581: width:auto;
1582: font-weight:normal;
1583:}
1584:
1585:.sharePage #main #sitemapList li ul li ul {
1586: margin-right:0;
1587: padding-left:3px;
1588:}
1589:
1590:.sharePage #main #sitemapList li ul li ul li {
1591: padding-left:12px;
1592: background:url(../img/other/mark_sitemap_2.gif) no-repeat 0em .8em;
1593: font-weight:normal;
1594:}
1595:
1596:.backSitemap {
1597: padding-left:18px;
1598: background:url(../img/other/mark_02.gif) no-repeat 0em .3em;
1599:}
1600:
1601:.helpBtn {
1602: margin-bottom:40px;
1603:}
1604:
1605:
1606:div.privacyText {
1607: margin-left:23px;
1608:}
1609:
1610:/*----------------------------------------------------
1611: __websitePage 閾ｪ遉ｾ驕句霧繧ｵ繧､繝?
1612:----------------------------------------------------*/
1613:
1614:.websitePage #main .websiteList li {
1615: float:left;
1616: margin:0 20px 20px 0;
1617:}
1618:
1619:.websitePage #main .websiteList li img {
1620: vertical-align:top;
1621:}
1622:
1623:.websitePage #main .websiteHeader {
1624: width:610px;
1625: margin-top:20px;
1626: margin-bottom:20px;
1627: padding-bottom:40px;
1628: border-bottom:5px solid #690;
1629:}
1630:
1631:.websitePage #page .iddyContent .websiteHeader {
1632: border-bottom-color:#0097E8;
1633:}
1634:
1635:.websitePage #page .eco_hiikiContent .websiteHeader {
1636: border-bottom-color:#4A0607;
1637:}
1638:
1639:.websitePage #page .sq_lifeContent .websiteHeader {
1640: border-bottom-color:#F1AE7D;
1641:}
1642:
1643:.websitePage #page .htaccesseditorContent .websiteHeader {
1644: border-bottom-color:#FDD900;
1645:}
1646:
1647:
1648:.websitePage #main .websiteHeader h2 {
1649: margin-top:5px;
1650: margin-bottom:20px;
1651:}
1652:
1653:.websitePage #main .publicityContainer p.capture,
1654:.websitePage #main .websiteHeader p.capture {
1655: float:left;
1656: margin-right:20px;
1657:}
1658:
1659:.websitePage #main .textArea {
1660: clear:both;
1661:}
1662:
1663:.websitePage #main .textArea .image {
1664: text-align:center;
1665:}
1666:
1667:.websitePage #main .publicityContainer {
1668: margin-right:20px;
1669:}
1670:
1671:.websitePage #main .publicityContainer h2 {
1672: margin:30px 0;
1673:}
1674:
1675:.websitePage #main .publicityContainer #publicitySelectedNon,
1676:.websitePage #main .publicityContainer #publicitySelected {
1677: height:30px;
1678: border-bottom:5px solid #CCC;
1679:}
1680:
1681:.websitePage #main .publicityContainer #publicitySelectedNon li,
1682:.websitePage #main .publicityContainer #publicitySelected li {
1683: float:left;
1684: height:30px;
1685: margin-right:11px;
1686: overflow:hidden;
1687:}
1688:
1689:.websitePage #main .publicityContainer #publicitySelected li#lastTab {
1690: margin-right:0;
1691:}
1692:
1693:.websitePage #main .publicityContainer #publicitySelectedNon li + li + li,
1694:.websitePage #main .publicityContainer #publicitySelected li + li + li {
1695: margin-right:0;
1696:}
1697:
1698:.websitePage #main .publicityContainer #publicitySelectedNon a img,
1699:.websitePage #main .publicityContainer #publicitySelected li a img {
1700: margin-top:-30px;
1701: vertical-align:bottom;
1702:}
1703:
1704:.websitePage #main .publicityContainer #publicitySelectedNon li.selected a img,
1705:.websitePage #main .publicityContainer #publicitySelected li.selected a img,
1706:.websitePage #main .publicityContainer #publicitySelected li a img:hover {
1707: margin-top:0;
1708:}
1709:
1710:.websitePage #main .publicityContainer #publicitySelectedNon + *,
1711:.websitePage #main .publicityContainer #publicitySelected + * {
1712: clear:both;
1713:}
1714:
1715:.websitePage #main .publicityContainer h3 {
1716: margin-bottom:5px;
1717:}
1718:
1719:.websitePage #main .publicityContainer #publicityWebsite h3 {
1720: padding-left:20px;
1721: background:url(../img/website/mark.gif) no-repeat 0em .2em;
1722:}
1723:
1724:.websitePage #main .publicityContainer #publicityWebsite p {
1725: margin-left:20px;
1726:}
1727:
1728:.websitePage #main .publicityContainer .publicityEntry {
1729: width:570px;
1730: margin:20px auto 0;
1731: padding-bottom:5px;
1732: border-bottom:1px dotted #999;
1733:}
1734:
ページの先頭へ戻るこのチェック結果の先頭へ戻る


チェックした項目
要件 チェック項目
5.1a DOCTYPE宣言をおこなっているか？
5.1a アクセシブルではなく、W3Cで推奨していない<s>を使用していないか？
5.1a アクセシブルではなく、W3Cで推奨していない<strike>を使用していないか？
5.1a アクセシブルではなく、HTML4.01やXHTMLで規格外の<blink>を使用していないか？
5.1a アクセシブルではなく、HTML4.01やXHTMLで規格外の<marquee>を使用していないか？
5.1a アクセシブルではなく、HTML4.01やXHTMLで規格外の<bgsound>を使用していないか？
5.1a 機種依存文字を使用していないか？
5.1a 半角カナを使用していないか？
5.1b window.status (JavaScript)でステータスバーに情報を表示していないか？
5.1b <object>を使用していないか？
5.1b <embed>を使用していないか？
5.1b <applet>を使用していないか？
5.2a 引用（<q>）を見た目のためだけに使用していないか？
5.2a 引用（<blockquote>）を見た目のためだけに使用していないか？
5.2a 引用元（<cite>）を見た目のためだけに使用していないか？
5.2c <table>に<th>を指定しているか？（border="1"を指定しているか、<caption>、<tbody>、<tfoot>のいずれかを指定している場合、<table>を表のテーブルとみなし、チェックします）
5.2c <table>に<caption>を指定しているか？（border="1"を指定しているか、<th>、<tbody>、<tfoot>のいずれかを指定している場合、<table>を表のテーブルとみなし、チェックします）
5.2e <head>に<title>を指定しているか？
5.2f 1つのページを5フレーム以上に分割してないか？
5.2f <frameset>に<noframes>を指定しているか？
5.2f <frame>にtitle属性を指定しているか？
5.2f <iframe>にtitle属性を指定しているか？
5.2f <frame>のscrolling属性にnoを指定していないか？
5.3a onclick属性を使用していないか？
5.3a ondblclick属性を使用していないか？
5.3a onchange属性を使用していないか？
5.3a ondragdrop属性を使用していないか？
5.3a onmousedown属性を使用していないか？
5.3a onmouseup属性を使用していないか？
5.3a onmouseover属性を使用していないか？
5.3a onmouseout属性を使用していないか？
5.3b <input type="radio">にid属性を指定しているか？
5.3b <input type="checkbox">にid属性を指定しているか？
5.3b <input type="text">にid属性を指定しているか？
5.3b <input type="password">にid属性を指定しているか？
5.3b <input type="file">にid属性を指定しているか？
5.3b <textarea>にid属性を指定しているか？
5.3b <select>にid属性を指定しているか？
5.3e <a>のtarget属性に_blankを指定していないか？
5.3e <a>のtarget属性に_newを指定していないか？
5.3e <area>のtarget属性に_blankを指定していないか？
5.3e <area>のtarget属性に_newを指定していないか？
5.3g "ここ""こちら"等、指示代名詞だけにリンクを指定していないか？
5.4a リンクの無い<img>にalt属性を指定しているか？
5.4a alt属性で画像の内容を表現しているか（"スペース"等を指定していないか）？
5.4b リンクのある<img>にalt属性を指定しているか？
5.4b <input type="image">にalt属性を指定しているか？
5.4b <area>にalt属性を指定しているか？
5.4b <img>にismap属性を指定し、サーバサイドイメージマップを使用していないか？
5.4e <embed>を使用している場合、<noembed>も指定しているか？
5.4e JavaScriptを使用している場合、<noscript>も指定しているか？
5.4e <object>に代替情報を指定しているか？
5.4e <applet>にalt属性を指定しているか？
5.5b 取消し線(<del>）を使用していないか？
5.5b 取消し線(<s>）を使用していないか？
5.5b 取消し線(<strike>）を使用していないか？
5.5b 「yy/mm/dd」という文字列で、日付を表現していないか？
5.5b 全角の￥と全角の＄を使用していないか？
5.5b 全角の「ｙｙ／ｍｍ／ｄｄ」という文字列で、日付を表現していないか？
5.5b 「※n」という文字列を、「注釈」の意味で使用していないか？
5.6a font-size:(CSS)で文字のサイズを固定していないか？
5.6a overflow:(CSS)にhiddenを指定していないか？
5.6b line-height:(CSS)で行間を固定していないか？
5.6b line-height:で行間が110%以上か、もしくは、1.1em以上か？
5.6c 文字色と背景色のコントラストは十分か？
5.6c 弱視者(白内障者)の基準で十分か？
5.6c 色覚特性(第一色覚-赤)の違いを考慮した基準で十分か？
5.6c 色覚特性(第ニ色覚-緑)の違いを考慮した基準で十分か？
5.6c 色覚特性(第三色覚-青)の違いを考慮した基準で十分か？
5.7a <bgsound>を使用して、音を自動で再生していないか？
5.7a <embed autostart="true">のとき、hidden属性がtrueになっていないか？
5.8a <blink>を使用して文字を点滅させていないか？
5.8a <marquee>を使って文字を自動でスクロールさせていないか？
5.9a <html>にlang属性またはxml:langを指定しているか？
5.9a <html>のlang属性またはxml:langにja（日本語）を指定しているか？
5.9c 「nn千」「nn百万」のように数字の0を省略していないか？
5.9e 表組み（<th><td>）で、文字列を縦書きにするために、1文字おきに<br>を指定していないか？
5.9e 単語で1文字おきに空白が入っていないか？

ページの先頭へ戻る

Fujitsu Accessibility Assistance