アクセシビリティを考慮した、チェックボックスとラジオボタンのCSSのサンプル


HTMLのチェックボックスとラジオボタンは、各ブラウザのデフォルトUIのデザイン調整が難しいため、CSSで擬似的なアイコンを表示するのが一般的です。
様々な手法が公開されているのですが、自分でもいろいろ検討した結果、納得できる手法に行き着いたのでサンプルを公開します。

なお、公開中のCSSフレームワーク「echo.css」のチェックボックスとラジオボタンは、すでに実装済みです。
https://cms-skill.com/echo-css/styleguide/module-checkbox.html


投稿者名 うぇびん 投稿日時 2020年01月11日 | Permalink

テーマ納品の数ヶ月後、数年後の話


Facebookで流れてきた、奈良市公式サイトのナビゲーションの話題について。

各ページが属しているカテゴリー階層を自動的にトピックパス(ぱんくず)としてリストアップさせる仕様なのかな?と推察します。

それはアクセシビリティを向上させる機能として間違っていはいないのですが、閲覧者の導線をまったく考えずに、関係ありそうなページ(引用元の方は部署同士の決済の手間を指摘しています)に片っ端からつなげば、当然こうなります。


投稿者名 うぇびん 投稿日時 2014年03月24日 | Permalink

武雄市が、「愚策」と言われないためにFacebookページにすべきこと


佐賀県武雄市が、市のウェブサイトの全機能をFacebookページに移行して話題になっています。

「ソーシャルメディアを通して武雄市の認知度を上げ、市民からの声を得られやすいようにする」という市長とアラタナさんの目指すところは素晴らしいです。

ですが、Facebookページを制作・運用している私の視点からは、「今の時点では」勇み足、愚策と思います。
一般企業であるFacebook社に公の機関がすべてを任せて良いのか、という観念的な部分ではなく、官のウェブサイトとしての根本の話です。

現状の問題点をいくつか挙げてみます。


投稿者名 うぇびん 投稿日時 2011年08月06日 | Permalink