HTML Accessibility Issues
Professional Development
•10 Qs
Similar activities
ER Model
Professional Development
•10 Qs
C Programming
Professional Development
•10 Qs
Python-quiz2
University - Professional Development
•11 Qs
โปรแกรมนารู้
Professional Development
•10 Qs
2 Les bases de l'informatique
Professional Development
•15 Qs
[BD] 02.1 - Modelo Relacional - Intuição, Notação, Domínios
University - Professional Development
•12 Qs
Quality & Secure Code Practices
Professional Development
•10 Qs
EC3 - Parte 2
Professional Development
•12 Qs
HTML Accessibility Issues
Quiz
•
Computers
•
Professional Development
•
Medium
Maria Lucia
Used 2+ times
FREE Resource
Enhance your content in a minute
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.
Create a free account and access millions of resources
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
By signing up, you agree to our Terms of Service & Privacy Policy
Already have an account?
Similar Resources on Wayground
12 questions
React/Javascript Quizz
Quiz
•
Professional Development
15 questions
Scratch Text Operators
Quiz
•
KG - Professional Dev...
10 questions
Friday Fun
Quiz
•
Professional Development
10 questions
SQL Commands - SELECT Statements
Quiz
•
Professional Development
15 questions
HERRAMIENTAS GOOGLE1 (1.2)
Quiz
•
Professional Development
10 questions
IT General Control
Quiz
•
Professional Development
15 questions
Sec+ CH.1 Review Test
Quiz
•
Professional Development
10 questions
Intro to Node.js
Quiz
•
Professional Development
Popular Resources on Wayground
20 questions
Halloween Trivia
Quiz
•
6th - 8th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
15 questions
Order of Operations
Quiz
•
5th Grade
20 questions
Halloween
Quiz
•
5th Grade
16 questions
Halloween
Quiz
•
3rd Grade
12 questions
It's The Great Pumpkin Charlie Brown
Quiz
•
1st - 5th Grade
20 questions
Possessive Nouns
Quiz
•
5th Grade
10 questions
Halloween Traditions and Origins
Interactive video
•
5th - 10th Grade
Discover more resources for Computers
10 questions
Halloween
Quiz
•
Professional Development
16 questions
Spooky Season Quiz
Quiz
•
Professional Development
5 questions
11.4.25 Student Engagement & Discourse
Lesson
•
Professional Development
50 questions
ASL Colors and Clothes
Quiz
•
KG - Professional Dev...
15 questions
Ohms Law
Quiz
•
Professional Development
10 questions
Halloween Trivia
Quiz
•
Professional Development
10 questions
Halloween Trivia
Quiz
•
Professional Development