This project consists of a quiz webpage that tests your knowledge of HTML and CSS. The quiz is designed with accessibility in mind, incorporating various tools and best practices to ensure best user experience. Accessibility aims to make webpages easy for all people to use, including those with disabilities.
-
Keyboard Shortcuts: The quiz webpage includes keyboard shortcuts to enhance accessibility. Users can navigate through the quiz and select answers using keyboard inputs alone, without relying solely on mouse interactions.
-
ARIA Attributes: ARIA (Accessible Rich Internet Applications) attributes have been incorporated into the quiz elements. These attributes provide additional information to assistive technologies, enabling users with disabilities to understand and interact with the quiz more effectively.
-
Design Best Practices: The design of the quiz webpage follows best practices for accessibility. This includes using appropriate color contrast ratios, ensuring clear and readable text, and providing sufficient visual cues to guide users through the quiz.
- Clone the repository to your local machine.
git clone https://github.com/VERIFIED-git/html-css-quiz.git
- Navigate to the project directory.
cd html-css-quiz
-
Open the
index.htmlfile in your preferred web browser. -
The quiz webpage will be displayed, presenting a series of questions related to HTML and CSS.
-
Use the provided keyboard shortcuts or mouse interactions to select your answers for each question.
-
Once you have answered all the questions, submit your responses to view your quiz results.
Contributions to this project are welcome! If you have any suggestions, bug fixes, or additional features you would like to add, please submit a pull request. Ensure that your changes maintain the project's focus on accessibility and adhere to coding best practices.
I would like to acknowledge the following resources and references that helped in the development of this project: