Accessibility

I want this site to work for everyone, however you browse: with a keyboard, a screen reader, zoomed in, on an old phone, or with animations turned down. The goal is to meet the Web Content Accessibility Guidelines (WCAG) 2.2 (opens in a new tab) at level AA.

What's in place

• ■Keyboard access. Every link, button and form field can be reached with Tab. The up and down arrows, Page Up, Page Down, Home, End and Space (Shift + Space to go back) all scroll the page, even while smooth scrolling is on.
• ■Visible focus. Whatever has keyboard focus gets a bright copper outline.
• ■Skip link. The first press of Tab shows a “Skip to content” link that jumps straight past the navigation.
• ■Structure. Each section has a real heading, in order, so you can move around by headings with a screen reader. Links and buttons are real links and buttons.
• ■Images. Project photos have text descriptions. Purely decorative pieces, like the 3D pin wall, the other WebGL effects and the background grain, are hidden from assistive technology so they don't get in the way.
• ■The tech stack. The scrolling rows of tools also exist as a plain list for screen readers, so nothing is only available as moving text.
• ■Contact chat. New messages are announced to screen readers as they arrive, the answer box is labelled for each question, and the quick replies are ordinary buttons. My email address is also written out beside the phone.
• ■Resume preview. The floppy disk and the file in the chat open a preview of my resume. Focus moves into it and stays there until you close it with the Close button or Escape, then goes back to where you were. The PDF itself is a text document, so screen readers can read the downloaded file.

Motion

Animation is a big part of this site, so it comes in two levels:

• ■Full. Everything, including smooth scrolling and the effects that react to how fast you scroll.
• ■Softer. If your device is set to reduce motion, the site respects it. Smooth scrolling and the speed-driven effects switch off, so the page never moves under you, while the rest of the animation still plays.

The custom cursor only appears with a precise pointer, like a mouse or trackpad. It never shows on touch screens, and it never replaces the normal text cursor in form fields, so you can always see where you're typing.

Known limitations

I'd rather be honest about these than pretend they aren't there:

• ■Some small grey labels on the home page are lower in contrast than the 4.5:1 that AA asks for. I'm raising them as I go. These info pages already use stronger contrast.
• ■On the home page the opening animation holds the page still for a moment before you can scroll.
• ■The tech stack rows keep moving on their own, and there is no switch to stop them. Pointing at them slows them right down, and every name in them is also listed for screen readers.
• ■If the contact chat can't send your message, it offers to open your email app instead. Emailing me directly always works too.
• ■The very large display headings are sized to the screen in an extra-wide typeface. On a narrow screen or at high zoom, part of a heading can be cut off at the edge. The full words are still there as normal text for screen readers.
• ■Links to LinkedIn, GitHub, Instagram and X take you to sites I don't control.

Tell me what's not working

If something on the site is hard to use, or doesn't work with the way you browse, please tell me. Email parthbetai007@gmail.com with the page, what went wrong and, if you can, the device, browser or assistive technology you use. I read every message and I'll work on a fix.