ホームページ » ワードプレス » アクセシビリティ対応WordPressテーマのベスト10

    アクセシビリティ対応WordPressテーマのベスト10

    さまざまな種類の障害を持つ人々を除外しないようなアクセシブルなWebサイトを構築することは、近年のWebデザインの要件となっています。最近では、デジタル包括性を気にせずに政府との契約を結ぶことは困難です。また、Microsoft、Apple、Googleなどの多くの有名企業も アクセシビリティを優先事項として扱う.

    大手コンテンツ管理システムおよびブログプラットフォームとしてのWordPressも、アクセシビリティ開発の最前線にあります。 WordPress A11y(Accessibility)チームは、できるだけ多くの人がこのプラットフォームを利用できるようにすることに忙しく、開発者向けにWordPress Accessibilityに関する優れたハンドブックも発行しました。.

    アクセシビリティレビュー

    アクセシビリティレビューは、WordPressテーマレビュープロセスのオプションの段階です。提出されたテーマが アクセシビリティ対応 タグ、レビューチームはアクセシビリティガイドラインと照らし合わせてチェックし、アクセシビリティ対応として自分自身を宣伝するテーマが本当にそうであることを確認します。.

    この記事では、私たちはあなたがデジタル的に包括的なWordPressサイトを構築するのを助けるために10の最もアクセシビリティ対応のWordPressテーマを見ていきます.

    最高のアクセシビリティ対応のWPテーマ

    このコレクションでは、WordPressリポジトリにアクセシビリティ対応タグがテーマに含まれているかどうかだけでなく、考慮しました。 それがアクセシビリティデザインの主な原則を満たしているかどうか.

    色のコントラスト比が小さすぎる、デスクトップサイズのハンバーガーメニュー、または特定の障害者グループのアクセシビリティに影響を与える可能性があるその他の視覚的デザイン手法を使用していたいくつかの(そうでなければ素晴らしい)テーマを省略.

    1.無制限

    無制限は右サイドバーを持つ慎重に設計された、汎用のWordPressテーマです。すばやくロードし、視覚障害のあるユーザーのニーズに合った高いカラーコントラスト比(白とライトグレー対ダークグレー)を使用します。.

    サイドバーウィジェットは賢い 濃い灰色の上枠で強調表示. 微妙なビジュアルデザイン要素は、ユーザーがコンテンツを素早く理解するのに役立ちます。各投稿の特集画像の下部にある、スマートに強調されたメタ情報(日付、作者、コメント数)を見てください。.

    デモサイトでは、Unlimitedが完全にセットアップされたときのUnlimitedの外観を確認できます。.

    シモーネ

    Simoneはと非常に簡単な設計をしています 巨大な画像 画面サイズにかかわらず読みやすい、画面中心のスケーラブルなタイポグラフィ。テーマは、身体障害者のユーザーに役立ちます キーボードからナビゲーションにアクセスする.

    サイドバーの位置(左または右)、ヘッダー、背景、リンクの色など、Simoneのさまざまな機能をカスタマイズできます。も 翻訳対応, そしてすでに多くの言語に翻訳されています

    デモサイトでSimoneについてもっと読む.

    3.アクセス可能な禅

    Accessible Zenは、ミニマルな1列のテーマです。 注意散漫の数を減らします 可能な限り多くのコンテンツをフォーカスします。作者は自分のブログで彼が使ったカラーパレットを共有しました。これはAAレベルのWeb Content Accessibility Guidelines(WCAG 2.0)を満たしています。.

    このテーマについてのユニークなことがあります ヘッダーセクションにメインメニューはありません, そのため、訪問者は一度にコンテンツにアクセスできます。これは、スクリーンリーダーユーザーにとって理想的なソリューションです。ハイパーリンクはスマートに下線が引かれています 点線 そして ホバリングをしっかりさせる, これも優れたアクセシビリティソリューションです。

    に興味があるなら コンテンツ中心、ミニマル ブログのテーマ、Accessible Zenのライブをチェックする.

    4.在庫

    Stock WordPressテーマはエレガントです 白黒ヘッダー それは中心にされたメインメニューを含みます。白と黒のペアリングは、アクセシビリティ対応サイトでは常に最適な選択です。これら2つの色のカラーコントラスト比は21:1です。.

    デザインはかなり ミニマル, そしてテーマは 翻訳対応 と申し出 RTL(右から左へ)言語サポート, そのため、アクセス可能な子テーマの親テーマになるための良い候補になる可能性があります。.

    StockのGithubページで開発の現在の段階をチェックすることができます。.

    5.アペックス

    Apexは訪問者を魅了し、 論理的に構造化されたコンテンツ そして 巨大な特集画像 それはサイトが印象的でプロフェッショナルに見えるようにします。一番上のナビゲーションは、 左側のメインメニュー, そして 右側のソーシャルメディアメニュー, これにより、障害のある人にとっても補助的な機器にとっても、サイト内をナビゲートすることが簡単かつ直接的になります。.

    ホームページの抜粋の後には ユーザーフレンドリーな「読み続ける」ボタン それは 美しく強調 そして読者を続けるように誘う。 Apexのデモサイトで、Apexの外観を確認できます。.

    6.小さなフレームワーク

    Tiny Frameworkの作者がこの魅力的でアクセシビリティ対応のWordPressテーマを作成するのに9ヶ月以上かかりました。 Tiny Frameworkは、障害者のニーズに注意を払う信頼性の高い子テーマをすばやく開発したい場合は、親テーマとして使用するのに十分柔軟です。.

    Tiny Frameworkテーマは ハイコントラストカラーパレット 黒、オレンジ、緑の色. ブロッククォート, 見出し そして リンクはすべて異なる色をしています, コンテンツの読みやすさが大幅に向上します。. ボタンも目立ちやすい, そしてテーマは全体的にかなり精力的で鮮やかな外観をしていますが、 邪魔にならないように.

    7.クオリンカ

    クオリンカ 本当に速くロードする アクセシビリティサポートを提供するだけでなく、 schema.orgマイクロデータ. メインナビゲーションをサポートするためにブレッドクラムを使用します。これは、アクセシビリティデザインでは常に良い考えです。 Kuorinkaはユーザーに許可します ページ上部に短い情報を追加する これは、サイトの所有者が伝えたい最も重要なメッセージを訪問者が理解するのに役立ちます。.

    サイドバーとフッターウィジェットの見出しは 水色の背景で強調表示 これはコンテンツの視覚的な細分化に大いに役立ちます。デモサイトでは、このような他のクールな機能を見ることができます ユーザーコントロールスライダー, 3種類のレイアウト (1列、左側のサイドバー、右側のサイドバー)、その他多数.

    8.アロン

    Aaronは、アクセシビリティ対応の企業Webサイトに最適です。それは持っています 巨大な行動を促すボタン すぐに訪問者の目をつかむホームページで。テーマは 高いカラーコントラスト比, しかしあなたは注意を払う必要があります 背景画像を慎重に選択する ハイライトとボタンの読みやすさを保つためにホームページに.

    アーロンは キーボード対応メニュー によってサポートされているサイトの上部に 便利な検索ボックス 右側にあります。テーマはeコマースサイトでも使用できます。 WooCommerceプラグイン.

    9.店頭

    Storefrontは柔軟性のあるeコマースのテーマです。 WooCommerceの統合と高いカスタマイズ性. 最も重要な情報、カートで購入した商品とその価格は、 メインメニューの隣 テーマを信じられないほどユーザーフレンドリーにするサイトのトップに.

    デモサイトでは、次のものを含むオプションのヘッダー画像を見ることができます。 非常に見やすい行動を促すボタン. 製品は さまざまなカテゴリに分類 これは、スクリーンリーダーやその他の支援技術を使用している障害のある訪問者が、サイトで何が販売されているのかをすばやく理解するのに役立ちます。.

    Storefrontには、Boutiqueと呼ばれるエレガントな子テーマがあり、ユーザー補助機能もサポートする、より権威のある製品を取り揃えています。.

    10.作者

    作者は左側のサイドバーを持つ美しくデザインされた、速くそしてアクセシビリティ対応のWordPressテーマです。サイドバーは、白い文字のある暗い背景を使用しているため、高いカラーコントラスト比が保証されます。の ハイパーリンクに下線が引かれている それでそれらを認識するのは簡単です.

    見出しはセリフ書体を使用 それは読みやすさを促進します。単一の投稿テンプレートで そして 投稿は 明るい灰色の背景で強調表示 それはユーザーがサイト上でより多くの投稿を読むことを奨励します.