Studioテンプレートを制作

就労継続支援／就労移行支援事業所を紹介するための無料テンプレートです。
利用者ご本人やそのご家族、支援員の方々が閲覧することを想定し、WEBアクセシビリティに配慮した構造設計・デザインとなっています。施設を利用する際に必要な情報のみを掲載し、ユーザーへ事業所の概要をわかりやすく伝えることを目標にしました。

WEBアクセシビリティに配慮した構造・デザイン

Studioアクセシビリティチェックシートに準拠することを意識し、構造からデザインまで一貫してアクセシビリティに配慮して制作しています。

色のコントラスト比は背景と文字で4.5:1以上の基準を満たすよう調整し、文字サイズはすべてremで統一。主要なHTMLタグを適切に使用し、見出し構造やランドマークもスクリーンリーダーで理解しやすいよう最適化しています。

画像には必要な箇所のみ代替テキストを設定し、装飾目的の画像はaria-hiddenで非表示化。読み上げ時のノイズを減らし、ユーザーが情報を正しく把握できる構造を目指しました。

構成要素

• 私たちについて

• 事務所の特徴

• スタッフ紹介

• 利用の流れ

• よくある質問

• お知らせ

• アクセス

• お問い合わせ

事業所が掲載したい情報、利用者が知りたい情報をまとめました。

弊社が運営している就労移行支援事業所「在宅ワークスクール加賀」をモデルに構造を設計。アクセシビリティに配慮し、誰もが見やすく・わかりやすいテンプレートに仕上がりました。

▼ Studio Storeで販売しています。
https://studio.design/ja/store/templates/dwQOV4RaDP