4.2 Accessibility Basics (ARIA) Flashcards
(18 cards)
What is accessibility (e11y) in web development?
Designing websites so the all users, including those with disabilities, can use them.
Why does accessibility matters?
It promotes inclusions, improves usability, & may be required by law.
How does semantic HTML improve accessibility?
Screen readers can understand page structure without extra attributes.
When should you leave alt=””?
For decorative images that don’t convey information.
What is the <label> tag role in accessibility?</label>
Associates text with form controls, improving usability for screen readers.
What is ARIA in web development?
ARIA ( Accessible Rich Internet Applications) is a set of HTML attributes that add accessibility features to complex UI elements.
What does aria-label do?
Adds a text label to an element when a visible label isn’t available.
What does aria-labelledby do?
Links an element to another element’s ID that serves as a label.
What is an ARIA role?
Defines the purpose of an element for assistive tech, e.g, role=”button”.
Should ARIA attributes replace semantic HTML?
No, use semantic HTML first; ARIA should only enhance when necessary.
What is a screen reader?
A tool that reads aloud content on a web page for visually impaired users.
How do screen readers interpret the page structure?
They use HTML semantics & ARIA to announce headings, roles, & landmarks.
What are landmark roles in ARIA?
Predefined roles like banner, navigation, main, and contentinfo that help users navigate by region.
Can aria-hidden=”true” hide elements from screen readers?
Yes, it removes the element from accessibility APIs.
What’s a common accessibility mistake with ARIA?
Overusing it instead of relaying on semantic HTML.
What browser tools help test accessibility?
Tools like lighthouse, axe, & browser dev tools with accessibility tabs.
What should every <form> control have for accessibility?
An associated <label>, aria-label, or aria-labelledby.</label>
Should form validation use visual cues only?
No, it should include text & ARIA alerts for screen reader compatibility.
