Focus Flashcards

1
Q

Which elements can receive keyboard focus?

A

Elements that are interactive by default (e.g., links, buttons, inputs) or those with tabindex attributes.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Why should you avoid using outline: none in CSS?

A

It removes the focus indicator, making it harder for keyboard users to navigate.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Why shouldn’t you replace outline styles with box-shadow for focus indicators?

A

box-shadow does not appear in Windows High Contrast mode, reducing accessibility.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Why should you avoid setting positive values for tabindex?

A

It disrupts the natural tab order and can cause accessibility issues.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What should you ensure about the focus state of elements?

A

The focus state should be very clear and visible to improve accessibility.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly