WAI-ARIAの依頼・発注・代行

せっかくコーディングを外注するならアクセシブルにしませんか？

デザインカンプをご提供いただいた上で、HTML、CSS、JavaScriptを使用してアクセシビリティに配慮してコーディングいたします。

ウェブサイトのアクセシビリティを確保すると日本国内だけでで400万人以上が恩恵を受けるとされています。
それは障がいのある方々の為のものと考えがちですが、その恩恵は健常者も及ぶことをご存知でしょうか？

日々の健康状況や利用環境によっては、それまでの利用方法では快適に使えないというケースもあります。
(怪我をした場合や、騒音が激しい環境での利用など)

ウェブサイトをアクセシブルにすることでそのような場合でも利用し易くすることができます。

ウェブサイトをアクセシブルにする事はユーザビリティを向上させることでもあります。

ウェブアクセシビリティの規格である JIS X 8341-3:2016にどのように対応しているかを表記するための方法として、情報通信アクセス協議会・ウェブアクセシビリティ基盤委員会が定めた「ウェブコンテンツの JIS X 8341-3:2016 対応度表記ガイドライン」がありますが、規格への適合度合いを表記する為にはウェブアクセシビリティ方針の策定と公表が必要であること、適合度合いによっては試験の実施とその結果の公表など工数とコストの問題も避けられません。

尚且つ必要最低限達成するべきとされている適合レベルAにおいても、プロジェクト開始段階からウェブアクセシビリティを考慮していなければ、デザイン等の修正が必要なケースは多くなります。

そこで、「まずは現状のデザイン、もしくは必要最低限のデザイン変更で可能な限りアクセシブルにしておきませんか？」というのが私からのご提案です。

私にコーディングをお任せいただければ、元のデザインで可能な限りサイトをアクセシブルにします。

特に次の3つの項目の施策を提供させていただきます。

1.キーボードのみでの操作に対応いたします。モーダル表示時や、ページ内リンク移動時のフォーカス調整もいたします。(障がいや怪我などによりマウス操作が困難、かつキーボードや代替キーボードは使用可能な方々の利用に役立ちます)

2.スクリーンリーダー使用時でも、大きな支障なく操作できる様にいたします。Win:NVDA、Mac:VoiceOver、スマホ:iPhone VoiceOver にて検証いたします。
(視覚に障がいがあるなどでスクリーンリーダーを利用している方々の利用に役立ちます)

3.ブラウザの拡大表示に対応いたします。(視覚に障がいがある方や視力が低下している方々の利用に役立ちます)

それに加えて、 ユーザビリティ向上のためGoogle ChromeのLighthouseを使用してコアウェブバイタルの指標をチェックしつつ、ポイントの向上を目指すため少なくとも以下の施策をご提供いたします。
　　1. 画像ファイルは基本的にwebpを使用
　　2. 日本語フォントのサブセット化とセルフホスティング
　　3. ファーストビューの背景画像のpreload
　　4. Cumulative Layout Shift予防のためのimgタグ設定。
　　5. 軽量化のためjQuryを使用せず、vanillaJSで記述
　　6. JavaScript CSSファイルの圧縮(メンテナンス等の問題がなく、ご要望があれば)

レスポンシブ対応
　レスポンシブ対応いたします。概ね375px〜でどのサイズでも表示崩れのないようにいたします。

納品につきまして
　　基本的にアップロード用のファイルを圧縮してお届けいたしますが、 サーバーアップロードやGitなどご要望があれば可能な限り対応いたします。

ぜひ「カスタマイズの依頼」にて詳細なご希望をお伝えください。