サイト

つづき ６．ローカルPCでの速度評価 　　今までの対策が、どの程度効果があるかをローカルPC環境で確かめる。 　　WEBに反映する前の事前確認である。 （１）測定するツール    　Web担当者Forum版 ページ速度分 … 続きを読む ホームページ速度の改善（４／Ｅ）

つづき ４．提案３（Eliminate render-blocking resources） （１）提案内容 　　　下図のように、レンダリングを妨げるものは、インライン化（HTML内に直接記述）した方が良いとの事である。 … 続きを読む ホームページ速度の改善（３）

つづき ３．提案２（Serve images in next-gen formats） （１）提案内容 　　　下図のように、画像のファイル形式を次世代のものにした方が良いとの事である。 （２）検討内容 　（A）HTMLの … 続きを読む ホームページ速度の改善（２）

アクセシビリティのチェックツールLighthouseを使った時に、 ホームページ速度（Performance）の改善を提案された。 そこで、その提案を以下で検討することにした。 １．改善提案 　下図のように３件を提案され … 続きを読む ホームページ速度の改善（１）

つづき ５．移行作業の効率化 　バタイユゲーム情報班のホームページは、２１０ページある。その為、 　個々のページを手動で変更するのでは、多大な時間がかかってしまう。 　そこで、いつものPythonを使うことにした。要点を … 続きを読む HTML5への移行と文章構成のリスト化（３／Ｅ）

つづき ３．スクリーンリーダーでの違い （１）PC-Talker 　　　今回は開発者用の無料版（音声なし、代わりに文字表示）を使った。 　（A）今までのHTML4で改行多用の場合 　　（ａ）画面での読み上げ箇所表示 　　 … 続きを読む HTML5への移行と文章構成のリスト化（２）

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

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

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

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