@voorhoede/vue-accordion
Behavioural and accessible accordion component
Last updated 7 months ago by devoorhoede .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @voorhoede/vue-accordion 
SYNC missed versions from official npm registry.

vue-accordion

A behavioural and accessible accordion component.

Install

$ npm install @voorhoede/vue-accordion

Demo

View the demo.

Keyboard support

Key Function
Space or Enter When focus is on the accordion header of a collapsed panel, expands the panel. When another panel is expanded, it collapses this panel.
Tab - Moves focus to the next focusable element.
- All focusable elements in the accordion are included in the Tab sequence.
Shift + Tab - Moves focus to the previous focusable element.
- All focusable elements in the accordion are included in the Tab sequence.
Down arrow - When focus is on an accordion header, moves focus to the next accordion header.
- When focus is on last accordion header, moves focus to first accordion header.
Up arrow - When focus is on an accordion header, moves focus to the previous accordion header.
- When focus is on first accordion header, moves focus to last accordion header.
Home When focus is on an accordion header, moves focus to the first accordion header.
End When focus is on an accordion header, moves focus to the last accordion header.

Source: w3.org

Accessibility

Component has been tested on:

  • VoiceOver in Safari/Chrome on MacOS.
  • NVDA on Windows 8.
  • JAWS on Windows 8.

Current Tags

  • 0.2.1                                ...           latest (7 months ago)

3 Versions

  • 0.2.1                                ...           7 months ago
  • 0.2.0                                ...           7 months ago
  • 0.1.0                                ...           7 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 3
Dependencies (1)
Dev Dependencies (7)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |