Webアクセシビリティってなに？Webサイトの制作時のポイント

アクセシビリティの中でのWebに特化したアクセシビリティを「Webアクセシビリティ」といいます。

また、前回のおさらいとなりますが、Webアクセシビリティについて、デジタル庁は以下のように定義しています。

”ウェブアクセシビリティは、利用者の障害の有無やその程度、年齢や利用環境にかかわらず、ウェブで提供されている情報やサービスを利用できること、またはその到達度を意味しています。様々な利用者が、いろいろなデバイスや環境からウェブにアクセスすることが当たり前になっている今、ウェブの利用方法の多様化に応えるアプローチのひとつがウェブアクセシビリティともいえます。”

デジタル庁「ウェブアクセシビリティ導入ガイドブック」より

1. 知覚可能
   ユーザーにとって知覚（見える・聞こえる）できるかたちで情報が提示されている状態にすること。

2. 操作可能
   ユーザーが操作できる状態にすること。

3. 理解可能
   ユーザーが操作方法などを理解しやすい状態にすること。

4. 堅牢
   ユーザーがどんな環境でWebサイトを閲覧したとしても情報を理解できるような状態にすること。

• レベル A（最低限）
  この基準を達成していないと、Webサイトを閲覧できない人が存在する可能性があります。

• レベル AA（標準）
  この基準を達成していないと、Webサイトの閲覧が困難な場合があります。
  ※多くの国や組織では、このレベルを採用しています。

• レベル AAA（最高基準）
  この基準を達成することで、すべてのユーザーがストレスなくWebサイトを閲覧することができます。
  ※このレベルはかなり高いので、全てのコンテンツがこの基準をクリアすることは必須ではなく、できるだけこの基準に近づくよう努力することが推奨されています。

1. レスポンシブデザインに対応したデザインテンプレート
   ant2 CMSでは、レスポンシブデザインのデザインテンプレートを多数ご用意しています。
   レスポンシブデザインに対応することでデバイスの種類や画面の大きさに関係なくWebサイトを閲覧できるようになるため、ご利用いただくことを推奨しています。
   詳しくは過去のメルマガの『ant2 OEMサービスで利用できるCMSテンプレートのご紹介』をご覧ください。

2. 見出しの設定・リストの要素の追加
   ant2 CMSでは、コンテンツパーツと呼ばれるパーツで見出しタグ（h1～6）を挿入することができます。
   また、箇条書きや段落番号をテキストの頭に追加したい場合は、ツールバー機能を使用して簡単に追加させることができます。
   Webサイトを閲覧するユーザーにとってわかりやすいページを制作できることは勿論、検索エンジン（Googleなど）のクローラーが理解が理解しやすいWebサイトを制作することができます。
   詳しくは過去のメルマガの『Webライティングを助けるant2 CMSの機能について』や『簡単に設定！ant2 CMSのSEO対策（1）-コンテンツ内容をクローラーに伝える-』をご覧ください。

3. テキストカラーの細かい設定
   フルエディタ編集では、ツールバーよりテキストカラーの変更ができます。
   また、カラー変更機能でもテキストカラーの変更を行うことができます。
   どちらも好きなカラーに変更することができるため、サイトにあったカラーを設定し、ユーザーが理解しやすいWebサイトを制作することができます。
   詳しくは過去のメルマガの『新機能！カラーカスタマイズ機能について』をご覧ください。

4. 画像のalt属性設定
   通常はHTMLのソースから記述を書く必要がありますが、ant2 CMSではパーツの画像設定やツールバーのイメージプロパティ設定から簡単に画像にalt属性（代替テキスト）設定を行うことができます。
   詳しくは過去のメルマガ『alt属性について』をご覧ください。