Keyboard Navigation
Every interactive component is fully keyboard accessible.
Accessibility
Build Inclusive Interfaces
SHIVMS UI follows accessibility best practices to help you build applications that work for everyone, including keyboard users and assistive technologies.
<Button>
Accessible Button
</Button>Accessibility Features
Built-in features that make every component more accessible.
ARIA Support
Semantic markup and ARIA attributes improve screen reader support.
Focus States
Visible focus indicators help users navigate interfaces.
Color Contrast
Accessible color palettes improve readability in every theme.
Best Practices
01
Always Use Labels
Every form control should have a visible or accessible label.
02
Support Keyboard Navigation
Ensure every interactive element can be reached with the keyboard.
03
Provide Feedback
Display clear success, loading and error messages.
Continue Reading
Explore more guides and documentation.
Learn what SHIVMS UI is and how to begin.
Install the library into your project.
Reusable React hooks for state, themes and responsiveness.
Use built-in icons throughout your application.
Configure light and dark themes.
Reusable helper functions for everyday development.
Build accessible user interfaces.
Customize colors, spacing and components.
See what's new in each release.