Procoder

Top 3 Winners:

Aditya Gaikwad, Harshawardhan Paygude and Meghana Chavhanake

Congratulations!!

Quiz Questions and answers are below:

1. What is a legend element?
a) Element takes control over the <fieldset> element
b) This element allows you to specify a caption for the <fieldset> element
c) They are used to break the groups to let them stand individually in forms
d) It is used to create a finalized identity which cannot be modified any further
Correct Answer: Option b

2. What is NVDA?
a) An initiative by W3C
b) An organization of accessibility experts
c) An accessibility testing tool
d) A screen reader
Correct Answer: Option d

3. What is keyboard accessibility?
a) A web page must be operable with a keyboard only
b) A keyboard must also display the letters in braille
c) A keyboard must be connected to a computer
Correct Answer: Option a

4. What is the minimum colour contrast ratio for normal size web text against its background for WCAG 2.1 AA?
a) 3.0 : 1
b) 4.5 : 1
c) 7.0 : 1
Correct Answer: Option a

5. What does `role="alert"` do?**
a) Displays a warning popup.
b) Notifies screen readers about important updates automatically.
c) Prevents users from closing an alert box.
d) Adds a visual alert on the screen.
Correct Answer: Option b

6. How to connect a label to an input field?
a) <label id="name">Your name</label>
b) <label>Your name</label>
c) <label for="name">Your name</label>
Correct Answer: Option c

7. Examples of landmarks in HTML5 are:
a) <header>, <main>, <footer>
b) <h1>, <p>, <blockquote>
c) <button>, <a>, <input>
Correct Answer: Option a

8. Which text-based alternative to multimedia (like a video or podcast) is most useful to users who are deafblind?
a) Audio descriptions
b) Transcripts
c) Captions
Correct Answer: Option b

9. True or False: Screen readers are only used by people with visual disabilities.
a) True
b) False
Correct Answer: Option b

10. For someone with low vision, what are ways to make text more readable?
a) Zoom or magnify text on screen
b) Change text and background colors for better contrast
c) Use a screen reader
Correct Answer: Option c

11. What are the main ways to make an <iframe> accessible?
a) A title attribute
b) An alt attribute
c) Name attribute
Correct Answer: Option a

12. What is the best way to link the <title> in an <svg> so that screen readers will recognize it as the alternative text?
a) aria-label
b) aria-describedby
c) aria-labelledby
Correct Answer: Option c

13. What is meant by "semantic HTML" in the context of web accessibility?
a) Using HTML tags only for decoration
b) Using HTML tags that describe the content’s meaning and structure
c) Making the website compatible with search engines
d) Writing code that is difficult to understand
Correct Answer: Option b

14. Which of the following is the best way to ensure that a website’s color contrast meets WCAG guidelines?
a) Use only black and white colors
b) Test the color contrast ratio using a color contrast tool
c) Choose any combination of colors that look visually appealing
d) Only adjust contrast for headings and titles
Correct Answer: Option b

15. What does `role="button"` do?
a) Visually formats an element as a button.
b) Makes an element accessible as a button to assistive technologies.
c) Adds hover styles automatically.
d) Binds the element to a click event.
Correct Answer: Option b