WCAG 2.1 Guidelines Flashcards

1
Q

aria-invalid indicates the entered value does not conform to the format expected by the application. What values can it be?

A
  • grammar
  • false
  • spelling
  • true
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

When is role=alertdialog used?

A

To notify users of urgent information that demands the user’s immediate attention. Including role=”alertdialog” on the element containing the dialog helps assistive technology identify the content as being grouped and separated from the rest of the page content.

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

How can you use HTML to mark outdated information?

A
  • <s>[text]</s>
  • <del datetime=[] cite=[]>[text]</del>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Vilka program är rekommenderade att använda för prenumerationstjänster?

A

RSS eller Atom

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

Ner till vilken bredd bör horisontell scrollning undvikas?

A

320 pixlar

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

Vad innebär flytande layout?

A

Ger flexibel spaltbredd genom att använda spaltbredder i procent som anpassar sig efter fönstret.

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

Vad innebär elastisk layout?

A

Kontrollerar radlängden. Använder enheten rem för spaltbredder → layouten anpassar sig efter webbläsarens textstorlek. Om användaren ändrar textstorleken → den maximala radlängden ändras → textrader består av samma antal tecken oavsett textstorlek.

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

Vad innebär hybridlayout?

A

Blandar flytande och elastisk design.

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

Ange hur sidhuvud kan märkas upp med hjälp av HTML och ARIA?

A
  • HTML: <header>
  • ARIA: role=”banner”
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Ange hur sökfunktion kan märkas upp med hjälp av HTML och ARIA?

A
  • HTML: saknas, använd ARIA!
  • ARIA: role=”search”
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Ange hur navigation/meny kan märkas upp med hjälp av HTML och ARIA?

A
  • HTML: <nav aria-label="huvudmeny">
  • ARIA: role=”navigation”
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Ange hur huvudinnehåll kan märkas upp med hjälp av HTML och ARIA?

A
  • HTML: <main>
  • ARIA: role=”main”
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Ange hur navigation/meny kan märkas upp med hjälp av HTML och ARIA?

A
  • HTML: <main>
  • ARIA: role=”main”
How well did you know this?
1
Not at all
2
3
4
5
Perfectly