HTML Accessibility Issues
Authored by Maria Lucia
Computers
Professional Development
Used 2+ times
AI Actions
Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...
Content View
Student View
10 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
Invalid HTML Syntax
What is the issue with the following code?
<p><div>This is a paragraph with an incorrect nesting.</p></div>
The <div> element is improperly nested inside the <p> element.
There is no issue; this is valid HTML.
The <div> element should have an id attribute.
The closing </p> tag is incorrect.
2.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
Missing ARIA Live Region for Dynamic Content:
What is the issue with the following code, which shows dynamic content after a form submission?
<div class="status-message">Your form has been submitted!</div>
The div should have role="alert" to announce the message automatically.
The div needs a tabindex to be focusable.
The status-message class is missing an aria-live attribute.
There is no issue; the message is displayed correctly.
3.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
Duplicate IDs
What is the issue with the following code?
<input type="text" id="username">
<input type="password" id="username">
The IDs username are duplicated, which is not allowed in HTML.
The password field should have an aria-label.
The input elements should use semantic labels.
There is no issue with this code.
4.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
Missing Alt Text for Image Used as a Button
What is the issue with the following code?
<img src="submit-icon.png" onclick="submitForm()">
The image lacks an alt attribute to describe its purpose.
The img element should have role="button".
The image should be wrapped in a
There is no issue with this code.
5.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
Invalid Role for Input Field
What is wrong with the following code?
<input role="button" type="text" />
role="button" is incorrectly assigned to an input field.
The input element lacks an aria-label attribute.
The type="text" should not be used with role="button".
There is no issue with this code.
6.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
Missing aria-live for Error Message
What is the issue with the following code that displays an error message after a failed login?
<div class="error-message">Invalid username or password.</div>
The error message should have aria-live="assertive" to ensure it is announced by screen readers.
The error message should have role="alert".
The message needs to be displayed for at least 5 seconds.
There is no issue with this code.
7.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
Focusable Element without tabindex
What is the accessibility issue in the following code?
<div onclick="openMenu()">Open Menu</div>
The div is not focusable by keyboard users because it lacks a tabindex.
The div should have role="button".
There is no issue with this code.
The div needs to be inside a form element.
Access all questions and much more by creating a free account
Create resources
Host any resource
Get auto-graded reports
Continue with Google
Continue with Email
Continue with Classlink
Continue with Clever
or continue with
Microsoft
%20(1).png)
Apple
Others
Already have an account?
Similar Resources on Wayground
14 questions
AES: Coding Fundamentals Lessons 1 and 2
Quiz
•
7th Grade - Professio...
10 questions
ABC
Quiz
•
Professional Development
14 questions
Day 1 - Basics of Java
Quiz
•
Professional Development
10 questions
7/2/2024
Quiz
•
Professional Development
10 questions
Latihan Microsoft Word by Kisron
Quiz
•
Professional Development
10 questions
Access 02
Quiz
•
University - Professi...
10 questions
Quiz - DevSecOps
Quiz
•
Professional Development
10 questions
FSD_Quiz_Level_01
Quiz
•
Professional Development
Popular Resources on Wayground
15 questions
Fractions on a Number Line
Quiz
•
3rd Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
22 questions
fractions
Quiz
•
3rd Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
15 questions
Equivalent Fractions
Quiz
•
4th Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
Discover more resources for Computers
10 questions
How to Email your Teacher
Quiz
•
Professional Development
6 questions
3RD GRADE DECLARATION OF INDEPENDENCE EXIT TICKET
Quiz
•
Professional Development
19 questions
Black History Month Trivia
Quiz
•
6th Grade - Professio...
22 questions
Multiplying Exponents with the Same Base
Quiz
•
9th Grade - Professio...
40 questions
Flags of the World
Quiz
•
KG - Professional Dev...