Inspiration
We were inspired by the need to create an accessible and user-friendly product search platform that helps people find the best deals quickly and efficiently. With the growing demand for online shopping, we wanted to ensure that everyone, regardless of technical skill level or accessibility needs, can easily navigate and benefit from product comparisons
What it does
This project allows users to search for products based on their preferences, such as price and category, providing direct links to affordable options. The platform is designed with accessibility in mind, offering a simple, clean interface that caters to users of all abilities, making product searches faster and more convenient
How we built it
We developed the project using HTML, CSS, and JavaScript. The front-end provides an intuitive interface for users to search and view results, while JavaScript dynamically handles the product filtering and listing. We incorporated accessibility best practices such as semantic HTML, keyboard navigation, and clear visual cues to ensure an inclusive experience for all users
Challenges we ran into
One of the main challenges was making sure the site was fully accessible to users with disabilities. We had to ensure that all interactive elements were properly labeled for screen readers, keyboard navigation was smooth, and color contrast was optimized for users with visual impairments. Balancing functionality with performance was another challenge, as we needed to handle large lists of products without slowing down the site
Accomplishments that we're proud of
We’re proud of creating a fully functional and accessible product search platform that performs well across devices and is usable by people with different abilities. Successfully implementing accessibility features, like making the site screen reader-friendly and ensuring keyboard navigation worked without a hitch, was a major win for us
What we learned
Throughout this project, we learned the importance of designing for inclusivity from the ground up. We gained valuable insights into accessibility best practices and how to test and implement them effectively. We also learned how to improve the user experience for a diverse audience, enhancing our skills in front-end development and performance optimization
What's next for ALLAccess
Next, we will attempt to improve the pages currently built and expand their uses through the use of specially generated API's.
PLEASE SEE: The main-finished-part github link is the full project completed and put in the same area. The index.html file is the one to run that will work as the main page to the other links.
Log in or sign up for Devpost to join the conversation.