Accessibility Statement
Last updated: 2026-06-28
Draft — pending legal review
This page is engineering-authored scaffolding written to satisfy Razorpay’s merchant policy requirements. It will be reviewed by an India-qualified lawyer for DPDP Act 2023, Consumer Protection Act 2019, and IT Act compliance before public launch. The launch gate blocks if any policy is unreviewed.
SwapMyTech is committed to making its website accessible and usable by everyone, including people with disabilities. We aim to conform to the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA.
1. Our commitment
Accessibility is treated as an engineering requirement, not a post-launch afterthought. We test the interface with keyboard navigation and screen readers during development, and we include accessibility criteria in our definition of done for UI changes.
2. What we have done
Semantic HTML
Pages use correct heading hierarchy (h1 → h2 → h3), landmark elements (main, nav, footer), and appropriate ARIA roles and labels where HTML semantics alone are insufficient.
Keyboard navigation
All interactive elements — links, buttons, form fields, modals — are reachable and operable with a keyboard alone. Tab order follows the visual layout. Dialogs trap focus while open and return focus to the trigger on close. There are no keyboard traps outside of intentional modal dialogs.
Visible focus indicators
Focus rings are visible on all interactive elements. We do not suppress the browser’s default outline without providing a styled replacement. Focus styles are high-contrast and consistent in both light and dark mode.
Colour contrast
Text-to-background contrast ratios target WCAG 2.1 AA minimums: 4.5:1 for body text and 3:1 for large text and UI components. Both light and dark colour schemes are designed to these ratios. Our design tokens are defined in app/globals.css and applied consistently.
Dark mode
The site honours the operating system’s prefers-color-scheme setting and also provides a manual toggle. The selected preference is persisted via a server-read cookie so the correct theme is applied on first load without a flash of unstyled content.
Reduced motion
All CSS transitions and animations respect the prefers-reduced-motion: reducemedia query. Users who have enabled “Reduce motion” in their OS settings will see minimal or no motion effects.
Responsive layout
The site is fully responsive from 320 px upward. Text can be enlarged to 200% in the browser without breaking layout or causing horizontal scroll on any core page.
Form labels and errors
All form fields have visible labels and are associated programmatically. Error messages are surfaced inline next to the relevant field and announced to screen readers via aria-describedby or role="alert".
3. Known limitations
We are honest about the areas where work remains:
- Image alt text: Product images uploaded via the CMS may have generic or missing alt text depending on operator input. We are adding alt text fields to the upload flow.
- Complex data tables: Some valuation and order tables currently have simple
thheaders but lackscopeandid/headersassociations needed for screen-reader row–column pairing on large tables. - Third-party payment UI: The Razorpay checkout iframe is a third-party surface; its accessibility is governed by Razorpay and is outside our direct control.
- No formal audit yet: We have not commissioned an independent WCAG audit. This statement reflects engineering-level implementation rather than a certified conformance claim.
4. Technical approach
SwapMyTech is built with Next.js (App Router) and Tailwind CSS. Server-side rendering means that page content is available before JavaScript executes — important for assistive technologies that parse the initial HTML. Interactive components use React with correct ARIA where needed.
5. How to report an accessibility issue
If you find a barrier that prevents you from using any part of SwapMyTech, please tell us. We want to fix it.
- Email support@swapmytech.com with subject line Accessibility.
- Call +91 90357 86021 (Monday–Saturday, IST business hours).
Please describe the barrier, the page or feature where you encountered it, and the assistive technology or browser you were using. We aim to acknowledge accessibility reports within 48 hours and to fix or provide a workaround within 30 days where technically feasible.
6. Formal grievance
If your report is not resolved to your satisfaction, you may escalate to the Grievance Officer at support@swapmytech.com. Our standard grievance SLA (48h acknowledgement / 30 days resolution) applies.
7. Related policies
See also our Privacy Policy for how personal data (including any contact details you share when reporting an issue) is handled.