Skip to content

Latest commit

 

History

History
23 lines (17 loc) · 796 Bytes

README.md

File metadata and controls

23 lines (17 loc) · 796 Bytes
Raw

ESL A11yGroup

Version: 1.0.0

Authors: Julia Murashko

ESLA11yGroup - helper custom element that adds a11y group behavior to targets. ESLA11yGroup tracks keyboard to loop focus of the targeting elements (with arrow keyboard keys navigation).

Attributes / Properties

  • targets - property to declare targets for the group using TraversingQuery syntax. Use group parent element as a base element.
  • activate-selected - activate the element using click event on selection change via esl-a11y-group

Example

<div class="container">
  <esl-a11y-group targets="::find(.target)"></esl-a11y-group>
  <button class="target"></button>
  <button class="target"></button>
  <button class="target"></button>
</div>