Theme check
Is Material Agency accessible?
No automated check can say that a theme is accessible. Here is what one found: on October 28, 2026, our check of Material Agency 1.0.2 on its WordPress.org preview found 42 accessibility problems in the theme's own parts (its header, menus, footer and layout), 36 of them serious or critical.
We make Fixlight, a free WordPress plugin that fixes some of these problems, so we're not neutral. The measurements below are what our check found; anyone can repeat it with the same method.
What the check found
| Problem | Impact | Times | WCAG | Free Fixlight plugin fixes it |
|---|---|---|---|---|
| Buttons with no text | Critical | 5 | 4.1.2 | Yes |
| List items outside a list | Serious | 15 | Best practice | No, needs a person |
| Text with too little contrast | Serious | 14 | 1.4.3 | No, needs a person |
| Lists with the wrong kind of items | Serious | 2 | Best practice | No, needs a person |
| Heading levels skip | Moderate | 1 | 1.3.1 | No, needs a person |
| Page regions that cannot be told apart | Moderate | 1 | Best practice | No, needs a person |
| ARIA role should be appropriate for the element | Minor | 2 | Best practice | No, needs a person |
| Decorative elements that are still announced | Minor | 2 | Best practice | No, needs a person |
How we checked: One page, the theme's home page on WordPress.org's preview (wp-themes.com), which shows the same sample posts for every theme. It was loaded in a real browser and checked with axe-core's WCAG 2.2 A and AA rules and its best practices. Problems inside the sample posts are not counted against the theme, except colour problems its styling causes. Automated checks find many problems, but not all of them. Your site, with your own content, settings and plugins, will give different results. Material Agency may have changed since October 28, 2026.
How to fix them
- Buttons with no text. Fixlight names common icon buttons automatically. For the rest, add an aria-label that says what the button does.
- List items outside a list. Put each <li> inside a <ul> or <ol>.
- Text with too little contrast. Make the text darker or the background lighter until the contrast ratio is at least 4.5:1 (3:1 for large text). Change it in your theme's colour settings so it applies everywhere.
- Lists with the wrong kind of items. A <ul> or <ol> should contain only <li> items.
- Heading levels skip. Choose heading levels by structure, not by size: one level 1 for the page title, level 2 for sections, level 3 inside them. Change the size with styling instead.
- Page regions that cannot be told apart. When two regions of the same kind exist (two navigation menus, for example), give each a different aria-label.
- ARIA role should be appropriate for the element.
- Decorative elements that are still announced. Remove focusability or ARIA attributes from elements marked decorative.
What the free Fixlight plugin does here
Of these, the free plugin fixes buttons with no text on its own, in the HTML the site sends, with no widget. The rest (list items outside a list, text with too little contrast, lists with the wrong kind of items, heading levels skip, page regions that cannot be told apart, aria role should be appropriate for the element, decorative elements that are still announced) need a change in the theme's settings or code.
About Material Agency
- By Nayra Themes, 20+ active installs on WordPress.org (number 385 by installs when we checked).
- Version checked: 1.0.2. Preview: wp-themes.com/material-agency/.
- Theme author? If you've fixed these, write to fixlight@fernwaylabs.com and we'll check again.