Skip to content
SwapMyTech

Accessibility Statement

Last updated: 2026-06-28

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 th headers but lack scope and id/headers associations 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.

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.

See also our Privacy Policy for how personal data (including any contact details you share when reporting an issue) is handled.