ecolocoのブックマーク / 2013年1月4日

Webサイトをもっと万人に対してアクセスしやすくするために·HTML_CodeSniffer MOONGIFT

HTML_CodeSnifferはウェブアクセシビリティ改善のためのブックマークレットです。 Webは限られた人たちのものではなく万人向けのものであるべきです。そこで考えられるべき項目として障害のある人に対するアクセシビリティです。そのチェックに使えるブックマークレットがHTML_CodeSnifferです。実行すると右上にフローティングウィンドウが出ます。エラー、警告、通知の3つに分けてポイントが出ます。もちろんポイントが少ない方が良いです。各項目の説明を見られます。これらはW3Cのウェブコンテンツ・アクセシビリティ・ガイドラインに則っています。指摘されている箇所を確認できるマーカーも出ます。 MOONGIFTの場合…がっくりするくらいのエラー数です…。アクセシビリティと漠然と言われてもなかなか具体的な施策が思いつきませんが、エラーや警告という形で表してくれれば対応もとりやすくな

ecoloco 2013/01/04

web制作

リンク

HTML5/CSS3を使った多機能デザインフレームワーク·HTML KickStart MOONGIFT

HTML KickStartはBootstrapライクなデザインテンプレートフレームワークです。最近ではWebサイトのベースにBootstrapを利用することが多いのですが、今回はその類似ソフトウェアとしてHTML KickStartを紹介します。こちらもかなり高機能です。 Typography。リストとメニュー。メニューは階層対応。テーブル。ツールチップ。上下左右自在です。アイコン。プログラミングコード。ボタン。タブ。パン屑。グリッド。画像。スライドショー。動画、地図、カレンダー。フォーム。入力フィールドのサイズ。その他色々。極力シンプルなHTML構造設計、jQuery利用、HTML5、モーダルウィンドウなどが特徴に挙がっています。唯一残念なのは現状はレスポンシブWebデザインでないことかも知れません。しかし全てのデバイスへの対応を考えないならむしろ手