Black Women in STEM — Accessible Website

Beginner Web Development Project

I designed and built an accessibility-first, front-facing website highlighting the contributions of Black women in STEM. This project was a self-directed practice initiative focused on strengthening my front-end skills while exploring how accessibility and storytelling can be embedded into digital experiences.

The site was intentionally designed to educate, inspire, and amplify the stories of trailblazing figures who have historically been overlooked in science and technology fields. Through this project, I prioritized inclusive design decisions and hands-on experimentation with accessibility features.

While this was an early project in my web development journey, it was foundational in shaping my approach to inclusive, human-centered design and introduced me to accessibility best practices that I continue to prioritize in later work.

Key Features & Technical Highlights

- Implemented alt text for images, semantic HTML, keyboard navigation support, and text-to-speech functionality to improve usability for users with visual or cognitive disabilities.
- Added Dark Mode and zoom functionality to support different readability preferences.
- Ensured closed captions for embedded multimedia content.
- Used JavaScript to dynamically load profiles, quizzes, and educational content.
- Debugged issues related to dynamic content rendering and event handling to maintain consistent accessibility behavior.
- Researched historical and contemporary Black women in STEM and translated findings into accessible digital profiles.
- Structured content to balance educational depth with clear, readable presentation.
- Iteratively improved UI, accessibility features, and interaction patterns through testing and refinement.
- Used this project to practice writing maintainable HTML/CSS and structuring JavaScript for small-scale interactive features.