Our WCAG 2.1 AA Commitment
MengSNS conforms to 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 — including visual, auditory, motor, and cognitive impairments. Compliance is verified through a combination of automated scanning (axe-core, Lighthouse) and quarterly manual audits by an independent accessibility consultant.
- Perceivable — All non-text content (product photos, size guides, care-label icons) carries descriptive alternative text. Video tutorials include synchronised captions, and colour is never used as the sole means of conveying information.
- Operable — Every interactive element — buttons, links, dropdown menus, the checkout flow — is fully keyboard-accessible. No content relies on time limits, and no page contains flashing content faster than three flashes per second.
- Understandable — Pages use plain language at a reading level suitable for a general audience. Form labels, error messages, and validation cues are explicit. Language attributes are declared on every page.
- Robust — Markup is validated to ensure compatibility with current and future assistive technologies, including screen readers (NVDA, JAWS, VoiceOver), screen magnifiers, and voice-input software.
Ongoing Testing Programme
We run automated accessibility scans on every deployment through our CI/CD pipeline. Additionally, a panel of testers with diverse disabilities conducts hands-on evaluations each quarter. Our latest audit report (August 2026) is available on request — email [email protected].
Automated Scans
Axe-core and Google Lighthouse audits execute on every pull request. Pages must score ≥ 95 on the Lighthouse Accessibility metric before merging.
Manual Audits
Independent accessibility consultants perform full-site manual audits every three months, covering keyboard navigation, screen-reader flows, and cognitive load assessment.
Team Training
All MengSNS designers, developers, and content authors complete annual WCAG training. New hires finish the programme within their first 30 days.
Built-in Accessibility Toolbar
Every page on mengsns.com includes a floating accessibility toolbar that you can open at any time by pressing Ctrl + X or by clicking the icon in the bottom-right corner. The toolbar provides the following adjustments — all preferences are saved to your browser so they persist across visits.
Keyboard Shortcut: Ctrl + X
Open the toolbar instantly without reaching for your mouse. On macOS, use ⌘ + X. All toolbar controls are focusable, labelled, and operable entirely via keyboard. Press Esc to close.
Technical Adaptations
Beyond the user-facing toolbar, our codebase includes structural accessibility features baked into every component. These work silently in the background to ensure assistive technologies can interpret and navigate mengsns.com accurately.
Full Keyboard Navigation
Every interactive element has a visible focus indicator — a 3 px solid ring in our brand red (#eb1e2e) with a 2 px white offset to maintain contrast on any background. Tab order follows the logical reading sequence. Skip-navigation links allow keyboard users to jump directly to the main content, product grid, or footer.
ARIA Landmarks & Live Regions
The page structure uses semantic HTML5 elements (<header>, <nav>, <main>, <footer>) supplemented by ARIA landmark roles. Dynamic content — cart count updates, filter results, toast notifications — is announced via aria-live regions so screen-reader users never miss changes.
Descriptive Alt Text
Every product image carries handwritten alt text that describes the plush toy: species, colour, approximate size, and notable features (e.g., "20 cm sakura-pink bunny plush with embroidered cherry-blossom cheeks and a satin bow"). Decorative images use empty alt="" to avoid clutter.
Colour Contrast
All text on mengsns.com meets a minimum contrast ratio of 4.5 : 1 against its background (WCAG AA). Large headings and UI components meet 3 : 1. Our brand red (#eb1e2e) is paired with white (#ffffff) for buttons and badges, yielding a ratio of 4.63 : 1. Interactive states (hover, focus) maintain or exceed this threshold.
Accessible Forms & Errors
Every form field (checkout, registration, newsletter) has a visible <label>. Validation errors are displayed inline next to the field, use descriptive text (not just colour), and are linked via aria-describedby. Required fields are marked with both a visual asterisk and aria-required="true".
Responsive Reflow at 400 %
Content reflows into a single column without horizontal scrolling when the browser is zoomed to 400 %, satisfying WCAG 2.1 criterion 1.4.10. Touch targets measure at least 44 × 44 CSS pixels, and spacing between interactive elements prevents accidental activation on mobile.
Accessibility Feedback & Support
We genuinely want to hear from you. If you encounter any barrier while using mengsns.com, or if you have a suggestion for how we can improve the experience, please reach out. Your feedback directly shapes our accessibility roadmap.
Get in Touch
Our dedicated accessibility team monitors the channels below. We acknowledge every report within 1 business day and provide a substantive resolution or update within 5 business days.
Alternative Formats
Need product information in an alternative format — large print, plain-text, or audio description? Contact us via any channel above and we'll prepare it within 3 business days at no extra cost. We also offer phone-assisted ordering for customers who find the online checkout difficult to use.