Please enable JavaScript.
Coggle requires JavaScript to display documents.
Coding a form wizard (accessibility (autocomplete values eg sex 1.3.5,…
Coding a form wizard
accessibility
-
-
-
adding a “Skip to main content” link - The Document in Inclusive Design Patterns by Heydon Pickering
-
CSS
-
attribute selectors - there are 7 attribute selectors
plus the :not pseudo selector to select negation
-
Increase size of native radio and checkbox to make them easier to see and click/tap by using input[type=radio], input[type=checkbox] { width: var(--checkableSize); height: var(--checkableSize); }
-
-
-
-
HTML
<form ...> tag
-
-
-
-
-
"Prefer not to say" is different. To distinguish it from other radio items, use a text divider
-
-
-
<meta name="viewport"
... Don't disable zoom 1.4.4 In Codepen this can be added to the <head> in the Pen HTML settings modal.
native HTML elements - no custom components used to keep scope tight. If time allowed, consider a custom select for age such that people could type in digits and a matching range would be selected.
-
-
-