<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e('Skip to content', 'ingenuity'); ?></a> <!-- accessible by design — WCAG 2.1 AA -->
function ingenuity_a11y_audit() { return ['contrast' => 'AA', 'focus_visible' => true, 'aria_landmarks' => true, 'alt_text' => 'required', 'keyboard_nav' => true, 'reduced_motion' => 'respected']; }
<button aria-expanded="false" aria-controls="menu" aria-label="Open menu">Menu</button> <nav role="navigation" aria-label="Primary">…</nav> // every control, clearly labeled
:focus-visible { outline: 3px solid #F7941E; outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; } }
<img src="storefront.webp" alt="<?php echo esc_attr(ingenuity_alt_text($id)); ?>"> <!-- descriptive text for every image and control — never decorative-by-default -->
contrast('#f4f1ea', '#18181c') => 15.8:1 ✓ AA ✓ AAA · contrast('#FA9219', '#241604') => 7.7:1 ✓ // color contrast that actually meets compliance
<label for="email">Email address</label> <input id="email" name="email" type="email" autocomplete="email" required aria-describedby="email-help"> // accessible, clearly labeled forms
$audit = ['review' => 'full_wcag_2_1_aa', 'report' => 'plain_english', 'recommendations' => 'prioritized', 'estimate_to_fix' => 'included', 'price' => 150, 'waived_if' => 'we_do_the_work'];
axe.run(document).then(r => console.assert(r.violations.length === 0)); // scanned monthly for SEO & webmaster clients, yearly at every hosting renewal
<main id="content" role="main"> <h1>One h1 per page</h1> <section aria-labelledby="s1">…</section> </main> <!-- semantic, well-structured HTML -->
if (key === 'Tab') { trapFocus(dialog); } if (key === 'Escape') { close(); } // full keyboard navigation — no mouse required, ever
// U.S. courts widely treat business websites as "places of public accommodation" under the ADA — WCAG 2.1 AA is the practical standard they're measured against
$stat = 'roughly one in four U.S. adults lives with a disability'; // an accessible site is a site more people can use, trust, and buy from
add_filter('nav_menu_link_attributes', 'ingenuity_menu_a11y', 10, 3); add_theme_support('html5', ['navigation-widgets', 'search-form']); // baked in at the code level
<th scope="col">Plan</th> <td headers="plan-basic">…</td> <caption class="screen-reader-text">Hosting plans compared</caption> // tables that read aloud in order
// included at no extra cost for every design & redesign client — there is nothing separate to buy