https://github.com/timwright12/a11y-tooltips
This plugin was created to help you implement accessible tooltips with minimal work, because everyone is tired of using crappy UI plugins that damage the underlying experience.
https://github.com/timwright12/a11y-tooltips
Last synced: 9 months ago
JSON representation
This plugin was created to help you implement accessible tooltips with minimal work, because everyone is tired of using crappy UI plugins that damage the underlying experience.
- Host: GitHub
- URL: https://github.com/timwright12/a11y-tooltips
- Owner: timwright12
- License: mit
- Created: 2016-09-13T19:52:23.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2017-08-23T19:59:42.000Z (almost 9 years ago)
- Last Synced: 2025-09-11T04:47:55.314Z (10 months ago)
- Language: CSS
- Homepage: https://timwright12.github.io/a11y-tooltips/
- Size: 14.6 KB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Accessible Tooltips
This plugin was converted from a jQuery plugin originally written by [@scottohara](https://github.com/scottaohara/). You can view the original code in [Scott's Accessible Component Library](https://github.com/scottaohara/accessible-components). Pretty much everything is the same, you just don't need jQuery.
It was created to help you implement accessible tooltips with minimal work, because everyone is tired of using crappy UI plugins that damage the underlying experience. [Check out the demo](https://timwright12.github.io/a11y-tooltips/)
## Example HTML You'll Need
```html
Tooltip Trigger span
Tooltip content goes here
Tooltip Toggle Trigger
Tooltip content goes here
```
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b feature/my-new-feature`
3. Commit your changes: `git commit -m 'Added some great feature!'`
4. Push to the branch: `git push origin feature/my-new-feature`
5. Submit a pull request
## Credits
- [Scott O'Hara](https://github.com/scottaohara/) ( [@scottohara](https://twitter.com/scottohara) )
- [Tim Wright](http://github.com/timwright12) ( [@csskarma](http://twitter.com/csskarma) )
## License
Code and documentation are released under the MIT license.
## Browser support
| Feature | Chrome | Firefox | Internet Explorer | Safari |
|---------------|--------|---------|-------------------|--------|
| Basic Support | Latest | Latest | 9+ | 5.1+ |
Chrome and Firefox update too much to go back and test each version, if you need a certain on tested, just let me know. Or if there's a bug somewhere, feel free to file an issue and I'll fix it.
## Further Reading
- [ARIA Tooltip Example](http://accessibility.athena-ict.com/aria/examples/tooltip.shtml)
- [Practical ARIA Examples](http://heydonworks.com/practical_aria_examples/)
- [ARIA Role=ToolTip](http://pauljadam.com/demos/aria-role-tooltip.html)
- [ARIA Practices: Tooltips](https://www.w3.org/TR/wai-aria-practices-1.1/#dialog_tooltip)