アクセシビリティに配慮したHTML等のコーディングを承ります
業務内容
せっかくコーディングを外注するならアクセシブルにしませんか?
デザインカンプをご提供いただいた上で、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などご要望があれば可能な限り対応いたします。
ぜひ「カスタマイズの依頼」にて詳細なご希望をお伝えください。
- Webサイトの種類
- ビジネスプロモーション ブログ ポートフォリオ 教育
- プラットフォーム・ツール
- Adobe XD Figma Adobe Photoshop Adobe Illustrator Wordpress
![ninjin8](https://img2.lancers.jp/userprofile/678190/1154781/8c0cd6464a9967ccd35c68b4636a492c5d5d8bfc005fb7c04aba91bdd4403203/16108066_150_0.jpg)
Wordpressサイトのコアウェブバイタルを改善しSEO効果を高めます
業務内容
御社サイト運営の未来を明るくするための、コアウェブバイタル改善パッケージです。
WordPressサイトのパフォーマンスを改善し、速さと美しさの両方を最大限に引き出します。ユーザーエクスペリエンスを向上させ、検索エンジンでの可視性を強化するこのパッケージは、御社Webサイトの成功への近道です。
Google speed insightsの改善にはフロントエンドの知識だけではなく、サーバーサイドや画像など広範で専門的な知識が必要になりますが、私はこれまで同様の改善で、他社競合に負けない検索結果を実現していますので、安心してご依頼いただけます。
改善項目1点からご注文いただけます。
- 業務
- 内部対策
![ninjin8](https://img2.lancers.jp/userprofile/678190/1154781/8c0cd6464a9967ccd35c68b4636a492c5d5d8bfc005fb7c04aba91bdd4403203/16108066_150_0.jpg)
EC-Cube4のコアウェブバイタルを改善しSEO効果を高めます
業務内容
御社ECサイト運営の未来を明るくするための、コアウェブバイタル改善パッケージです。
EC-Cube4サイトのパフォーマンスを改善し、速さと美しさの両方を最大限に引き出します。ユーザーエクスペリエンスを向上させ、検索エンジンでの可視性を強化するこのパッケージは、御社Webサイトの成功への近道です。
Google speed insightsの改善にはフロントエンドの知識だけではなく、サーバーサイドや画像など広範で専門的な知識が必要になりますが、私はこれまで同様の改善で、他社競合に負けない検索結果を実現していますので、安心してご依頼いただけます。
改善項目1点からご注文いただけます。
- 業務
- ECサイト・ネットショップSEO
- プラットフォーム
- その他