SimpleWeb – カスタマイゼーション

ソシオメディアでは、SimpleWeb(シンプルウェブ)によって生成されるページがより使いやすく、アクセシブルになるように、ご要望に応じてサイトごとのカスタマイズを行っています。

SimpleWeb のカスタマイズは、アノテーションと呼ばれる機能拡張プログラムの作成を基本としています。アノテーションとは、既存のウェブページに対するリファレンスで、SimpleWeb がページを変換する際にプログラム内部で用いられる付加的な情報を記述した XML ファイルです。ソシオメディアは、ご要望に応じてアノテーションを作成し、SimpleWeb をさらにパワフルに変え、ウェブサイトの機能(例えばフォームなど)がどのようにコード変換されるべきか、どのように真にアクセシブルなページに代えられるべきか、を指定します。アノテーションの真価は、オリジナルのウェブページにまったく手を着けなくてよい、という点にあります。SimpleWeb は、オリジナルのページとアノテーションからの情報を合わせて、アクセシブルなテキスト版のページを作成します。

以下に、アノテーションによるカスタマイズの例をタイプ別にご紹介します。なお、ここで紹介しているのはカスタマイズ例の一部にすぎないということをご理解ください。アノテーションで実現できる機能は、このほかにもあります。

ご注意:カスタマイズは SimpleWeb の利用価格には含まれません。ご要望内容を確認させていただき、カスタマイズ費用をお見積もりいたします。また、元の HTML のコーディング状態によっては実現できない場合もありますのでご了承ください。

ナビゲーションバーのフォーマット変更

ナビゲーションバーは、その役割によって区別され(サイト全体にかかるグローバルなものか、表示されるページによって変化する文脈依存のものなのか、など)、そのうえで、フォーマットと位置を変更して表示させることが可能です。

フォーマットの変更とは、たとえば、水平方向に並べた各リンクの間に適切なリンクの区切り記号とスペースを挿入するなどです。場合によっては、適切なサブタイトルを追加する(十分な文脈を持たせるため)こともあります。もちろん、適切なマークアップを使って title 属性を追加することも可能です。

位置の変更とは、ページ上部に配置されたナビゲーションバーをページの下部に移動させるといったことです。これは、音声読み上げによってウェブサイトを利用しているユーザーにとって、毎ページで共通して最初に読み上げられるナビゲーションが煩わしく感じられることを回避する意味があります。

ジャンプメニューへのボタン追加

ウェブサイトの中には、サイトの下位階層にリンクするのにドロップダウンメニューを使っているものがあります。多くの場合こうしたメニューは JavaScript のイベントを使っていて、「移動」ボタンがないために、アクセシブルでないという結果を招いています。このカスタマイズを使うと、ドロップダウンメニューのそばに「移動」ボタンが追加されます。

見出しやタイトルの最適化

サイトの画像やロゴは、画像の alt テキストか、場合によってはページタイトルを用いた見出し(h1、h2 など)に置き換えられます。こうすることによってページのレイアウトが向上し、構造的にもより適切になるうえ、ナビゲーションもしやすくなります。

alt 属性の改善と不必要な alt 属性の削除

サイト内に、不適切な代替テキスト(alt 属性値)が付いている画像がある場合は、このカスタマイズによって問題を解決します。例えば、見栄えを調整する目的で用いられているスペーサー画像に「alt=”スペーサー”」といった不要な代替テキストがある場合、これを「alt=””」のように最適化することができます。

関連