Accessibility

Question 1

What is tab order for elements that open in a new container?

Answer 1

tab to close button first and then to content

Question 2

aria-labelledby

Answer 2

Points to the id of the element that provides the label of the current element

Question 3

aria-label

Answer 3

provides a label for an element

Question 4

aria-describedBy

Answer 4

Example: If you have a form field that requires additional instructions or explanations, you can use aria-describedby to point to an element with the relevant information.

Question 5

aria-hidden

Answer 5

hides an element from screen readers

Question 6

aria-disabled

Answer 6

indicates whether an element is interactive or not

Question 7

aria-expanded

Answer 7

indicated when a collapsable element is open or closed

Question 8

aria-selected

Answer 8

indicated when an element in a group is selected

Question 9

aria-checked

Answer 9

indicates the current state of a checkbox or radio button

Question 10

aria-controls

Answer 10

specifies the control elements of the current element

Question 11

aria-live

Answer 11

determines what happens when the elements content changes. off, assertive (immediate), and polite

Question 12

aria-atomic

Answer 12

determines whether the entire changed region should be announced (true) or only the changed area in the changed region is announced (false)

Question 13

What is it called when ssing the right element for the right job. For example, making sure you use headings and paragraphs, and <button> and <a> elements</a></button>

Answer 13

good Semantics

Question 14

what does ARIA stand for

Answer 14

Accessible Rich Internet Applications

Question 15

aria-required

Answer 15

specifies when a form input needs to be valid

Question 16

three main parts of aria

Answer 16

roles (what an element is), properties, and states (current conditions)

Question 17

How to make non-tabbable elements tabbable

Answer 17

tabindex=’0’

Question 18

aria-setsize

Answer 18

This property allows you to specify to screen readers that an element is part of a series, and how many items the series has.

Question 19

aria-posinset

Answer 19

This property allows you to specify what position in a series an element is in. Along with aria-setsize, it provides a screen reader with enough information to tell you that you are currently on item “1 of 3”