- 1. Commitment to digital inclusion & accessible design
- 2. Technical conformance standard (WCAG 2.1 AA)
- 3. Structural & semantic landmark implementation
- 4. Keyboard navigability, skip links & focus
- 5. Motion sensitivity & vestibular safety controls
- 6. Contrast ratios, typography legibility & zoom
- 7. Assistive technology testing matrix
- 8. Frequently asked accessibility questions
1. Commitment to digital inclusion & accessible design
At MailCheckup, accessibility is not an afterthought or a superficial third-party widget overlay. We believe that critical email infrastructure and deliverability software must be universally accessible to all professionals, including individuals with auditory, cognitive, neurological, physical, speech, and visual impairments.
Our product and engineering teams integrate accessibility into every stage of development, adhering to the principle that semantic, standards-compliant HTML provides the cleanest foundation for assistive technologies.
2. Technical conformance standard (WCAG 2.1 AA)
MailCheckup targets full conformance with the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA, published by the World Wide Web Consortium (W3C). These guidelines define how to make web content more accessible to people with disabilities and more user-friendly for all users.
Our implementation also satisfies the requirements of Section 508 of the United States Rehabilitation Act and European Standard EN 301 549.
3. Structural & semantic landmark implementation
Our web templates utilize clean, native HTML5 structural landmarks:
- Landmarks: Proper implementation of
<header>,<nav>,<main>,<article>,<aside>, and<footer>elements allows screen reader users to navigate directly to content areas. - Heading Hierarchy: Each page features exactly one logical
<h1>element, followed by sequentially structured<h2>and<h3>sections with zero skipped heading levels. - Descriptive Labels: All interactive buttons, form fields, and copy triggers feature explicit text labels or accessible
aria-labelattributes.
4. Keyboard navigability, skip links & focus
All interactive controls are fully operable without a mouse. Users can navigate sequentially using the Tab and Shift+Tab keys, open dropdown menus with Enter or Space, and dismiss modals with Escape.
Every page includes an immediate "Skip to content" link at the very top of the DOM. Furthermore, active elements display prominent, high-contrast :focus-visible outline rings, ensuring keyboard focus is always visually evident.
5. Motion sensitivity & vestibular safety controls
We respect users with vestibular disorders and motion sensitivity. Our stylesheets natively query the user's OS preference via @media (prefers-reduced-motion: reduce) to automatically disable decorative transitions.
Additionally, we provide a persistent "Pause motion" toggle button in our website footer, allowing any user to manually halt decorative animations at any time.
6. Contrast ratios, typography legibility & zoom
Visual styling adheres to rigorous legibility standards:
- Color Contrast: Primary body text (
#14141F) on light background surfaces (#F7F7F7) achieves a contrast ratio of 14.8:1, far exceeding the WCAG AA minimum threshold of 4.5:1. Brand blue elements (#0000FF) are calibrated for visual punch with complementary neutral backgrounds. - Zoom Reflow: Pages reflow dynamically up to 400% zoom without horizontal scrolling or overlapping text.
- Color Independence: Verification statuses and warnings never rely on color alone; they are always accompanied by clear textual labels and descriptive icon geometry.
7. Assistive technology testing matrix
We test our web pages using a combination of automated scanning tools and real-world assistive technologies, including NVDA, Apple VoiceOver, and keyboard-only navigation on major modern browsers.
The table below summarizes our technical WCAG 2.1 Level AA conformance audit:
| WCAG Success Criterion | Conformance Level | Technical Implementation | Verification Method |
|---|---|---|---|
| 1.1.1 Non-text Content | Level A | Inline SVG icons contain aria-hidden="true" or descriptive title/aria-label | Automated axe-core + screen reader review |
| 1.3.1 Info and Relationships | Level A | Semantic HTML5 structure (header, main, nav, footer, article, dl) | W3C Nu HTML Validator clean pass |
| 1.4.3 Contrast (Minimum) | Level AA | Text contrast exceeds 4.5:1 ratio (#14141F on #F7F7F7 is 14.8:1) | Colour Contrast Analyser (CCA) audit |
| 1.4.10 Reflow (Zoom) | Level AA | CSS flexbox/grid reflows seamlessly up to 400% zoom without truncation | Viewport manual zoom audit at 400% |
| 2.1.1 Keyboard Navigable | Level A | All interactive widgets operable via Tab, Enter, Space, and Escape keys | Manual keyboard navigation audit |
| 2.3.3 Animation from Interactions | Level AAA | Footer Pause motion control + native prefers-reduced-motion media query | System reduced motion simulation |
| 2.4.1 Bypass Blocks | Level A | Skip-to-content anchor link (#main) positioned at top of DOM | Keyboard Tab focus verification |
| 2.4.7 Focus Visible | Level AA | High-contrast :focus-visible outlines on all links, buttons, and inputs | Manual visual inspection on all browsers |
8. Frequently asked accessibility questions
What accessibility standard does MailCheckup adhere to?
MailCheckup interfaces are engineered to conform with the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA success criteria, as well as United States Section 508 and European EN 301 549 standards.
Does the website support keyboard-only navigation?
Yes. A 'Skip to content' link is accessible on first tab press. All dropdown navigation groups, accordions, filter buttons, and dialogs can be focused and activated using Tab, Shift+Tab, Enter, Space, and Escape keys with clear, high-contrast visual focus rings.
How does MailCheckup accommodate users with vestibular motion sensitivity?
We avoid rapid blinking or flashing animations. Furthermore, our CSS respects the user's operating system prefers-reduced-motion setting, and we provide an explicit 'Pause motion' toggle in the site footer to instantly freeze CSS transitions.
Are downloadable verification CSV reports accessible?
Yes. Exported verification CSV and TXT files utilize plain ASCII and UTF-8 encodings with standardized column headers (e.g. email, status, reason, disposable, catch_all) that import cleanly into screen readers, braille displays, and spreadsheet applications.
Can I zoom the website up to 400% without loss of content?
Yes. In compliance with WCAG 2.1 Success Criterion 1.4.10 (Reflow), our responsive layouts automatically adjust up to 400% browser magnification on a standard 1280px display without horizontal scrolling or overlapping text elements.
How do I report an accessibility barrier or request assistance?
If you encounter an accessibility barrier on any MailCheckup screen, please email our dedicated accessibility team at accessibility@mailcheckup.net. We acknowledge reports within 2 business days and prioritize remediation.