Inclusion & Standards
Accessibility Statement
Gaurav Portfolio is committed to digital accessibility and creating a barrier-free experience for all visitors, regardless of physical ability, device type, or assistive technology.
Our Accessibility Commitment
Web experiences should be intuitive and universally navigable. This portfolio is engineered from the ground up to support modern assistive devices, keyboard-only navigation, screen readers, and variable viewport environments without functional degradation.
Design Targets & Standards
The interface strives to adhere to the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA principles:
Perceivable
High-contrast typography (`#FFFFFF` and `#CBD5E1` against `#000319`) exceeding standard 4.5:1 contrast ratios.
Operable
All interactive controls, modals, and navigation triggers are fully functional via standard keyboard controls.
Understandable
Clear visual hierarchy, explicit error messaging on forms, and predictable layout states across all views.
Robust
Semantic HTML5 tags (<main>, <header>, <nav>, <footer>) ensuring broad compatibility across browsers.
Keyboard Navigation & Focus Management
- Logical Tab Order: Tab index follows natural reading order across all sections, projects, and forms.
- Focus Rings: Visible, high-visibility focus indicators (
:focus-visible) are rendered around all active elements. - Modal Focus Trapping: Interactive overlays (Contact Modal, Assistant Window) trap focus within the active dialog and dismiss cleanly on the Escape key.
Reduced Motion & Layout Stability
For visitors with vestibular sensitivities or motion discomfort, the website respects the system-level prefers-reduced-motion media query.
When enabled, non-essential 3D canvas rotations, floating parallax transitions, and kinetic slide animations are automatically replaced with subtle, instantaneous cross-fades. Additionally, all dynamic loaders maintain fixed skeleton bounds to enforce zero Cumulative Layout Shift (CLS = 0).
Touch Target Ergonomics & Mobile Standards
All interactive touch targets—including social icon buttons, navigation pills, and form inputs—meet the recommended minimum bounding box of 44x44 CSS pixels.
Layouts are engineered with fluid scaling and responsive padding to prevent horizontal scroll clipping or unintended touch overlap on small screens.
Accessibility Feedback & Assistance
If you encounter an accessibility barrier, experience difficulty accessing any content, or require information in an alternate format, please reach out directly: