実装

制作依頼開発・運用

これまでの工程で用意してきたビジュアルデザインやパーツ、コンポーネントなどにコンテンツ（テキストや画像などのメディアファイル、代替コンテンツなど）を入れていく工程です。 情報に適した構造を持つパーツやテンプレートを選択し、情報と情報に対する代替コンテンツを組み合わせてウェブページ化する工程と、制作したウェブページについてアクセシビリティの問題が起こっていないかを確認するチェックの工程と大きく二つに分かれます。

作業にあたっては、次の点に注意します。

• ウェブページ化の工程
  • 情報構造とコンテンツに適したパーツやコンポーネントを選択する
  • 代替コンテンツを適切に配置する
• チェック工程
  • ウェブページ全体をチェックする
  • 問題が発見された場合、対応を関係者と検討する

ビジネス要件などの事情から、ウェブページの構成や内容、機能の追加や削除といった調整事項が発生することがあります。
これまでの工程で、レイアウトなどのビジュアルデザイン、パーツやコンポーネントを要件定義に基づいて制作してきていますが、コンテンツや機能の変更があった場合、ここまでに制作されたもので適したものがない可能性もあります。
その場合は、無理に既存のビジュアルや構造のパーツを選ぶのではなく、追加の開発が可能かどうかを関係者と検討するようにしてください。

コンテンツの原稿とあわせて、代替コンテンツも組み込んでいきます。 代替コンテンツには、原稿の入力担当がCMSの機能を使って入力したり、開発担当がソースコード内に用意するものなど、さまざまな種類があります。用意したものの入力漏れがないように留意してください。

また、代替コンテンツを制作した時点から実装に至るまでの間に、コンテンツ内容が変更されていることもあります。ウェブページ化する際は、実際にウェブページに入れる情報と代替コンテンツの内容に過不足や齟齬がないよう注意してください。 過不足や齟齬に気づいた場合はすぐに修正します。

代替コンテンツを含めたコンテンツをウェブページへ反映したら、あらためて知覚・操作・理解・堅牢の4原則の観点からウェブページ全体をチェックし、問題が発生していないかを確認します。
これまでの工程で段階的にチェックを行ってきましたが、パーツやコンポーネントの組み合わせ方やコンテンツが組み合わさったことで、想定外の問題が起きる場合があるためです。

• ツールによるセルフチェックを行う
• ブラウザのアクセシビリティ機能のアドオンやスマートフォンのアクセシビリティ機能を利用したり、マウスを使わずにキーボードだけで操作してみるといったセルフチェックを行う
• アクセシビリティの専門家によるフルチェックを依頼する

上記のすべてを行う、あるいはいくつかを組み合わせて問題を洗い出します。

問題が発見されたら、何に起因するものかを突き止めます。コンテンツによるのか、ビジュアルデザインによるのか、パーツやコンポーネントによるのかを精査し、コンテンツ担当者や開発者、デザイナーへ改修を依頼します。
ウェブサイト公開までにすべての問題を解決する必要がある場合は、チェック→改修→再チェックを繰り返します。