slab-elements@0.3.0

Minor Changes

• #68 c39c01c Thanks @ynotdraw! - Splitter's separator holds a visually hidden range input, which is what's focused and what screenreaders read, so screenreaders on phones can move it with a swipe up or down. The separator is no longer a [role=separator] itself, so screenreaders read it as a slider, and since it isn't focused, it doesn't match :focus-visible: style its focus ring through its new focus-visible part, as in ::part(separator focus-visible).

Patch Changes

• #74 0479423 Thanks @ynotdraw! - With range, Calendar tells screenreaders when the first day picked starts the range, and what the range is once the last is picked. Change what it says with rangeStartedLabel and rangeSelectedLabel.

• #71 2eb7fb7 Thanks @ynotdraw! - The styled Checkbox's box is 24 pixels square rather than 22, the smallest target size WCAG 2.5.8 allows.

• #70 dce96a7 Thanks @ynotdraw! - Color Picker's area-thumb, hue-thumb and alpha-thumb parts are listed in the elements manifest again, so editors and the docs show them.

• #72 2ab652b Thanks @ynotdraw! - Command Palette tells screenreaders how many Options are left once typing pauses, the way Combobox does. Set resultsLabel to change what it says. With none left, what's slotted into empty is announced instead, as before, or "No results" when nothing is.

• #75 e1dd766 Thanks @ynotdraw! - Disclosure has a heading-level attribute that makes its label a heading of that level, as the APG's accordion puts each header in one.

• #73 a12cd3d Thanks @ynotdraw! - File Drop tells screenreaders what a drop did: how many files were added, how many were left out for not matching accept, and when a drop of several files was ignored without multiple. Change what it says with addedLabel, notAcceptedLabel and too-many-label.

• #79 b293bab Thanks @ynotdraw! - Meter has a formatValue property, a function of the value whose result screenreaders read instead of the bare number, such as "3 of 5 GB".

• #76 83653c5 Thanks @ynotdraw! - Popover has a label attribute that makes it a non-modal dialog named by the label, with aria-haspopup="dialog" on its anchor, for a popover that holds a form or controls rather than a few words.

• #80 585778a Thanks @ynotdraw! - Progress has a formatValue property, a function of the value whose result screenreaders read instead of a percentage, such as "3 of 10 files".

• #78 14d0e01 Thanks @ynotdraw! - Range Slider has a formatValue property, a function of a thumb's value whose result screenreaders read instead of the bare number, such as "$40".

• #69 5bfb767 Thanks @ynotdraw! - Range Slider's start and end parts are listed in the elements manifest again, so editors and the docs show them.

• #81 a36f03d Thanks @ynotdraw! - Rating has a formatValue property, a function of each radio's number that names it, such as "3 stars" rather than "3".

• #77 bc5bc57 Thanks @ynotdraw! - Slider has a formatValue property, a function of the value whose result screenreaders read instead of the bare number, such as "$40".