誰もが楽しめる包括的なコンテンツの作成

シルエット 1 の悪い決定だと思うかもしれませんが、実際には、Web の大部分は非常にアクセスしにくいものです。AbilityNet によると、Web サイトのホームページ内で、アクセシビリティ基準を満たしているものは1%未満です。

最もよく見られる問題は次の正しいです

• 「ここをクリック」のようなあいまいなテキストを含むリンク。スクリーンリーダーを使用している場合、「ここをクリック」が何を意味するのか非常に不明瞭になる可能性があります。
• 特に画像がコンテンツに関連している場合、画像に代替テキストはありません。
• 視覚障害のある人にとっては読みにくい、コントラストの低いWebサイト。
• フォームのラベルが欠けており、ボタンが空であるため、スクリーンリーダーはWebページの内容を理解するために十分な情報を取得できません。

このブログでは、 Web アクセシビリティとは何か、なぜ重要なのか、そして誰も楽しめるコンテンツを作成するにはどうすればよいのかについて説明します。

アクセシブルなコンテンツのガイドラインとは何ですか?

Web コンテンツ アクセシビリティ ガイドライン (WCAG 2.1) は、デジタル コンテンツのアクセシビリティを向上させるために設計された国際標準です。英国政府の Web サイトで、WCAG 2.1 ガイドラインの全文がご覧いただけます。

ガイドラインは全体的な原則に重点を置いています。コンテンツをアクセシブルにするのは1つのチームの仕事ではないからです。これはグループの解決です。Web開発チームは舞台裏で多くのことを行うことができますが、コンテンツおよびデザインチームにも責任があります。

WCAG 2.1 の 4 つの主要な設計は原則として次のとおりです。

認識の可能性: 人々はあなたのコンテンツを認識し使用できますか?

可能なコンテンツを作成するということは、様々な人が使用できるようにする必要があるということを意味します。これには、画像の代替テキスト、音声コンテンツのトランスクリプト、ビデオのクローズドキャプションの提供が含まれます。

コンテンツが認識される可能性があることを確認するための他の方法としては、低コントラストの表示を避け、コンテンツタイプ間で明確な区別をつけることなどが挙げられます。

操作性: ユーザーはコンテンツを簡単にナビゲートできますか?

マウスとキーボードは、人々がウェブを閲覧する唯一の方法ではありません。英国政府の「2016 年支援技術調査」によると、支援技術を使用する人の 18% がナビゲーションに音声認識ソフトウェアを使用し、29 %がスクリーンリーダーを使用しています。

コンテンツを操作可能にするには、適切に説明されたアンカーリンクと外部リンクが必要です。これにより、アクセシビリティソフトウェアがページを簡単にナビゲートできるようになります。

理解可能: 人々はあなたのコンテンツを理解できますか?

コンテンツを簡単にするために、不必要に複雑な言葉を気にしないなどの作業が必要です。一般的に使用されていない専門用語や頭字語を使用する必要がある場合は、定義を提供して、私たち全員が理解できるようにします。25歳の私たちも、以上はいけないので、助けていただけると本当にありがたいです。

フォームは使いやすく、明確にラベルが付けられます。ある必要があります。

柔軟性: さまざまなユーザーがコンテンツを使用できますか?

これは、アクセシビリティ テクノロジーだけを意味するものではありません。コンテンツが、ラップトップ、タブレット、モバイルなどの古いブラウザーやハードウェアで読み込むことを確認してください。

支援技術がコンテンツを正確に解釈できるように、有効な HTML を使用していることを確認する必要があります。また、コードによって、各インターフェースコンポーネントの目的が明確に伝わるようにする必要があります。

コンテンツをもっとアクセスしやすくするにはどうすればいいですか?

インターネットは世界をつなぐために設計されました…しかし、英国でインターネットを止めた人の48%は身体障害者です。デジタルアクセシビリティセンターによると、英国の人口のうち身体障害者はわずか17%であるそのため、インターネットにアクセスできないので釣り合いなほど影響を受けています。

コンテンツにアクセスできない場合、多くの人を排除することになります。コンテンツから評価される可能性のある人や、何か追加できる人です。

ウェブサイトが完全にアクセス可能であることを先に確認して、WCAG.2 ガイドラインを必ずお読みください。 なお、ここではコンテンツのアクセス性を簡単に高める方法の例をいくつか示します。

画像に代替テキストを使用することの重要性

以前、Web サイトにとって優れた画像が重要であるかについて説明しましたが、画像をどのように表示するかも重要です。 代替テキストは、ページ上の画像を説明するために使用されます。便利です。スクリーンリーダーは代替テキストを読み上げるため、記事のコンテキストが失われることはありません。

適切な代替テキストを作成するための鍵は、説明的なものであることです。

画像に置換テキストを追加する方法

html

HTML を介して画像に代替テキストを直接追加できるため、開発チームに所属している場合や、技術的に詳しい場合は、画像のアクセシビリティを高めるために HTML を 1 行追加するだけで済みます。

WordPressとホスティングプラットフォーム

ソーシャルメディア

ソーシャルメディアは、私たちのコンテンツを掲載する場所として増えています、大手サイトではアクセシビリティ機能の追加が簡単になっています。 同様に Instagram では、投稿する前に [詳細設定] セクションに移動して代替テキストを追加できます。

Instagramには便利な機能が注目です。Instagramでマーケティングに使える機能やに関するアイデアブログでその詳細をご覧いただけます。

音声コンテンツのアクセシビリティを高めるための文字起こしと字幕の使用

ビデオやオーディオコンテンツの人気はあります。刺激的で魅力的です…ただし、聴覚障害があり、アクセシビリティ機能が導入されていない場合は別です。

クローズドキャプション 

クローズド キャプションは字幕に似ていますが whatsapp データの 目的がまったく異なります。字幕は主に、話されている言語を理解していない視聴者を対象としています。

クローズド キャプションは、音声を聞かない人のために設計されており、より詳細です。 クローズド キャプションでは、誰が話しやすいか、効果音やその他の非音声要素が表示され、字幕も提供されます。

転送

音声コンテンツによっては、字幕が使用できない場合があります。同様に、ポッドキャストは、字幕を追うための視覚がないため、字幕を付けても効果がありません。含まれます。

otter.aiなどのツールを使用すると、音声を自動的に書き込むことができます。 ちなみに、公開する前にある程度の調整が必要になる可能性があります。

解釈

 

ボリス・ジョンソンは、記者会見中に手話通訳をしないのは別にとヴィッキー・フォックスクロフト国会議員から質問を受けた。

ストリーミングやウェビナーなどのライブコンテンツにライブで字幕をつけるのは非常に困難です。自動技術では多くの間違いが起き、コンテンツがさらにわかりにくくなることがあります。

手話通訳者は、聴覚障害のある人が母語でコンテンツを視聴できるように、自然なスピードで手話を伝えます。優れた手話通訳者は、口調や雰囲気を伝えるのにも役立ちます。は、ユーロビジョンの手話通訳のオランダ放送をご覧ください。

優れたデザインを使ってコンテンツをアクセシブルにする 

デザインのアクセシビリティの多くは  ブームが読めたもの 2024年10月版  かなり良い習慣でもあります。コントラストの低いWebサイトは、視覚障害のある人にとっては特に読みにくいものですが、誰にとっても読みやすいというわけではありません。

オンラインでの人々の忍耐力には限界があります。Web サイトがわかりやすくて使いやすくなければ、人々はすぐに別の場所へ移動してしまいます。

基本的な色彩理論と優れたデザインの基礎に立つことができるはずです。また、この背景テキスト チェッカーなどの試し用オンライン ツールもあります。画像や背景をアップロードして、テキストの色とサイズのコントラストをテストできますこれにより、コンテンツが実際にどれだけ読みやすいかを客観的に確認できます。

アクセシブルなコンテンツはより良いコンテンツである

コンテンツをアクセシブルにすることのメリットは、コンテンツがずっと向上するということです。アクセシビリティでは、すべての人のニーズに適応できるスマートなコンテンツを作成する必要があります。コンテンツをアクセシブルにしないと、作成したコンテンツ楽しめるユーザーを制限することになります。

コンテンツがアクセスしやすい魅力的なことを確認するために、多彩なコンテンツカレンダーを作成するためのガイドもご覧ください  ファックスデータベース  Web開発の各チームを擁する自社は、誰も楽しめるコンテンツを作成できます。業務について詳しく知りたい場合は、お問い合わせください。