学校のサイトや病院のサイトなど、普通よりもアクセシビリティの対応を考える必要があるサイトがあります。サイト構造をアクセシブルにするのはもちろんですが、文字サイズの変更や色反転があると障がいのある方でももっと使いやすいサイトにすることができます。 そこで、文字サイズ変更と色反転ができるjQueryプラグインを作ったので公開します。 ダウンロード ソースはGitHubにて公開しています。 jquery.accessibleの基本的な使い方 jQuery、jquery.cookie、jquery.accessible.jsの3つのjsファイルと、jquery.accessible.cssを読み込みます。そして、どの要素をクリックしたときに反転させるかなどの設定を記述します。 ※フォントサイズ変更を正しく動作させるには、各要素のフォントサイズを相対指定(%)で指定しておく必要があります。絶対指定(
![アクセシビリティの向上に。文字サイズ変更と色反転ができるjQueryプラグイン作った。](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d32d196cb73f9c13076514439bb5afe735796ca/height=288;version=1;width=512/https%3A%2F%2F2inc.org%2Fwp-content%2Fuploads%2F2014%2F02%2Faccessible.jpg)