サイト

バタイユゲーム情報班のホームページは、HTML4で作成していた。 しかし、かなり前からHTML5にバージョンアップされており、 アクセシビリティ向上も考慮されているとの事である。 そこで、アクセシビリティ向上も兼ねてHT … 続きを読む HTML5への移行と文章構成のリスト化（１）

ol,li要素でリストを作ったが、行間が広くなる問題が生じた。 後の為に、問題点と対策をメモしておく。 １．問題点 　　下図のようにリストの行間が広くなる。 ２．原因 　　下図のようにリストの場合に、<li> … 続きを読む 【HTML】リストの行間が広くなる

ol,li要素で順序付きリストを作ったが、下図のように番号が飛ぶ。 後の為に、対策をメモしておく。 本当は”２．プレイした結果”としたいが、何故か”４．プレイした結果”となる。 原因は、HTML文で</li> … 続きを読む 【HTML】順序付きリストの番号が飛ぶ

つづき （２）ドロップメニューを表示させる。 　　　解決できたのは、下記のWEBページのおかげである。感謝します。 　　　・アクセシビリティを考えたドロップダウンメニューを実装する 　（A）考え方 　　　親メニューと子メ … 続きを読む ホームページのキーボード操作対応（２／Ｅ）

バタイユゲーム情報班のホームページでは、キーボード操作に対応していない。 具体的には、メニューやリンクなどをキーボードのTabキーで指定できない。 そこで、Tabキーで指定できるように変更する。結構苦戦したので、以下にメ … 続きを読む ホームページのキーボード操作対応（１）

バタイユゲーム情報班のホームページでは、フォーカス・インディケーターの表示が マウスとキーボードでは違っている。見にくいので、変更することにした。 後の為に、以下にメモしておく。 １．問題点 （１）マウスとキーボードでは … 続きを読む フォーカス・インディケーターの変更

バタイユゲーム情報班のホームページで紹介するゲーム数が多くなり、 下図のようにホームページ本文表示領域よりサブメニューが大きくなる（枠で囲った部分）。 今までは、各ページを確認してから、個々に本文表示領域を大きくした。 … 続きを読む ホームページ本文表示領域よりサブメニューが大きくなる

つづき ２．その他のツール 　総務省が公開しているmiCheckerというものがある。しかし、実行環境がJava 32bit版である。 　自分のPCにインストールしているJavaは64bit版なので、動作しない。 　64 … 続きを読む アクセシビリティのチェックツール（２／Ｅ）

Google Chromeの拡張機能にアクセシビリティをチェックする Lighthouseがあるので、試してみた。機械的にチェック項目を テストするもので、１００点が取れたからといって改善するものが なくなった訳ではない … 続きを読む アクセシビリティのチェックツール（１）

ユニバーサルデザインに関連する言葉として、”アクセシビリティ”がある。 なかなか区別が付かなかったが、下記のWEBページにお世話になりました。 ありがとうございます。 ・ウェブ制作に活かすユニバーサルデザインの視点 この … 続きを読む ユニバーサルデザインとアクセシビリティ