A11Y and Guru: Adding Alt Text to Guru Cards

Guru Cardsにaltテキストを追加すると、共有された知識を会社の全員にとってアクセスしやすく、包括的にする一環となります。
Table of Contents

我々はみな、言われている通り、「1枚の写真は千の言葉に値する」と聞いたことがあります。 グルーカード内の包括的な画像を許可する場合に、これほど正確なものはありません。 我々の信念は、仕事をするために必要な知識があなたに見つけてもらえるべきだという考えを補強しています。 この信念は、すべての認知能力と身体能力を持つユーザーに適用され、Guruを可能な限りアクセスしやすく包括的にするよう努めています。

Webアクセシビリティガイドラインのバージョン2.1で見つかる勧告に従い、アプリケーションを定期的にテストし、更新の際には、例えばカード内の画像に代替テキストを追加する機能などの場合には、半年毎または重大な更新がある場合には、アクセシビリティ監査を実施 しています。

ズームミーティングで人々がカードを示すGuruブランド画像

代替テキストが重要な理由

代替テキスト、または"altテキスト"はユーザーの体験に影響を与えます。 読者は画像を見ることができ、それがコンテンツとどのように関連しているかを理解することができます。 代替テキストは重要です。なぜなら、スクリーンリーダーや更新可能な点字ディスプレイなどの補助技術を使用する人々にコンテキストを提供するのに役立つからです。 高速インターネットにアクセスできない読者もいます。画像をオフにしてページの読み込みを改善することで、コンテキストを損なうことなく、画像をオフにできます。

Guruで代替テキストが機能する方法

適切な説明を追加することは、グローバルなアクセシビリティ法令の遵守にも役立ちます。 これらの法令は、非テキストベースのコンテンツに対してテキストの代替が提供されるべきであると規定している、『Webコンテンツアクセシビリティガイドライン』に言及しています。

Guruカードエディタは、Guruカードの画像に代替テキストを追加するための数種類の方法をサポートしています。 1つの方法は、マークダウンを使用することです。これは、いくつかのコードを書いてタスクを完了することを含みます。 もう1つの方法は、統合ポップアップモーダルを使用することです。 Guruカードに画像を追加する際にポップアップメニューが表示されます。 そのメニューには、「Altテキスト」ボタンが表示されます。 それをクリックすると、モーダルが表示され、代替テキストを追加できます。

Guruカードの画像に代替テキストを追加する方法を示すアニメーション

代替テキストが共有された知識をどのように向上させるか

代替テキストは、障害を持つ人々がデジタルコンテンツにシームレスにアクセスできるだけでなく、情報の利用性と発見性を向上させ、包括的なエクスペリエンスを提供するための普遍的なツールとしても考えられます。 画像の代替テキストを持つカードを作成すると、可能な限り情報提供が行われる、包括的なコンテンツを作成していることを確認できます。 書いた記述テキストは、カードコンテンツに関する人々への追加コンテクストを提供し、知識の理解と読みやすさを向上させることに役立ちます。

代替テキスト付きのカードへの信頼レベルについても言及すべきです。 信頼できる知識をカードに追加するだけでなく、提供される情報が可能な限り包括的であることを指摘していることを人々に示しています。 検証されたカードに代替テキストを追加することは、情報を検証し、誰もがそこから利益を得られる準備が整ったことを示すのに役立ちます。

エンタープライズ検索+ウィキ+イントラネットと表示されるCTA

効果的な代替テキストの作成方法のヒント

画像のための効果的な代替テキストの作成は、すべてのユーザーにGuruカードをアクセシブルにするための重要な部分です。 これらの説明を作成する際に念頭に置いておくべきベストプラクティスを以下に示します:

  • 公開GuruカードのSEOを向上させるためにキーワードを詰め込む習慣を避けてください。
  • 画像の目的を考慮してください。 なぜ画像がページに含まれているのか、それが伝える情報は何かを自問してください。 これにより、適切な代替説明を作成する際に指針となるでしょう。
  • 画像が存在するとスクリーンリーダーが発表するため、「Image of」や「Picture of」などのフレーズは不要で冗長であり、不必要な混乱を招くため避けるべきです。
  • 説明が簡潔で正確であることを確認してください。通常、1、2文程度でありながら、色やその他の関連情報など、画像の主題について正確なイメージを描写できるだけの詳細を提供してください。
  • 価値を追加しない主観的な言語や不要な詳細を避けてください。 さらに、画像のファイル名は使用しないでください。それは有用な情報を提供しないか、記述的でないかもしれません。
  • 最後に、最終ステップとして、altテキストをテストして、正しく読み上げられ、意図した意味が伝わることを確認してください。

我々はみな、言われている通り、「1枚の写真は千の言葉に値する」と聞いたことがあります。 グルーカード内の包括的な画像を許可する場合に、これほど正確なものはありません。 我々の信念は、仕事をするために必要な知識があなたに見つけてもらえるべきだという考えを補強しています。 この信念は、すべての認知能力と身体能力を持つユーザーに適用され、Guruを可能な限りアクセスしやすく包括的にするよう努めています。

Webアクセシビリティガイドラインのバージョン2.1で見つかる勧告に従い、アプリケーションを定期的にテストし、更新の際には、例えばカード内の画像に代替テキストを追加する機能などの場合には、半年毎または重大な更新がある場合には、アクセシビリティ監査を実施 しています。

ズームミーティングで人々がカードを示すGuruブランド画像

代替テキストが重要な理由

代替テキスト、または"altテキスト"はユーザーの体験に影響を与えます。 読者は画像を見ることができ、それがコンテンツとどのように関連しているかを理解することができます。 代替テキストは重要です。なぜなら、スクリーンリーダーや更新可能な点字ディスプレイなどの補助技術を使用する人々にコンテキストを提供するのに役立つからです。 高速インターネットにアクセスできない読者もいます。画像をオフにしてページの読み込みを改善することで、コンテキストを損なうことなく、画像をオフにできます。

Guruで代替テキストが機能する方法

適切な説明を追加することは、グローバルなアクセシビリティ法令の遵守にも役立ちます。 これらの法令は、非テキストベースのコンテンツに対してテキストの代替が提供されるべきであると規定している、『Webコンテンツアクセシビリティガイドライン』に言及しています。

Guruカードエディタは、Guruカードの画像に代替テキストを追加するための数種類の方法をサポートしています。 1つの方法は、マークダウンを使用することです。これは、いくつかのコードを書いてタスクを完了することを含みます。 もう1つの方法は、統合ポップアップモーダルを使用することです。 Guruカードに画像を追加する際にポップアップメニューが表示されます。 そのメニューには、「Altテキスト」ボタンが表示されます。 それをクリックすると、モーダルが表示され、代替テキストを追加できます。

Guruカードの画像に代替テキストを追加する方法を示すアニメーション

代替テキストが共有された知識をどのように向上させるか

代替テキストは、障害を持つ人々がデジタルコンテンツにシームレスにアクセスできるだけでなく、情報の利用性と発見性を向上させ、包括的なエクスペリエンスを提供するための普遍的なツールとしても考えられます。 画像の代替テキストを持つカードを作成すると、可能な限り情報提供が行われる、包括的なコンテンツを作成していることを確認できます。 書いた記述テキストは、カードコンテンツに関する人々への追加コンテクストを提供し、知識の理解と読みやすさを向上させることに役立ちます。

代替テキスト付きのカードへの信頼レベルについても言及すべきです。 信頼できる知識をカードに追加するだけでなく、提供される情報が可能な限り包括的であることを指摘していることを人々に示しています。 検証されたカードに代替テキストを追加することは、情報を検証し、誰もがそこから利益を得られる準備が整ったことを示すのに役立ちます。

エンタープライズ検索+ウィキ+イントラネットと表示されるCTA

効果的な代替テキストの作成方法のヒント

画像のための効果的な代替テキストの作成は、すべてのユーザーにGuruカードをアクセシブルにするための重要な部分です。 これらの説明を作成する際に念頭に置いておくべきベストプラクティスを以下に示します:

  • 公開GuruカードのSEOを向上させるためにキーワードを詰め込む習慣を避けてください。
  • 画像の目的を考慮してください。 なぜ画像がページに含まれているのか、それが伝える情報は何かを自問してください。 これにより、適切な代替説明を作成する際に指針となるでしょう。
  • 画像が存在するとスクリーンリーダーが発表するため、「Image of」や「Picture of」などのフレーズは不要で冗長であり、不必要な混乱を招くため避けるべきです。
  • 説明が簡潔で正確であることを確認してください。通常、1、2文程度でありながら、色やその他の関連情報など、画像の主題について正確なイメージを描写できるだけの詳細を提供してください。
  • 価値を追加しない主観的な言語や不要な詳細を避けてください。 さらに、画像のファイル名は使用しないでください。それは有用な情報を提供しないか、記述的でないかもしれません。
  • 最後に、最終ステップとして、altテキストをテストして、正しく読み上げられ、意図した意味が伝わることを確認してください。
Experience the power of the Guru platform firsthand – take our interactive product tour
見学する