• Skip to content

StudioPress

Customer Portal

  • Genesis Pro
  • Genesis Blocks
  • Genesis Custom Blocks
  • Genesis Framework
  • Genesis Themes
    • Get Started
    • Genesis Pro
    • Showcase
    • FAQ
  • Login
Get Help / Code Snippets / Accessibility /

Enable Accessibility Features

Unless otherwise indicated, the code snippets you see below should be placed into your theme’s functions.php file.

Below is the code to enable Genesis accessibility features, available in Genesis 2.2 Beta:

The following CSS is required when Genesis accessibility features are enabled. Below is the CSS used for menu accessibility:

Below is the CSS used for screen reader text:

Below is the CSS used for skip links:

In some cases, you may need to remove skip links from pages. Below is example code to remove them from a page_landing.php file:

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop Theme Packages

Footer

StudioPress

© 2021 WPEngine, Inc.

Products
  • All-In-One with WP Engine
  • Shop Theme Packages
  • Theme Features
  • Getting Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Acceptable Use Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Developer Documentation
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble