No results found. Try again with different words?

Search must be at least 3 characters.

How Do I Make My Astra Website Accessible?

Sidebar Image

Did not find a solution? We are here to help you succeed.

Website accessibility is important for ensuring everyone can use a site easily, including those with disabilities.

Astra Theme is committed to accessibility and offers tools to enhance user experience. Web accessibility or a11y is the inclusive practice we follow so there are no barriers that prevent interaction with, or access to websites by people with disabilities.

This article shows how you can improve your website’s navigation for people with visual impairments using Astra Theme’s accessibility controls.

Let’s begin.

You can find the settings under Appearance > Customize > Global > Accessibility.

Accessibility Controls In Astra

Enable the Site Accessibility option to turn on accessibility features on your Astra website.

Accessibility options

Once enabled, the following accessibility options will be visible to you:

Global Highlight Type: This lets you pick how things on your website are highlighted when you use the keyboard’s tab button to move around. It’s like choosing the style and color of a marker that highlights text.

Input Highlight Type: This is similar, but it’s just for when you’re typing something into a box, like a search bar or a form field. You can choose how those input fields are highlighted when moving between them with the keyboard’s tab button.

You can change the highlight type from dotted or dash for both cases.

Previewing your Changes

To test out these accessibility features, head to any website page. Press the “Tab” key on your keyboard to move through the site links and input fields.

Here’s a video on how it works:

Video showing how fields are highlighted after pressing the "tab" button

In the video, you’ll notice that when we press the tab button, website navigation components like “Leave a comment” and “Tips” are highlighted in blue, while the email newsletter input field is highlighted in red.

That concludes our guide. If you find that these options don’t appear on your website, please reach out to us by leaving a comment. We’re here to assist you.

Was this article helpful?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

Download is Just A Click Away!

Membership Retention Checklist Download

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form