Siema (85.7%)
A11y Score 85.7% (opens in new tab)
Version Tested 1.5.1
GitHub Stars 3.5k
Nav Style Below carousel
Dots/Pagination Custom (DIY)
Lightweight (~3KB) but unmaintained. Fast issue resolution when active.
Summary
- No workarounds required — minimal library, works with custom controls
- Very lightweight (~3KB)
- No built-in accessibility features — add your own container labels
Accessibility Analysis
Score: 85.7% — 6/7 accessibility issues resolved Median resolution time: 3 days
Strengths
- Very lightweight (~3KB)
- Fast issue resolution when reported
Concerns
- Unmaintained — last update years ago
- Single open issue is about maintenance status (2,000+ days old)
- Limited a11y features built-in
Implementation Notes
Siema has no built-in pagination or accessibility features. Add your own:
role="region"on carousel containeraria-label="Featured content carousel"on container
Custom Dots Setup
const siema = new Siema({
selector: '.siema',
loop: true,
onChange: function() {
updateDots(this.currentSlide)
}
})
// Dot click handler
dots.forEach((dot, i) => {
dot.addEventListener('click', () => {
siema.goTo(i)
updateDots(i)
})
})