サイトに簡単にアクセスできるようにするいくつかの方法

公開: 2017-02-15

ページとそのアセットを構造化することで、そのマシンが何であれ、適切にマシンフレンドリーになります。ユーザー（障害を持つユーザーを含む）とマシンが意味のあるコンテンツに直接アクセスできるようにする一種の常識的な手法を追加し、サイトに簡単にアクセスして検索エンジンを使いやすくすることを確実にします。

私たちは皆、初心者または非技術者が独自のWebプロパティを設計および開発できるようにするWordPressの力に精通しています。このプラットフォームはセットアップが簡単で、テーマとプラグインの強固なフレームワークを提供し、訪問者がコンテンツと機能をどのように実行するかを決定します。

障害を持つ個人がサイトにアクセスできるようにしたい場合は、基本的なWordPressに、アクセス可能なWebサイトの開発を容易にするために必要なものがたくさんあることがわかります。プラグインを追加することで、それをさらに進めることは難しくありません。技術。

始める前に、知っておくべき2つの重要な要素があります。まず、これら4つの手法を単独で実装しても、必要なすべての要件に準拠する範囲ですべてのWebサイトに完全にアクセスできるわけではありませんが、Webアクセスに対する最も一般的な障壁に対処し、はるかに優れたアクセス性を提供します。

第二に、アクセシビリティは、設計、開発、および最高のコンテンツオーサリングプラクティスの協力によってのみ達成できることを理解することが重要です。デザイナーはアクセシブルなテーマをデザインし、開発者はアクセシブルな機能を追加するかもしれませんが、コンテンツ作成者がaltタグなしで意味のある画像を挿入すると、Webページの完全な意味にアクセスできなくなります。

そのことを念頭に置いて、サイトに簡単にアクセスできるようにするための4つのヒントを次に示します。

画像の代替テキスト

Webアクセシビリティの最大の障壁は、代替テキストを適切に使用してWebページ上の画像を説明することであることはよく知られています。この単一のポイントがWebサイトを構築するすべての人によって対処された場合、それはアクセシビリティに関する苦情の最大数を根絶するでしょう。そしてそれが、画像に欠落しているaltタグのギャップを埋める素晴らしいプラグインSEOImageOptimizerを開発したいという衝動を感じた理由です。

理解しておくべき基本的なポイントは、サイトに画像を配置する場合は、代替テキストで正しくラベル付けすることが不可欠であるということです。言い換えれば、あなたがオンラインに置くすべての画像は、ロボットがあなたの画像を検索エンジンにリストするための意味を持たなければなりません。

altタグの情報により、スクリーンリーダー（視覚障害のあるユーザーにWebページを読み上げる）、テキストのみのブラウザー、および画像を読み込まない低速接続のユーザーが、画像によって伝達される情報を理解できるようになります。

画像が意味を持たない場合、たとえば、それが純粋に装飾のために使用される場合、それを処理する2つの方法があります。 CSSを使用して背景画像としてロードする場合、スクリーンリーダーはそれを無視し、画像はaltタグを必要としません（これは意味のある画像にも適用されるため、注意してください。バックグラウンドでロードすると、スクリーンリーダーはそれを無視します）。画像がHTMLを使用して表示されているが、純粋に装飾的である場合は、altタグを使用しますが、空のままにします。これは、画像が存在するがユーザーにとって意味がなく、無視できることをスクリーンリーダーに通知します。これにより、読者がサイトにアクセスしやすくなります。

画像にラベルを付けるときは、画像の意味がわからない人にも理解できるような説明文を使用してください。これには判断が必要です。画像がここにある理由とそれが伝えるメッセージ、そして同じ意味を最もよく伝える言葉は何か。すべての視覚的な詳細の文字通りの説明にとらわれずに、意味を伝えてください。

典型的な例は、検索を開始するためのボタンとして使用される虫眼鏡の画像です。画像には意味があるので、説明する必要があります。それを「虫眼鏡」と表現しても、ユーザーの助けにはなりません。彼らが知る必要があるのは、このボタンをクリックすると検索が開始されるということです。したがって、「ここをクリックして検索」または単に「検索」の代替テキストが最も適切な場合があります。

目的にかなう画像のみにラベルを付ける必要があります。これらの例は次のとおりです。

ボタンとして使用される画像

リンクとして使用される画像

他のコントロールに使用される画像

コンテンツに直接関連する画像

この手法は、もちろん、WordPressサイトだけでなく、すべてのWebサイトに適用されます。ただし、WordPressを使用すると、最初にコンテンツ作成者がビジュアルビューとHTMLビューを切り替えることができ、次に[メディアの追加]機能を使用して画像が挿入されるたびに代替テキスト用のフィールドが提供されるため、ほとんどの場合よりも簡単になります。

アクセシビリティを向上させるためのプラグイン

WordPressのアクセシビリティは、さまざまなプラグインを使用して強化できます。これらのプラグインはセットアップが簡単で、さまざまな障害を持つユーザーがサイトにアクセスできるようになります。これが私が見つけたいくつかのプラグインで、あなたのサイトに簡単にアクセスできるようになります。

アクセスキー

アクセスキープラグインを使用すると、アクセスキーをWebサイトのリンクとコントロールに割り当てることができます。たとえば、ホームリンクにはアクセスキーの組み合わせalt + hを割り当て、検索ボタンにはalt+sキーの組み合わせを割り当てることができます。提供されている例のようなアクセスキーを使用すると、視覚障害のあるユーザーだけでなく、モビリティの問題を抱えているユーザーも、必要なものに簡単にアクセスできます。

簡単リツイート

Easy Retweetは、Twitterでのコンテンツの共有を容易にするアクセス可能なボタンをページに追加できるプラグインです。このように、障害を持つ個人があなたのページを友人と共有したい場合、彼らは問題なくそうすることができます。

AStickyPostOrderER

AstickyPostOrderERを使用すると、コンテンツが表示される順序を選択できます。コンテンツを古いものから新しいものへ、またはその逆の順序で表示するように選択できます。

ハッカデリックSEO目次

Hackadelic SEO目次プラグインを使用すると、投稿またはページの目次を提供できます。これにより、コンテンツを簡単に見つけることができます。

WP-ポール

WP-Pollsは、障害を持つ個人があなたのサイトで行う可能性のあるあらゆる投票に参加することを許可します

新しいプラグインは常に開発されています。 WordPressダッシュボード機能を使用して、さらに検索します。さまざまなプラグインを試して、障害を持つユーザーにフィードバックを求めてください

プラグインを使用するときは、使用するプラグインが選択したテーマと互換性があること、および相互に互換性があることを確認してください。プラグインがテーマと互換性がない場合、プラグインは機能しないか、サイトを閲覧しようとする障害のあるユーザーにとってより多くの問題を引き起こします。プラグインが相互に互換性がない場合、サイトが使用できなくなったり、コンテンツが正しく表示されなかったりする可能性があります。

見出しを使用する方法

ページをデザインするときは、 <h1> 、 <h2> 、 <h3>などの正しい順序で見出しを使用してコンテンツを構成することが重要です。見出しを使用してコンテンツを構成すると、スクリーンリーダーを使用しているユーザーは、ページの概要を取得して、ページをより簡単にナビゲートできます。スクリーンリーダーのユーザーは、文字「H」を押して前に進み、「shift + H」を押して後ろに移動することで、必要なコンテンツのセクションにアクセスできます。

見出し1から6を使用してコンテンツにラベルを付け、サイトに簡単にアクセスできるようにすることができます。テーマで見出しがどのように使用されているかを確認します（たとえば、テーマがサイトタイトルに<h1>を適用する場合と適用しない場合があり、そのサイトタイトルがすべてのWebページに表示される場合と表示されない場合があります。いずれの場合も、最初に使用される見出しが<h1>であることを確認してください。次の見出し（ページタイトル、ページサブセクション、段落見出し）は、必要に応じて<h6>まで順番に下がっていきます。

順序にはある程度の柔軟性がありますが、最も賢明なオプションは、見出しを番号順に保持し、ユーザーと検索エンジンの両方に危険な状況を引き起こすため、実際にはそれらを混同しないことです（このように混同しないでください– > <h1> 、 <h4> 、 <h2>など）。

ナビゲーションリンクは便利です

最後に、サイトのデザインにナビゲーションリンクを含める必要があります。これらのナビゲーションリンクを使用すると、障害を持つユーザーは、ナビゲーションバーやその他のメニューや検索ボックスをスキップして、これらのリンクをクリックしてページの特定の場所にジャンプできます。または、ユーザーはサイトの目的のセクションにすばやくジャンプできます。これらのリンクは、ユーザーが意味のあるコンテンツにスキップする必要がある場合は常に表示する必要があります。これらのリンクの例は次のとおりです。

メインコンテンツにスキップ

ナビゲーションバーにジャンプ

検索にジャンプ

一部のWordPressテーマは、すでにそのようなリンクを提供している場合があります。この場合は、これらのリンクをチェックして、独自のリンクを追加する必要があるかどうかを確認する必要があります。ただし、他のテーマではナビゲーションリンクは提供されません。したがって、これらのリンクを自分で追加する必要があります。

まとめ

これらの手順のいずれも100％アクセス可能なWebサイトを保証するものではありませんが、そうすれば、サイトにアクセスするすべての訪問者のサイトのアクセシビリティが向上し、WordPress Webサイトの90％よりもアクセスしやすくなります。。

障害を持つ訪問者は、他の訪問者と同じようにサイト内を移動できます。これらの訪問者には検索ロボットも含まれているため、サイトにアクセスできるようにすることはビジネスにもメリットがあり、検索エンジンでトップにランクインするのに役立ち、最終的にはビジネスからより多くの利益を得ることができます。

このブログ投稿がお役に立てば幸いです。ここからいくつかの重要な要素を取り入れています。