A Commitment to Inclusivity
I believe the web should be accessible to all, regardless of ability or the technology they use. This portfolio is a personal project, and one of my core goals is to ensure it provides a welcoming and functional experience for every visitor. I am committed to striving for compliance with modern accessibility standards and continuously improving the user experience for everyone.
Standards and Goals
My goal is for this website to meet and, where possible, exceed the standards set by the Web Content Accessibility Guidelines (WCAG) 2.1. I am actively working to ensure the site is compliant with:
- WCAG 2.1 Level AA: This is my primary target, as it is the most common standard for web accessibility worldwide.
- WCAG 2.1 Level AAA: Where feasible, I aim to incorporate Level AAA success criteria, particularly in areas like color contrast and clarity.
- Section 508: As a U.S.-based developer, I also strive to ensure the site is compliant with the standards of Section 508 of the Rehabilitation Act.
An Ongoing Effort & Specific Measures
I am not perfect, and this website is a living project. Accessibility is not a one-time checklist but an ongoing process of learning and improvement. In addition to general best practices like using semantic HTML, I have implemented several specific features to improve the user experience:
-
Respect for User Preferences:
- Light & Dark Mode: The website will automatically respect your device's light or dark mode settings to provide a more comfortable viewing experience. (This is done using the `prefers-color-scheme` CSS media query).
- Reduced Motion: If you've enabled "reduce motion" settings on your device (often used to prevent motion sickness), decorative animations like the moving stars or fireflies on project pages will be automatically disabled. (This is done using the `prefers-reduced-motion` media query).
-
Enhanced Keyboard Navigation:
- Skip to Content Link: Keyboard users can press the `Tab` key upon loading a page to immediately reveal a "Skip to Content" link. This allows you to bypass the entire navigation menu and jump directly to the main content of the page.
-
Screen Reader Support:
- Contextual Text: For icons or buttons where the meaning is purely visual, I have included hidden text that is only read aloud by screen readers to provide necessary context (using `visually-hidden` CSS classes).
- Hiding Decorative Images: To reduce unnecessary noise for screen reader users, images that are purely for decoration and add no informational value are hidden from assistive technology (using an empty `alt=""` attribute or `aria-hidden="true"`).
If you encounter any accessibility barriers or have suggestions on how I can improve the experience, I genuinely want to hear from you. Your feedback is an invaluable part of this process.
Feedback and Contact
Should you have any issues or questions regarding the accessibility of this site, please do not hesitate to reach out. You can find my contact information and schedule a time to speak with me directly via my contact page.