HTML Accessibility Issues
Professional Development
•10 Qs
Similar activities
CHỦ ĐỀ: CẤU TRÚC RẼ NHÁNH
Professional Development
•10 Qs
Introducción a HTML
Professional Development
•10 Qs
FrontEnd: Primeiros Passos
Professional Development
•10 Qs
HTML
University - Professional Development
•15 Qs
HTML y CSS 3
Professional Development
•10 Qs
Horus Web I - Retour de formation
11th Grade - Professional Development
•14 Qs
CSS-AVANZADO
University - Professional Development
•7 Qs
HTML Basics
9th Grade - Professional Development
•9 Qs
HTML Accessibility Issues
Quiz
•
Computers
•
Professional Development
•
Medium
Maria Lucia
Used 2+ times
FREE Resource
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
Similar Resources on Wayground
10 questions
HTML y CSS 1
Quiz
•
Professional Development
12 questions
JavaScript
Quiz
•
Professional Development
10 questions
Data Management for BA Day I
Quiz
•
Professional Development
13 questions
Javascript HTML CSS
Quiz
•
Professional Development
10 questions
Elemento de html5
Quiz
•
Professional Development
7 questions
HTML
Quiz
•
Professional Development
10 questions
A11 WEB
Quiz
•
Professional Development
13 questions
HTML beginners quiz
Quiz
•
9th Grade - Professio...
Popular Resources on Wayground
10 questions
Lab Safety Procedures and Guidelines
Interactive video
•
6th - 10th Grade
10 questions
Nouns, nouns, nouns
Quiz
•
3rd Grade
10 questions
9/11 Experience and Reflections
Interactive video
•
10th - 12th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
11 questions
All about me
Quiz
•
Professional Development
22 questions
Adding Integers
Quiz
•
6th Grade
15 questions
Subtracting Integers
Quiz
•
7th Grade
9 questions
Tips & Tricks
Lesson
•
6th - 8th Grade
Discover more resources for Computers
11 questions
All about me
Quiz
•
Professional Development
10 questions
How to Email your Teacher
Quiz
•
Professional Development
15 questions
Fun Random Trivia
Quiz
•
Professional Development
22 questions
Anne Bradstreet 1612-1672
Quiz
•
Professional Development
18 questions
Spanish Speaking Countries and Capitals
Quiz
•
KG - Professional Dev...
14 questions
Fall Trivia
Quiz
•
11th Grade - Professi...
15 questions
Disney Characters Quiz
Quiz
•
Professional Development
15 questions
Quiz to Highlight Q types & other great features in Wayground
Quiz
•
Professional Development