skan.inThis domain may be for sale!
Webアクセシビリティ・ツール「miChecker」
twitter facebook hatena google pocket ちょっと古いですが、ウェブアクセシビリティ対応の取組みを支援するために、総務省が開発したアクセシビリティのチェックツール「miChecker」を紹介します。 このツールを利用すると各達成基準ごとの実装方法が示されるので、アクセスビリティの向上に繋げられます。 sponsors 「miChecker」を実際に使ってみる みんなのアクセシビリティ評価ツール： miChecker (エムアイチェッカー) ダウンロードページのページからダウンロードします。 miChecker.exeを実行した状態が下記です。 左の画面に利用ガイドが表示されるので、おおよそわかると思いますが、説明していきます。 まず対象のページURLをアドレスバーに入力します。 ※今回はYahoo（http://www.yahoo.co.jp/）を入れまし
アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス
2020年11月14日 jQuery, アクセシビリティ 多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないのです。今回はこの問題を解決しようと思います！ ↑私が10年以上利用している会計ソフト！ こちらのGif画像のように、カーソルではなくキーボードの tab キーを使ってリンクを推移できるようにします。通常のHTMLとCSSを使った設置方法だと隠されている子メニューが表示されないので、キーボード操作でもうまく表示するのが今回の目標です。ちなみに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」
