Free Code Camp Certified Full Stack Developer Curriculum HTML Accessibility Review

38 flashcardsby Richard
Study these flashcardsFree · spaced repetition · iPhone, Android, Mac & web

All cards

1
What does WCAG stand for?
Web Content Accessibility Guidelines
2
What are the four principles of WCAG?
Perceivable, Operable, Understandable, Robust
3
What do screen readers do?
They read the content of a computer screen out loud
4
Who uses large text or braille keyboards?
People with visual impairments
5
What do screen magnifiers do?
They enlarge the content of a computer screen
6
Who uses alternative pointing devices?
People with mobility impairments
7
What does voice recognition help with?
Controlling a computer using voice
8
Name a common accessibility auditing tool
Google Lighthouse
9
What is one purpose of proper heading level structure?
To create a logical structure for assistive technologies
10
What HTML element defines a table header cell?
th
11
What HTML element defines a table data cell?
td
12
Where should the caption element be placed in a table?
Immediately after the opening table tag
13
What element should be used to associate labels with form inputs?
label
14
What attribute provides a text alternative for images?
alt
15
Why is descriptive link text important?
It helps users understand the purpose of the link
16
What should be provided for audio and video content?
Captions and transcripts
17
What does the tabindex attribute do?
Makes elements focusable and defines keyboard navigation order
18
What tabindex values should be used?
0 or -1
19
What does the accesskey attribute do?
Defines a keyboard shortcut for an element
20
What does WAI-ARIA stand for?
Web Accessibility Initiative - Accessible Rich Internet Applications
21
What are ARIA roles used for?
To define the purpose of HTML elements for assistive technologies
22
What are widget roles used for?
To define the purpose of interactive elements
23
What are landmark roles used for?
To classify primary sections of a page
24
What do live region roles indicate?
Content that changes dynamically
25
What are window roles used for?
To define sub-windows like modals
26
Should abstract roles be used by developers?
No
27
What does the aria-label attribute do?
Gives an element an accessible name directly
28
What does the aria-labelledby attribute do?
References existing text to give an element a name
29
What does the aria-hidden attribute do?
Hides elements from assistive technologies
30
What does the aria-expanded attribute indicate?
The state of a toggle or disclosure
31
What does the aria-live attribute do?
Tells screen readers to announce dynamic content
32
Give an example of an aria-live value
assertive or polite
33
What does aria-haspopup indicate?
That an element triggers a pop-up
34
What does aria-checked indicate?
Whether an element is in a checked state
35
What does aria-disabled indicate?
That an element is disabled for assistive tech
36
What does aria-selected indicate?
That an element is currently selected
37
What does aria-controls do?
Associates an element with one it controls
38
What does aria-describedby do?
Provides additional information about an element
Study all 38 cards for free