How does Beautiquet maintain WCAG 2.1 AA accessibility?
High-contrast typography, complete keyboard operable interfaces, reduced-motion fallbacks, and screen reader markup.
Digital accessibility is an engineering commitment at Beautiquet. We design and audit our online cosmetics catalog to ensure every nail technician, studio owner, and home manicure customer can inspect formulation data, review bottle volumes, and submit order allocations regardless of physical or cognitive ability.
What standard governs accessibility across this website?
We build and evaluate beautiquet.click against the Web Content Accessibility Guidelines (WCAG) version 2.1, Level AA criteria, which also fulfills Section 508 and the Americans with Disabilities Act (ADA) digital access requirements.
These standards guide our contrast ratios, DOM structure, focus traps, interactive controls, and document hierarchy. We treat accessibility barriers as functional defects on par with broken forms or distorted images.
How does our concrete industrial design protect visual contrast?
Our visual palette utilizes a greige ground with a delicate pink cast (#EDE6E4) paired with deep charcoal ink typography (#1C1919) and high-density slate (#302B2A). This combination yields a visual contrast ratio exceeding 9.8:1 for body copy and 11.2:1 for primary headings, far exceeding the WCAG 4.5:1 minimum threshold.
When our muted terracotta accent (#C46D5E) appears, it serves as an ornamental border or sits on dark industrial panels where text contrast remains above 5.1:1. All interactive buttons carry dark solid fills with crisp white or pale stone type, ensuring that action controls remain unmistakably readable under direct sunlight or low-light salon conditions.
Can you navigate every catalog tool and form using only a keyboard?
Yes. The entire website is fully operable using standard keyboard navigation without requiring mouse or touch input.
A dedicated skip link rests at the very top of the DOM. Pressing Tab immediately exposes the bypass anchor, allowing screen reader and keyboard users to skip the brand masthead and header navigation.
Every interactive element features a high-contrast 3px outline in muted terracotta with a 2px offset. Focus indicators are never removed or masked with CSS outline:none.
Tab flow mirrors the natural reading order: header navigation, main content blocks, table rows, inquiry inputs, and footer links. No tabindex values greater than 0 are used.
Our support chat window and mobile navigation drawer allow clean Esc key dismissals and cycle focus strictly within open dialog containers until closed.
How do screen readers interpret our nail formulations and tables?
All catalog specifications, curing matrices, and price tables are marked up with semantic HTML rather than unannounced flexbox cards or flat graphical renderings.
Every table includes semantic <thead>, <th scope="col">, and <td> cells, enabling assistive screen software like NVDA, JAWS, and Apple VoiceOver to announce column headers alongside each milliliter volume, UV/LED curing time, and price value. Images of products and studio procedures carry explicit, descriptive alt text explaining bottle dimensions, brush bristle alignment, or base coat viscosity flow without generic filler phrases.
How does the site adapt to reduced-motion and zoom preferences?
Our CSS motion architecture directly respects the user's operating system settings via the prefers-reduced-motion: reduce media query.
When reduced motion is requested, all running spec ticker marquees pause immediately into a stationary state. Scroll-driven layer animations and smooth-scrolling behaviors collapse into immediate static renderings. In addition, our fluid responsive layout supports browser zooming up to 300 percent without horizontal text clipping, overlapping buttons, or container displacement.
Who handles accessibility accommodations and feedback?
If you encounter an accessibility hurdle, have difficulty inspecting a particular chemical formulation sheet, or require alternative formats of our catalog records, contact our Charlotte studio team directly:
- Desk Coordinator: Beautiquet Accessibility & Inquiries Desk
- Physical Studio: 130 North Tryon Street, Charlotte, North Carolina 28202, United States
- Email: office@beautiquet.click
- Direct Phone: +1 (307) 555-3072
- Hours of Operation: Monday to Friday, 09:00 to 18:00 EST
We treat accessibility bug reports with urgency and aim to implement remedial markup fixes or provide personalized allocation assistance within two business days.