株式会社デパートのグループ会社である株式会社YUIDEAと協業し、東京都北区様の北区環境ポータルサイトの制作を支援させていただきました。北区環境ポータルサイトは、区民や事業者の省エネ行動やごみ減量をはじめとした環境活動の活発化に寄与するための環境関連情報を発信するポータルサイトです。
情報設計、UI/UX設計、実装、そして運用マニュアルまで、一貫してウェブアクセシビリティに配慮し、JIS X 8341-3:2016 適合レベルAA に準拠しました。
上流工程から一貫してアクセシビリティを設計
情報設計やUI/UXデザインの上流工程から、アクセシビリティを重視したレビューを実施しました。
開発時の手戻りを防ぐだけではなく、Webサイトが公開された後もアクセシビリティの品質が継続するよう、根本からアクセシビリティを考慮した設計をしています。
また、サイト内で使用するカラーは適合レベルAAの基準をクリアするコントラスト比で定義されており、定義されたカラーを組み合わせることで視認性を確保できるようにデザインされています。
パーツの組み合わせを考慮したアクセシブルな実装
ページ全体のアクセシビリティ対応はもちろんですが、パーツ単位でアクセシビリティに配慮することで、どのパーツと情報を組み合わせてもアクセシブルなページを構築できるような実装をしました。
CMSで生成されるページの文書構造やマークアップに関しても、生成パターンを洗い出し、それぞれのパターンでアクセシビリティの問題がクリアされるように考慮することで、運用の更新時にアクセシビリティの品質を維持したページが生成されるよう設計しております。
アクセシビリティ品質が持続する運用マニュアルの作成
CMSの更新に関するマニュアルも作成しており、ページ作成・更新時にアクセシビリティの問題として起こり得る情報への対策や注意点も記載しています。