WCAG 2.1 Guidelines Flashcards
aria-invalid indicates the entered value does not conform to the format expected by the application. What values can it be?
- grammar
- false
- spelling
- true
When is role=alertdialog used?
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 can you use HTML to mark outdated information?
- <s>[text]</s>
- <del datetime=[] cite=[]>[text]</del>
Vilka program är rekommenderade att använda för prenumerationstjänster?
RSS eller Atom
Ner till vilken bredd bör horisontell scrollning undvikas?
320 pixlar
Vad innebär flytande layout?
Ger flexibel spaltbredd genom att använda spaltbredder i procent som anpassar sig efter fönstret.
Vad innebär elastisk layout?
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.
Vad innebär hybridlayout?
Blandar flytande och elastisk design.
Ange hur sidhuvud kan märkas upp med hjälp av HTML och ARIA?
- HTML: <header>
- ARIA: role=”banner”
Ange hur sökfunktion kan märkas upp med hjälp av HTML och ARIA?
- HTML: saknas, använd ARIA!
- ARIA: role=”search”
Ange hur navigation/meny kan märkas upp med hjälp av HTML och ARIA?
- HTML: <nav aria-label="huvudmeny">
- ARIA: role=”navigation”
Ange hur huvudinnehåll kan märkas upp med hjälp av HTML och ARIA?
- HTML: <main>
- ARIA: role=”main”
Ange hur navigation/meny kan märkas upp med hjälp av HTML och ARIA?
- HTML: <main>
- ARIA: role=”main”
