Array of Accessible HTML Buttons
This patch demonstrates how to create an array of any HTML element and position the elements in world space. i.e. with the same transforms as regular shapes. Works well in 2D, kinda works in 3D. Click and drag the canvas to see the 3D effect.
Accessibility features
- Array elements can have a defined parent and order, this enables you to put them in the DOM in an order that makes sense for screen readers.
- Elements that go offscreen are hidden from the DOM. This means that screen reader users aren't confused by elements that are meant to be invisible because they are offscreen.
- Elements have aria-labels for screen readers (useful if interactive rectangles are icons or contain text that's only on the GPU rendering side)
- Tooltips for when user hovers rectangles (useful if interactive rectangles are icons)
Licence: Public Domain Dedication
Commercial use ok, freely remix, reuse this work without restriction, please credit the author.More patches made by cables users
what is cables?
Cables is a tool for creating beautiful interactive content. With an easy to navigate interface and real time visuals, it allows for rapid prototyping and fast adjustments.
cables is free to use!
Register