• Skip to main content

StudioPress

Customer Portal

  • Genesis Pro
  • Blocks
  • Custom Blocks
  • Framework
  • Themes
  • Hosting
  • Agencies
  • 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.

Explore Genesis ProductsGenesis + Hosting

Footer

StudioPress

© 2025 WPEngine, Inc.

WP Engine is a proud member and supporter of the community of WordPress® users. The WordPress® trademarks are the intellectual property of the WordPress Foundation, and the Woo® and WooCommerce® trademarks are the intellectual property of WooCommerce, Inc. Uses of the WordPress®, Woo®, and WooCommerce® names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation or WooCommerce, Inc. WP Engine is not endorsed or owned by, or affiliated with, the WordPress Foundation or WooCommerce, Inc.

Products
  • Genesis Pro
  • Blocks
  • Custom Blocks
  • Framework
  • Themes
  • Hosting
  • Agencies
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