# syn-divider

## Summary

Dividers are used to visually separate or group elements.

## Common Use Cases

- Separate distinct item groups to help users clearly see and understand how different pieces of content relate to one another.
- Provide visual breaks in long pages or forms to improve readability.

## Usage Guidelines

### Spacing and Consistency

- Maintain consistent spacing around separators to prevent them from appearing cramped or too distant from the content they divide.
- Ensure consistent use to prevent confusion, especially for users relying on assistive technologies.

### Whitespace vs Visual Separators

- Leverage whitespace effectively as a natural divider, which can offer a clean, easy to read and organised design without additional visual elements.

## Accessibility

- Verify that dividers are visible and distinct in high contrast mode settings, which are often used by users with visual impairments.
- Use to provide clear separation between sections, helping users understand content flow. Screen readers announce dividers, offering context about transitions between sections.
