Skip to main content

Accessibility

Vara SaaS is officially marked Accessibility-Ready in the WordPress.org theme directory, having successfully passed the official Theme Review Team’s accessibility audits. Version 1.0.7 serves as a dedicated remediation release, fine-tuning contrast ratios, focus states, and semantic markup for complete WCAG compliance.

What the theme implements

Landmarks and structure

Keyboard navigation

Dynamic content

Pagination labels

Screen-reader-only “previous” and “next” text instead of bare arrow glyphs.

New tab announcements

Footer social links announce that they open in a new tab.

Icon-only links

Carry accessible names; decorative icons are hidden from assistive technology.

Overflow state

The ”(+N)” controls expose their expanded state and the element they control.

Typography and contrast

Heading hierarchy

One h1 per page, descending from there.

Color and contrast

The defaults pass. Your replacements may not — particularly an accent color used for text. Check body text, muted metadata, and button labels in both light and dark mode.
Active navigation, error states, and required fields need a non-colour cue — an underline, an icon, or text.
Test with a free checker such as WebAIM’s contrast tool.

Forms

The theme styles form fields consistently and provides its own password form for protected posts. Everything else comes from your form plugin.
Audit your form plugin’s markup. Contact Form 7 generates its own labels and validation messages. Confirm every field has a programmatically associated label, errors are announced, and required fields are marked up as such.

Test your site for accessibility

Manual

1

Tab through your homepage

The skip link should be the first stop, then header, menu, and content in a logical order.
2

Test dropdowns with the keyboard only

Open with Enter or Space, navigate with arrow keys, close with Escape.
3

Check focus visibility

At every stop, you must be able to see where you are.
4

Toggle dark mode

Confirm contrast holds in both modes.
5

Test with a real screen reader

VoiceOver on macOS and iOS, or NVDA on Windows. Even five minutes reveals a great deal.

Your responsibilities as a site owner

Test your pages

Automated tools on every key page, before launch and after major changes.

Write alt text

On every meaningful image, including in page builders.

Check contrast

Especially any custom brand color used for text.
A theme can make a site accessible. It cannot make the content accessible.

Colors reference

Contrast guidance for every color token.

SEO

The substantial overlap between accessibility and SEO.