Border radius defines the shape and corner treatment of components.
For accessibility, consistent corner radius helps maintain recognizable patterns and clear interaction states across the interface.
Accessibility Guidance
- Use predefined radius units consistently
- Avoid arbitrary radius values across similar components
- Ensure rounded components maintain clear visual boundaries
Common Issues
- Inconsistent corner radius usage
- Excessive rounding reducing component clarity
Quick Checklist
✅ Radius usage is consistent across similar components
✅ Rounded components remain visually clear