form.css

Form controls.

Every one of these is a real native control with its appearance replaced, never a div pretending. The semantics, the keyboard behaviour and the announcement all come free that way, and it is easy to find what happens when they do not: a focusable div has NO accessible name however much text is inside it, because role generic does not support name-from-content.

src/form.css · 3 blocks · blocks that belong to a custom element are on that element's page

.ov-check

aria-disabled, never the native attribute: native removes the control from the tab order and announces nothing.

Written into markup by src/ov-sound-switch.js, so an element sets it for you. Used on form.html, index.html.

.ov-progress

Used on form.html, index.html.

.ov-select

Also styled in chrome.css. Used on form.html, index.html.