View more

北区環境ポータルサイト制作

Works

北区環境ポータルサイト制作

東京都北区
株式会社デパートのグループ会社である株式会社YUIDEAと協業し、東京都北区様の北区環境ポータルサイトの制作を支援させていただきました。北区環境ポータルサイトは、区民や事業者の省エネ行動やごみ減量をはじめとした環境活動の活発化に寄与するための環境関連情報を発信するポータルサイトです。 情報設計、UI/UX設計、実装、そして運用マニュアルまで、一貫してウェブアクセシビリティに配慮し、JIS X 8341-3:2016 適合レベルAA に準拠しました。

プロジェクト概要

支援内容
デザイン、コーディング、CMS構築、アクセシビリティ対応(JIS X 8341-3:2016 適合レベルAA 準拠)
プロジェクト期間
2023年10月〜2024年3月

アウトプット

アウトプットイメージ1
アウトプットイメージ2

上流工程から一貫してアクセシビリティを設計

情報設計やUI/UXデザインの上流工程から、アクセシビリティを重視したレビューを実施しました。 開発時の手戻りを防ぐだけではなく、Webサイトが公開された後もアクセシビリティの品質が継続するよう、根本からアクセシビリティを考慮した設計をしています。 また、サイト内で使用するカラーは適合レベルAAの基準をクリアするコントラスト比で定義されており、定義されたカラーを組み合わせることで視認性を確保できるようにデザインされています。

パーツの組み合わせを考慮したアクセシブルな実装

ページ全体のアクセシビリティ対応はもちろんですが、パーツ単位でアクセシビリティに配慮することで、どのパーツと情報を組み合わせてもアクセシブルなページを構築できるような実装をしました。 CMSで生成されるページの文書構造やマークアップに関しても、生成パターンを洗い出し、それぞれのパターンでアクセシビリティの問題がクリアされるように考慮することで、運用の更新時にアクセシビリティの品質を維持したページが生成されるよう設計しております。

アクセシビリティ品質が持続する運用マニュアルの作成

CMSの更新に関するマニュアルも作成しており、ページ作成・更新時にアクセシビリティの問題として起こり得る情報への対策や注意点も記載しています。

Credits

Client
東京都北区
DE
木川田 雅子
CD
滝澤 瑞子
CD
熊谷 亮
CD
吉田 圭吾