外部CSSファイルの切り替え
このページでは、「文字サイズの変更」で文字サイズを選択すると、メインコンテンツ部分の文字サイズが相対的に拡大したり、縮小したりします。これは、JavaScriptを用いて、参照する外部CSSファイルを切り替えることによって実現しています。
注意事項
実際にWebコンテンツでこの仕組みを実装する際は、ユーザーの選択した文字サイズの設定をクッキーなどにより保存しておくことが必要になりますが、このテストファイルではそこまでの実装はしていません。
参考リソース
このテストファイルは、以下のサンプルをもとに作成しました。
- Techniques for WCAG 2.0｜C29のサンプルファイル： Using a JavaScript control to apply a different external CSS file
制作協力（敬称略）
- JavaScript監修： 株式会社ピクセルグリッド 中村享介