2006年05月31日
Jリーグ各クラブのサイトのHTMLを評価してみた
日本サッカー界の総元締めであるJFAのサイトがリニューアル！
…だそうなので、このご時世のリニューアルだからして、きっと国内の全サッカー関連サイトが手本とすべき素晴らしいものに仕上がっているのだろうと、期待に胸を膨らませながら、Another HTML lintにかけてみますた。
結果。
116個のエラーがありました。このHTMLは -20点です。
( ´_ゝ`)
まあ、W3C原理主義者でもないので、ずさんなマークアップはどうでもいんだけど、実際にページを眺めてみると、アクセシビリティの類も一切無視というツクリで。JFAという組織の性格からしても褒められたものではないわなと。
で、ついでなのでJリーグ各クラブのサイトについても調査（と言っても他力本願なんだけど）を実施してみますた。
調査の概要
J1/J2各クラブのウェブサイトの「トップページ」※1のURLについて、Another HTML lintと、W3C Validatorのそれぞれによる評価結果を確認した（Another HTML lintとW3C Validatorとの違いは、Another HTML-lintのよくある質問と答を参照）。URLごとの結果の一覧では、Another HTML lintについてはその得点（100点満点からの減点式）を、W3C Validatorについてはエラーの数を記してある。
また、各URLをMozilla Firefox 1.5.0.3で表示した際に、「JavaScriptコンソール」に示されるエラーも併せて確認した。URLごとの結果の一覧では、エラーのうちCSSに関するものの数を記してある（JavaScriptに関するエラーは殆ど見られなかったので割愛した）。
結果のサマリー
- Another HTML lintでの最高＆最低得点
- 最高：横浜FC（79点）
- 最低：横浜F・マリノス（▲817点）
- W3C Validatorで「Valid」と評価されたページ
- 無し
- FirefoxでのCSSエラーの最多個数
- 横浜F・マリノス（210個）
総評
はたして、標準仕様の信奉者たちは目を疑うだろうか。
Another HTML lintの採点は、100点満点からの減点式だが、得点がプラスである例すら稀で、殆どのURLは0点以下のマイナス得点となっている。また、W3C Validatorで「Valid」と評価されたものは、URL単位でひとつしかなく、しかもそれは、具体的な内容の無い、フレームセット中1のフレームであるため、フレームセットドキュメントについては、それを構成する全URLの総合で考えるとした場合、「Valid」なページは無かったということになる。
ただし、もちろんこれは、あくまでW3Cの仕様などに照らし合わせた結果の評価である。ウェブ製作者の多くが認知している通り、こうした仕様は、必ずしも一般に普及しているウェブブラウザの実情には沿っていない場合があり、厳格な仕様の遵守は、現状では未だに困難を伴う。例えば、EMBED要素は、旧世代のNetscapeのウェブブラウザで、Flashオブジェクトなどの配置に利用し得る唯一のものだが、これはW3Cの仕様には存在しないため、この要素が書かれたHTMLは、W3C Validatorではあまねく「Valid」ではないと評価される。Another HTML lintで高得点を得ている横浜FCは、W3C Validatorでは「Valid」ではないと評価されているが、8箇所あったエラーのうち、7箇所までは、このEMBED要素を記述しているためのものである。
ただ、それにしてもあまり好ましくない状況ではある。なぜなら、こうした減点やエラーとされた箇所は、必ずしも前述のような実情を考慮したものばかりではなく、単に配慮を欠いているが故の産物にしか思えないものが極めて多いからだ。
市場を少数のユーザエージェントが寡占している状況では、標準仕様に拘ったマークアップ自体は必ずしも重要ではないかもしれないが、マークアップ記述に対する配慮が見られるウェブサイトは、例えばアクセシビリティのような、より実用的な（そしてより軽視されがちな）事柄に対する配慮も期待できる。例えば、TABLE要素をレイアウトのために利用することは、「論理的」に正しくないというだけではなく、「特別なソフトウェアを利用しているユーザーにとって、ページの構成を理解することやサイト内を行き来することを難しくして」※2しまうという問題を生じ得る。あるいは、IMGなどの要素に適切なALT属性を付与することは、アクセシビリティの観点では非常に重要である。このような、アクセシビリティに対する配慮は、Jリーグクラブのような公共性の高い団体のウェブサイトにとっては特に重要なのではないかと思われるのだが、少なくとも今回対象としたURLについては、こうした配慮を確認することは殆どできなかった。
そうした中、モンテディオ山形のものは、TABLE要素をレイアウトに用いず、いわゆる「構造的な」HTMLであることが心掛けられているようだ。残念ながらマークアップ自体は標準仕様から外れている箇所があるため、評価結果は決して芳しいものではないが、この点は評価できるだろう。
また、大宮アルディージャのものは、音声読み上げブラウザに対して配慮しようとしているようだ。ただしこれは、今回対象したURLに関しては残念ながら万全に機能しているとは言い難く、この点は善処を期待したい。
URLごとの結果の一覧
| クラブ | URL | Another HTML lint得点 | W3C Validatorエラー数 | Firefox CSSエラー数 |
|---|---|---|---|---|
| 札幌 | http://www.consadole-sapporo.jp/ | -122 | 95 | 171 |
| 仙台 | http://www.vegalta.co.jp/ | -14 | 63 | 7 |
| 山形 | http://www.montedio.or.jp/index.htm | 36 | 12 | 0 |
| 鹿島 | http://www.so-net.ne.jp/antlers/ | 6 | 132 | 0 |
| 水戸 | http://www.mito-hollyhock.net/ | -25 | 52 | 1 |
| 草津 | http://www.thespa.co.jp/top.html | -15 | 11 | 0 |
| 浦和 | http://www.urawa-reds.tv/ | -107 | 22※3 | 6 |
| http://www.urawa-reds.co.jp/ (FRAMESET) | -180 | 4 | 0 | |
| http://www.urawa-reds.co.jp/cont.htm (FRAMESET) | -311 | 15 | 0 | |
| http://www.urawa-reds.co.jp/menu.htm | -29 | 27 | 0 | |
| http://www.urawa-reds.co.jp/ind_main.htm | -21 | 117 | 0 | |
| http://www.urawa-reds.co.jp/ind_sw.htm | -164 | 22 | 0 | |
| 大宮 | http://www.ardija.co.jp/ | 8 | 77 | 0 |
| 千葉 | http://www.so-net.ne.jp/JEFUNITED/ (FRAMESET) | -323 | 18 | 0 |
| http://www.so-net.ne.jp/JEFUNITED/head.html | -251 | 19 | 0 | |
| http://www.so-net.ne.jp/JEFUNITED/left.html | -22 | 75 | 0 | |
| http://www.so-net.ne.jp/JEFUNITED/contents.html | -106 | 72 | 0 | |
| 柏 | http://www.reysol.co.jp/ | -46 | 71 | 0 |
| 東京 | http://www.fctokyo.co.jp/ | -63 | 196 | 1 |
| ヴェルディ | http://www.verdy.co.jp/ | -10 | 48 | 3 |
| 川崎 | http://www.frontale.co.jp/ | -174 | 89 | 0 |
| 横浜FM | http://www.f-marinos.com/index_dist.php | -817 | 376 | 210 |
| 横浜FC | http://www.yokohamafc.com/ | 79 | 8 | 0 |
| 湘南 | http://www.bellmare.co.jp/ (FRAMESET) | -278 | 24※3 | 0 |
| http://www.bellmare.co.jp/header.htm | -146 | 17 | 0 | |
| http://www.bellmare.co.jp/left.htm | -30 | 29 | 2 | |
| http://www.bellmare.co.jp/main.htm | -18 | 68 | 0 | |
| http://www.bellmare.co.jp/footer1.htm | -145 | 6 | 0 | |
| http://www.bellmare.co.jp/footer2.htm | -288 | 26 | 0 | |
| 甲府 | http://www.ventforet.co.jp/ | -51 | 119 | 0 |
| 新潟 | http://www.albirex.co.jp/ (FRAMESET) | -358 | 18 | 0 |
| http://www.albirex.co.jp/menu1.htm | -87 | 6 | 0 | |
| http://www.albirex.co.jp/title1.htm | -140 | 7 | 0 | |
| http://www.albirex.co.jp/top.htm | -10 | 55 | 0 | |
| http://www.albirex.co.jp/left.htm | -76 | 27 | 0 | |
| 清水 | http://www.s-pulse.co.jp/ (FRAMESET) | -377 | 22※4 | 0 |
| http://www.s-pulse.co.jp/s-pulse/header2006.html | -99 | 8※4 | 0 | |
| http://www.s-pulse.co.jp/s-pulse/menu.html | -25 | 14※4 | 0 | |
| http://www.s-pulse.co.jp/s-pulse/home.html | -16 | 23※4 | 0 | |
| http://www.s-pulse.co.jp/s-pulse/footer.html | -142 | 5 | 0 | |
| 磐田 | http://www.jubilo-iwata.co.jp/ | -124 | 141 | 2 |
| 名古屋 | http://www.so-net.ne.jp/grampus/ (FRAMESET) | -241 | 14 | 0 |
| http://www.so-net.ne.jp/grampus/menu.html | -102 | 42 | 0 | |
| http://www.so-net.ne.jp/grampus/main.html | -67 | 50 | 0 | |
| 京都 | http://www.kyoto-purple-sanga.co.jp/ | -92 | 252 | 24 |
| G大阪 | http://www.gamba-osaka.net/ | -16 | 31 | 0 |
| C大阪 | http://www.cerezo.co.jp/index.html | -43 | 34 | 0 |
| 神戸 | http://www.vissel-kobe.co.jp/ | -165 | 12 | 7 |
| http://www.vissel-kobe.co.jp/index.html | -47 | 192 | 8 | |
| 広島 | http://www.sanfrecce.co.jp/ | -52 | 20 | 5 |
| 徳島 | http://www.vortis.jp/ | -15 | 14 | 4 |
| 愛媛 | http://www.ehimefc.com/p/index.html | -53 | -※5 | 1 |
| 福岡 | http://www.avispa.co.jp/ (FRAMESET) | -278 | 16 | 0 |
| http://www.avispa.co.jp/side.html | 26 | Valid | 0 | |
| http://www.avispa.co.jp/header.html | -212 | 17 | 0 | |
| http://www.avispa.co.jp/index_body.html | -64 | 56 | 5 | |
| 鳥栖 | http://www.sagantosu.jp/ | 39 | 30 | 5 |
| 大分 | http://www.oita-trinita.co.jp/ | -68 | 112 | 2 |
| Jリーグ | http://www.j-league.or.jp/ | -3 | 194※6 | 5 |
| JFA | http://www.jfa.or.jp/ | -20 | 41 | 1 |
幾つかの覚え書き
- 各URLのDOCTYPE宣言を見ると、宣言がある場合については、（DTD指定の有無の差はあれど）殆どのものがHTML 4.01 Transitionalを宣言している。例外は、大宮アルディージャと、浦和レッズの「.tv」でのXHTML 1.0 Transitionalである。
また、文字エンコーディングは大半がShift_JISを採用している。例外は、コンサドーレ札幌、ベガルタ仙台、ジュビロ磐田、京都サンガがEUC-JPを、横浜FCがUTF-8を採用している。 - 昨今のCSSでは、いわゆる「アンダースコアハック」のような、Internet Explorerを欺くための記述がしばしば行われる。これはMozilla Firefoxでは当然エラーとなり、ここで見られるCSSのエラーも、幾つかはこれであるが、しかし大半は単なる記述ミス、及びInternet Explorerの独自仕様に基づく記述である。
- コンサドーレ札幌と横浜F・マリノスはCSSに関するエラーが飛び抜けて多いが（あまりにも多いので勘定を間違えてるかもしれない（笑）、これはほぼ同じ内容の外部JSファイルに起因していると思われる。おそらく両サイトは同じ製作者によるものなのだろう。
注釈
- 確認対象としたURLは、J1/J2各クラブのウェブサイトの「トップページ」のものであり、これは原則として、Jリーグのウェブサイトの「クラブガイド」に記載されているURLである。
- URLがフレームセットドキュメントの場合、その各フレームもそれぞれ対象とした。
- URLが、サーバサイドでの処理や、META要素の「refresh」、JavaScriptなどによって、一般的なPC用のウェブブラウザでのアクセス時に、異なるURLに自動的にリダイレクトされることが想定されていると思われる場合は、そのURLを対象とした。
- 浦和レッズの場合、Jリーグのウェブサイトには http://www.urawa-reds.tv/ が記載されているが、一般的に「浦和のサイト」として認識されているのは http://www.urawa-reds.co.jp/ であると思われるので、これについては両方を対象とした。
- ヴィッセル神戸の場合、 http://www.vissel-kobe.co.jp/ はいわゆる「扉ページ」であり、他クラブの「トップページ」と同等の役割は http://www.vissel-kobe.co.jp/index.html であると思われるので、これについては両方を対象とした。
- W3CのWeb Content Accessibility Guidelines 1.0の、ZSPCに掲載されている日本語訳より抜粋。
- HTTPヘッダ及びMETA要素に文字エンコーディングが指定されていないため自動検出が試みられたが、UTF-8であるとされたので、文字エンコーディングを指定して評価した。
- META要素で指定された文字エンコーディングが「x-sjis」であるため、不正なエンコーディングであるとして解析に失敗したので、文字エンコーディングを指定して評価した。
- 機種依存文字が含まれているため、不正なエンコーディングであるとして解析に失敗した（対処不能）。
- HTTPヘッダで指定された文字エンコーディングが「none」であるため、不正なエンコーディングであるとして解析に失敗したので、文字エンコーディングを指定して評価した。なお、「none」という文字エンコーディングは、ウェブサーバの文字化け対策として知られる間違ったTIPSで、ちなみにJ's GoalのHTTPヘッダも同様である。
なお、えらそうなこと言っててめえのはどうなんだｺﾗとかいう話題はスルーで。
Category: その他の蹴球, ウェブ制作
Posted 2006年05月31日 02:24
トラックバック
このエントリーのトラックバックURL:
http://www.rcdtokyo.com/mt/mt-rcdtokyo5428-tb.cgi/764
