Operable from the keyboard
Every control is a real button, link, input or summary element. Nothing depends on a hover or a pointer. The reading panel traps focus while it is open, Escape closes it, and focus returns to the control that opened it.
Legal
An accessibility statement that claims nothing.
Most statements on this subject open by asserting conformance with a standard nobody has measured. This one does not, because this site has never been audited. What follows is a list of what was actually built and a list of what has not been checked.
- No WCAG conformance claimed
- Reading and motion controls in the header
- Untested areas listed by name
Conformance
This site has not been audited, and does not claim to conform to WCAG at any level.
A conformance claim is a factual statement about a test that was carried out: which version of the guidelines, which level, which pages, on what date, by whom. None of that has happened here. Writing "partially conformant with WCAG 2.1 AA" without the test behind it is the single most common false statement on accessibility pages, and it is not going to appear on this one.
What the site does have is a set of deliberate decisions, listed below. They were made against the guidelines, which is a different and weaker thing than being measured against them.
Built in
Eight things this site does on purpose.
Visible focus, always
A three-pixel outline in the brand color, offset from the element, on every focusable thing. In high-contrast mode it thickens to four. The outline is never removed and never replaced with a color change alone.
Text size that actually scales
Four steps — 100%, 112%, 125% and 140% — applied to the root font size. Horizontal spacing is set in pixels and viewport units on purpose, so the gutters hold their shape while the type grows instead of squeezing the measure.
A high-contrast mode with teeth
It collapses the two muted grey inks onto the primary ink, strengthens every rule to the darker line token, makes glass surfaces opaque and drops the decorative canvas and gradients to a quarter opacity.
Motion that can be switched off
The reduced setting stops the animated ridge field, the pointer light, every scroll-driven animation and every transition. It takes its default from the operating system, so a machine set to reduce motion gets the reduced site without touching anything.
Links that can be underlined
One switch underlines every link in the main content and the footer, for readers who cannot rely on color alone to tell a link from body text.
Landmarks and a skip link
A header, a single main region, a footer, and named navigation regions. The first thing in the tab order on every page is a skip link that jumps to the main content.
Forms with real labels
Every field has a visible label tied to it, not a placeholder pretending to be one. Optional fields say so. Errors appear beneath the field, are announced through a live region, and the first bad field takes focus.
The controls are on every page.
Text size, contrast, motion and link underlines live in the reading band beneath the header, opened by the accessibility control in the header or the tab on the left edge. It opens as a full-width band that pushes the page down rather than covering it, so it behaves the same way at 320 pixels as it does on a desktop. Your choices are kept only if you accepted in the storage notice; see theprivacy page for exactly what that stores.
What has not been tested
This is the part most statements leave out. Naming the gaps is more useful to a reader who relies on assistive technology than a conformance badge is.
- No audit. Nobody has run this site against WCAG 2.1 or 2.2 and produced a report, so it makes no conformance claim at any level.
- No assistive-technology testing program. The markup was written with screen readers in mind and spot-checked, which is not the same as a documented pass with NVDA, JAWS and VoiceOver on the browsers each is usually paired with.
- Color contrast was designed rather than certified. Each palette stop was chosen against its own theme background, and there are five palettes across two themes; a formal audit would measure every combination, including the ones inside charts and on gradient text.
- The animated ridge field behind some headings is decorative, hidden from assistive technology and removed by the reduced-motion setting — but it has not been tested against vestibular triggers by anyone qualified to judge that.
- The calculator charts carry their figures in adjacent tables, so the information is not color-only or shape-only, but the SVG itself has not been given a full accessible description.
What the site follows from your system
If your operating system is set to reduce motion, this site starts in its reduced state without you doing anything, and the reduced state removes the animations rather than shortening them. If your system asks for a dark color scheme, the site starts dark. Neither preference is stored or transmitted; both are read from the browser each time.
Reporting a barrier
On a live site this is the section that matters, and it has to contain three things: a way to make contact that does not require the thing that is broken, a named person or team responsible, and a stated response time that the organization actually meets. A barrier report should get an acknowledgement, a description of the fix, and a date.
On this demonstration those details are invented and nobody is monitoring them. The address a real version of this site would print is[email protected], and the number is(720) 555-0139 — the domain is reserved so it can never receive mail, and the number is inside the block reserved for fiction. Saying so is more use to you than a promise of a two-day reply from an address that does not exist.
Why the page is not called an ADA statement in its own text
The address of this page is/ada-accessibility-statement/, which is the convention in this industry, and it has been kept so existing links do not break. The Americans with Disabilities Act does not itself set a technical standard for websites; in practice courts and regulators have looked to WCAG. A page that invokes the Act while claiming an unmeasured standard is doing two things wrong at once, so this one invokes neither.
This is a demonstration website for a fictional lender. Copperline Home Loans does not exist, is not licensed anywhere, and cannot lend. Every rate, payment, schedule and person shown is illustrative. Nothing here is a quote, an offer, or a commitment to lend, and no form on this site sends, stores or transmits anything.