リコーインダストリー コーポレートサイト Webアクセシビリティ対応

Webアクセシビリティ対応に向けたサイトリニューアル

リコーインダストリー様は、リコーグループ全体の方針に基づき、コーポレートサイトのWebアクセシビリティ対応を検討されていました。サイトリニューアルにあたり、リコーグループ各社のさまざまなサイト制作実績を持つビーワークスをパートナーに選定いただきました。

リニューアルでは、リコーグループのデザインガイドラインに準拠したトーン＆マナーと、Webアクセシビリティガイドラインの遵守を前提とした設計・改善提案を行いました。また、長年の取り組みを通じて培った企業理解や各種ルールの知見を活かし、制作期間を抑えながら効率的にリニューアルを進めました。

基準達成のための調整やコーディングチェックも対応

HTMLコンポーネントは、リコーグループのブランドカラーを基調とした高いコントラスト比、音声読み上げを考慮した代替テキストの設定、キーボード操作の対応など、汎用的にアクセシビリティを担保できるよう設計しています。

リニューアル前の一部のページでは、見出しの構造や画像のコントラスト比に課題があり、コンポーネントを当てはめるだけでは基準を満たせない箇所もありました。それらを発見した際には、ブランドガイドラインに則った調整方法をご提案し、より幅広いユーザーが情報にアクセスしやすいよう改修を行いました。図版に関しては、元の図版をリコーグループのトーン&マナーに合わせて再設計し、コントラスト比を基準に合わせて調整。不十分だったalt属性についても、意味が伝わるように修正しました。新規で制作した画像はwebP形式に変換し、表示パフォーマンスにも配慮しました。

Web Content Accessibility Guidelines (WCAG) 2.2のレベルAAをベースとしたリコーグループ独自のチェックリストを元に、ビーワークスでコーディングチェックも対応しました。チェックの結果だけでなく、達成したとみなせる根拠を必要に応じて補足することで、クライアント側での最終確認がスムーズになるよう努めました。

安定した進行を実現するプロセスデザイン

サイトリニューアルをトラブルなく進行するためには、プロジェクト全体のプロセスデザインも重要になります。社内の作業やチェックを効率的に行うことはもちろん、着手前に新コンポーネントを当てはめたイメージを共有して認識齟齬がないか擦り合わせたり、クライアント確認の際には今が何を確認するフェーズなのかを明確にしたりといった、基本的な進行管理を徹底しました。ご担当者様からも、対応のスピードや柔軟さにご好評の言葉をいただいています。

その他、ビーワークスにはコーポレートサイトのリニューアルやWebアクセシビリティ対応の実績が多数ございます。以下の実績もぜひご覧ください。

類設計室 設計事業部 コーポレートサイト

日立産機システム コーポレートサイト

カルチュア・エンタテインメント グループ コーポレートサイト