2f:["$","noscript",null,{"children":["$","article",null,{"children":[["$","h1",null,{"children":["","Day 4 - HTML accessibility basics, CSS Basics"]}],["$","p",null,{"children":"by Nino · 32 things on Twos"}],["$","ul",null,{"children":[["$","li","0",{"children":["","Mimo: finished (4. Semantic HTML)"]}],["$","li","1",{"children":["","—-"]}],["$","li","2",{"children":["","

and are containers, generic, lists are better"]}],["$","li","3",{"children":["","consider descriptive action calls for buttons and links, ex. Show more vs Click"]}],["$","li","4",{"children":["","alternative texts, no need if images are decorations"]}],["$","li","5",{"children":["","WAI-ARIA stands for Web Accessibility Initiative-Accessible Rich Internet Applications and it's a specification for accessibility standards."]}],["$","li","6",{"children":["",""]}],["$","li","7",{"children":["","

, helps readers know that it's header"]}],["$","li","8",{"children":["","role samples:\nbanner = header\ncomment = comment\nimg = images into a single block\ncontentinfo = footer elements - copyright, contact, privacy info\nalert = events or changes in the content, urgent info, command to fill all inputs"]}],["$","li","9",{"children":["","

= to hide decorative elements that might distract screen readers"]}],["$","li","10",{"children":["","always choose semantic tags over roles, ex. actual buttons"]}],["$","li","11",{"children":["✓ ","review "]}],["$","li","12",{"children":["","—-"]}],["$","li","13",{"children":["","Mimo: semi-completed (5. Accessibility Basics)"]}],["$","li","14",{"children":["","—-"]}],["$","li","15",{"children":["","CSS styling in HTML, can have multiple attributes"]}],["$","li","16",{"children":["","style=\"color: green;\""]}],["$","li","17",{"children":["","background-color: red;"]}],["$","li","18",{"children":["","more examples: font-size, font-family"]}],["$","li","19",{"children":["","units \"px\" follow after number"]}],["$","li","20",{"children":["","font-style: italic; font-weight: bold;"]}],["$","li","21",{"children":["","Using style tags, add