https://github.com/yunnsbz/quiz-page
https://github.com/yunnsbz/quiz-page
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/yunnsbz/quiz-page
- Owner: yunnsbz
- Created: 2025-03-03T17:19:07.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-03T17:25:12.000Z (3 months ago)
- Last Synced: 2025-03-03T18:31:20.861Z (3 months ago)
- Language: HTML
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Html-Css Quiz
## Description
This project is a simple HTML/CSS quiz designed as a practice project for freeCodeCamp's Accessibility Quiz. It includes form elements structured with accessibility best practices, allowing users to answer HTML and CSS-related questions.
## Features
- A structured quiz with sections for user information, HTML questions, and CSS questions.
- Uses semantic HTML elements for better accessibility.
- Labels and form controls are correctly associated for screen readers.
- Includes radio buttons, select dropdown, and textarea input fields.
- Uses `fieldset` and `legend` for grouping related form elements.
- Navigation menu for quick access to different sections of the quiz.
## Technologies Used
- HTML5
- CSS3
## How to Use
1. Clone or download the repository.
2. Open `index.html` in a web browser.
3. Fill in the student information.
4. Answer the HTML and CSS-related questions.
5. Click the `Send` button to submit the form.
## Accessibility Features
- `aria-labelledby` attributes for better screen reader support.
- Proper use of `label` elements to associate with form controls.
- `fieldset` and `legend` used to group related form elements.
- Navigation links for easier navigation within the page.
## License
This project is open-source and free to use.