Originally, Enable started out as a small personal website to help me show other developers how accessible code is structured. Some of the solutions are my own, some I have borrowed from others (because why reinvent the wheel, especially when you have learned from the best already?)
What follows are not just credits to existing accessible code examples used in Enable, but also to other code I have built on that I have accessibility features to.
Code Used By Enable
- Alison Walden for her UX guidelines for both accessible carousels and form validation
- Kate Morley for her ARIA radio buttons
- Mana for her excellent HTML5 radio buttons
- Scott Jehl for the custom select CSS demo
- The W3C for the design of their ARIA listbox example (although the Enable code is different, I did use this as a base).
- James Craig for the ARIA combobox example posted on the WebKit Blog
- Ana Tudor for her excellent breakdown on how to style HTML5 range elements using CSS
- Jeff Smith for the article on accessible tabs (although he doesn't use ARIA like in my demo, his non-ARIA way proposal is definitely a great solution as well)
- MDN for their code for accessible switch.
- Deque University for their Sortable Table example
- Paul J Adams for the ARIA img role example
- Steve Faulkner for the Figure/Figcaption and Pausable Animated GIF demos, as well as the excellent Text Spacing Bookmarklet
- Chris Coyier for improving on Steve Faulkner's animation GIF demo making it pausable by default
- Kitty Giraudel for the Headings CSS demo
- MathJax for their MathML polyfill used in the Enable math role demo.
- Jano Garcia for the amazingly simple LESS px to rem mixin used throughout the Enable website.
- Bruce Lawson for the prefers-reduced-motion and browser defaults reset code used in our Pause Animations Control demo.
- Sam Thorogood for the excellent accessibility fixes to the HTML5 dialog polyfill (which also work well with native dialogs as well). (You can take a look at his other excellent gists here.
- Jesse Couch for the wonderful animated hamburger menu icon that was used in the Enable website.
- Stephanie Eckles for the Custom CSS checkbox style tips that were used in our checkbox demo.
- The now (seemingly) defunct Open Ajax Alliance for their ARIA slider
- Haley Tong for her Multi-level burger menu demo on which Enable based its hamburger menu visual design on.
- Mateusz Rybczonek for the Timer demo on which Enable added accessibility features to.
- Jakob Voß for the code on the Wiktionary Lookup Gist on which we added accessibility features in order to create our ARIA status role demo.
- Yale University for their information on how users can use text zoom in the major desktop browsers
- Lenka for their SVG animation demo that was used in our Pause Animations Controls Demo.
- Hedger Wang for the script that text-zoom-resize.js is based on.
- Zell Liew for
the routine for
getting all the focusable elements inside a DOM element that
accessibility.getAlTabbableEls()
is based on.
Icons
- Adrien Coquet for the Integration Icon.
- Icongrapher for the Build Icon.
- Gendis Studio for the "Do Not Use" Icon.
- LAFS for the Style Icon.
- Daniel Bruce Code Icon
- IBM Design Add Icon
- Luiz Carvalho for the Bug Icon
Typography
Thanks to
- Edric Studio for the Monice font used in the Enable Logo.
- Steve Mattesons for Open Sans which is used in the body copy of the Enable website.
- Andrew Bulhak for ModeSeven we use for the code walkthroughs throughout Enable.