Sources

Accessibility

Import Sources from @prepared911/ui/sources.

Trigger. A native button from Collapsible, named by its visible label, with aria-expanded and, while the list is mounted, aria-controls. The link glyph and the chevron are aria-hidden.
Links. Every source is a native anchor in a list item. Its name is the title followed by the new-tab hint, and it carries target="_blank" and rel="noopener noreferrer". A glyph before the link is decorative.
Focus order. The trigger, then the sources in reading order. The links leave the document when the list closes.
Motion. The open and close fades remain under reduced motion; the height and chevron changes are immediate.
Reflow. A long or unbroken title wraps inside the row.
Forced colors. Links repaint in the link system color and the focus ring uses system colors.

Accessibility

Import Sources from @prepared911/ui/sources.

Trigger. A native button from Collapsible, named by its visible label, with aria-expanded and, while the list is mounted, aria-controls. The link glyph and the chevron are aria-hidden.
Links. Every source is a native anchor in a list item. Its name is the title followed by the new-tab hint, and it carries target="_blank" and rel="noopener noreferrer". A glyph before the link is decorative.
Focus order. The trigger, then the sources in reading order. The links leave the document when the list closes.
Motion. The open and close fades remain under reduced motion; the height and chevron changes are immediate.
Reflow. A long or unbroken title wraps inside the row.
Forced colors. Links repaint in the link system color and the focus ring uses system colors.