ホームページの構造を採点してみましょう!

 昨日の記事の②でのHPのHTMLの正しさを、
日南商工会議所
のホームページで実際にチェックしてみましょう。

 やり方は、Another
HTML-lint gateway
にアクセスし、URLを入力する欄に「http://www.miyazaki-cci.or.jp/nichinan/
を入力して、「チェック」ボタンをクリックするだけです。(下図参照)簡単ですよ!
ホームページを採点してみましょう!

 先週チェックした結果では、なんと「-21点」でした!
日南商工会議所HPの採点結果

 でも、改善した方が良い箇所と改善方法が解説付きで表示されますので、1つずつ対処していけばOKです!

 一番多かったのが、「<IMG>にはALT属性が必要です。」というエラーでした。

 画像にALT属性をつけるのは、何らかの理由で画像を閲覧することのできない環境にある方でも、
テキストや音声ベースでそれが何の画像であるかを知ることができるようにとのことです。
 そのほとんどが、文字の前につけている「●」の画像でしたので、ホームページのHTMLを、以下のように変更しました。
 <img src=”img/miniicon-%212.gif”>
  ⇒ <img src=”img/miniicon-%212.gif” alt=”●”>
 ただのマークなので「●」と入力しましたが、「○○の写真」とかでも良いです。

 余談ですが、ホームページのHTMLは、インターネットエクスプローラーで、「表示」→「ソース」をクリックすると見る事ができます。

 他にもいくつか変更作業をした結果、「96点」になりました!
なんと96点にまで改善しました!

 もちろん、良い点数を取るのが目的ではありませんが、良いに越した事はありません。
 みなさんもぜひチェックしてみて下さい。