あなたのサイトのWebアクセシビリティを無料でチェック！

あなたのサイトはWebアクセシビリティに気を使っていますか？
利用者のことを考えた作りになっていますか？
そもそもWebアクセシビリティという言葉をご存じですか？

Webアクセシビリティは簡単にいうとWebページの利用のしやすさです。
つまり、アクセスした誰もが同じ情報を共有できる状態が良いということです。
Wikipedia-アクセシビリティ

アクセシビリティは英語で書くと、accessibilityです。
辞書でaccessibilityの意味を調べると、「近づきやすいこと。物を得やすいこと。また、道具などの使いやすさ。」とあります。Yahoo!辞書-アクセシビリティ
ふむふむ、近づきやすいブログなんて最高じゃないですか

そんなWebアクセシビリティを点数で評価してくれるサイトがNTTデータから誕生しました。
Webアクセシビリティチェックサイト 「HAREL」です。（無料）
約130の観点からWebアクセシビリティをチェックしてくれます！
URL ： http://harel.nttdata.co.jp/

さっそく、私のブログのWebアクセシビリティを評価してもらいました。

HAREL

ガーン
思ったより低いのね・・・。
今日の平均点：69点を下回ってしまいました。
あー、HARELって名は、晴れからきてるようですね
でも、わたしゃ曇りだ

さらにHARELは点数評価だけでは終わりません！
[詳細表示]を押すと、どこが良いのか（晴れポイント）、またどこが悪いのか（雨ポイント）を詳しく教えてくれます。
グレーゾーンは曇りポイントです。
解説だけではなく改善方法まで表示してくれるので、とてもわかりいやすいです

ちなみに該当行も教えてくれるので、すぐ修正できますよ！
また、ローカルのHTMLファイルを、公開前にチェックすることも出来ます！

≪ 当ブログの雨ポイント（TOPページ） ≫

  1. 画像にalt属性がない。（絵文字）

  2. alt属性に画像ファイル名が使用されている。（ウッカリ）

  3. 文字サイズが固定されている。（FC2 ： entry_footer）

  4. 言語が変わる場合に言語属性種別がない。（途中にlang属性つけるの？）

  5. 別ドメインのリンクを新しいウィンドウで開くことが明記されてない。（ハニャ）

  6. img要素にwidth、heightがない。（ファイル挿入でやると付かないですね。）

  7. リストに8つ以上の項目（li要素）がある。（良くないの？てか、このリストも・・・）

  8. リンクテキストが短い（全角2文字以下）（Fc2 ： 記事下の「カテゴリ」、「▲」）

  9. リンクテキストが長い（全角30文字以上）（タイトル）

  10. 画像ファイルへ直接リンク。（slimboxのため）

  11. サイトマップがない。（ブログだと・・・）

  12. 月日表記にスラッシュ使用。（カレンダー、Entryなどの日付）

  13. 読み上げ不可能な記号。（▲）

ほげげぇー、たくさんご指摘いただきました
直そうと思ったけど、FC2ブログの作りみたいなところもあるのでやめました。
絵文字もalt属性付けなきゃならんしw。

でも、これからはWebアクセシビリティを少しは意識しようかなと思います。
HARELはWebアクセシビリティを学ぶ良いきっかけになるサイトです。
Webアクセシビリティに興味のある方は利用してみてはいかがでしょうか

気になる本家HARELのWebアクセシビリティは・・・

HAREL
雨ポイントが0でした！ほほほー、立派立派

テーマ : オススメサイト - ジャンル : コンピュータ

マッチ棒人間で色々と遊んでみました。

マッチ棒のような人間で遊んでみました。
ちっちゃい頃は、人を描こうとするとマッチ棒みたいなヒョロヒョロの人をよく書いたものです。
そのマッチ棒みたいな人を使って色々な作品が作られてたので遊んでみました。

結構面白いでーす！

このような作品を小小作品（シャオシャオ、XiaoXiao）とか言ったりするみたいです。
Wikipedia - 小小作品
小小の由来はなんでしょ？中国の小小さんがパイオニアなのかな。

では、早速。
まずは見るだけのFalshからご紹介です。

『棒人間がFLASHワークスペースで大暴れ』 By Alan Becker
良くできてるな〜。発想も良いし最高！

棒人間がFLASHワークスペースで大暴れ

URL：笑いシーク-棒人間がFLASHワークスペースで大暴れ

次は棒人間の格闘ゲームです！

过关斩将 II（XIAOXIAO 9、Fight Man）
スーパーファミコンのファイナルファイトのような横スクロール格闘アクションゲームです。

XiaoXiaoのページの『XIAOXIAO 9』をクリックして、開いたページの右側にある『Play this Game!』をクリックしましょう！

中国のFlash8.netでも遊べます。
小小さんのページ。http://www.flash8.net/flash/3037.shtml


操作方法 ： パンチ＝Ｚ ジャンプ＝Ｘ 回転キック＝Ｃ 移動＝カーソルキー

shoushou_game.jpg

・パンチ連打で、連続パンチです。
・ジャンプ中にCでとび蹴りもできます。
・回転キックは、敵に当たると自分の体力も減ります。
・ボスがいます。すごい体力の持ち主です
（倒すなら、「Protagonist's Life」をいじってGUYを10にした方が賢明でしょう^^）

ボスをやっつけたシーン。
終わったところ。


最後は棒人間のアニメーションが作れるソフトのご紹介です！

Pivot Stickfigure Animator

Pivotはマッチ棒人間の間接を動かす毎にフレームを作っていって最後に再生すると見事なアニメーションが完成するというソフトです！

pivott.jpg

ダウンロード先 ： Peter Bone indew page
「Software」をクリックし、「Pivot Stickfigure Animator」のリンクをクリックします。
「Pivot version 2.2.5 (485 KB)」をクリックすればダウンロードできます。

Pivotの使い方は、「おいしいPIVOTの作り方」というサイトがとても参考になります。

滑らかな動きにするには相当な労力がかかりますよ〜。
良い作品が出来たらブログなんかで公開するのも面白いかもー

参考に駄作を作ってみました

pivot_anime.gif

保存する時は、Gif形式でOK！さぁ、みんなも作ってみよう
棒人間、満喫できましたでしょうか

テーマ : 今日のつぶやき - ジャンル : 日記

Google マップにストリートビュー機能が追加！

Googleマップがさらに進化しました！
米国では2007年5月から提供されていたストリートビューが日本版でも使用できます。
ストリートビューとは道路に立った目線で地図の街並みを表示できるサービスの事です。

本当にその街を歩いているような感覚を味わえます。
まだ、全国どこでもとはいきませんが…。（東京、大阪、仙台などのみ）
地図の右上に表示されている[ストリートビュー]ボタンをクリックすると、ストリートビュー機能に対応する道路が青く表示されるます。

実際にストリートビューを試しました。
今回は久々に芝公園、東京タワー辺りの散策です。

東京タワー サムネイル
（クリックすると拡大します。）

ストリートビューを見たまま移動するには、写真上の方角と一緒に示された矢印をクリックするとその方向へどんどん進んでいきます。ダブルクリックするとズームアップです
（※矢印以外をクリックやドラッグしても移動はしません。向きは変わります。）

Googleマップ

東京タワーの近くまで来ました〜。
そして、この画像の黄色い人形の位置から東京タワーを見上げてみました。
黄色い人形をクリックするとストリートビュー（写真のウインドウ）が開くんです。


大きな地図で見る
（この写真は実際に動きます。）

Googleマップはクリックとドラッグだけで操作できるので扱いやすいです。
ストリートビューの時もクリックやドラッグだけで方向を変えたりできますので、見上げたり周りを見たりと自由度が高いです！
全画面表示も出来ます。（Googleマップの全画面。）

地図もここまできたかという感じですね
ストリートビューの大きな問題はプライバシーのようです
人家とかも平気で映っちゃってますから。
Google側としては、人の顔や自動車のナンバープレートをぼかすなどの対策を取っているようです。

また、ストリートビュー ヘルプの「不適切な画像を報告する」からは、不適切なストリートビューを報告することができるようです。

あとGoogle Earthにもストリートビューのような機能があります。
カメラのアイコン（半透明の球体）をダブルクリックするとパノラマ画像にジャンプして、360 度回転する表示を楽しめます。
でも、Googleマップのストリートビューのように街をそのままズンズン歩いて行くような事はできないです。

というわけで、Googleマップのストリートビューかなりお勧めです。
観光気分で街を歩いてみましょう

Reference site
Googleマップ
Google Earth

テーマ : Webサービス - ジャンル : コンピュータ

 | HOME |  »