Credits and Shout Outs

Originally, Enable started out as a small personal website made by Zoltan Hawryluk to show other developers how to make web-related code accessible to people with disabalities. Some of the solutions were his own, and some he have borrowed, with citations, from others. Zoltan is still the lead developer of this project and often contributes his own code to it, as well as reviewing all contributions from the community.

Today, Enable is now sponsored by The Publicis Sapient Accessibility Center of Excellence, to help not only its developers make accessible things, but also to give back to the accessibility and front-end web development communities. It contains contributions from developers within Publicis Sapient as well as others, and we hope to continue to grow this ongoing collaboration.

What follows are not just acknowledgements to existing accessible code examples used in Enable, but also to other code we have built on that I have accessibility features to.

Direct Contributers

The following people have contributed directly to the Enable project by adding code/content via pull requests or by direct collaboration.

• Alison Walden for her UX guidelines for both accessible carousels and form validation.
• Saumyajit Chowdhury for implementing husky pre-commit hooks to run lint-staged before pushing code to the repository
• Majid Paktinat and Akshaykumar Panchal for implementing dynamic Structured Data Markup for improving the SEO of the Enable Project.
• Basia Baldwin for working on redesigning the Enable project and developing the site in dark mode.
• Matthew Slavin for his redesign of the Enable Project's website in 2024, and to Basia Baldwin and Travis Doughty for for implementing the redesign on the site.
• Alison Hall for cleaning up and streamlining the unit testing and automated testing NPM tasks (and also doing the difficult task of updating the NPM packages within the project in 2024). She also added the Table of Contents component that appears on the top of almost every Enable page.
• Oluwaseun Longe for adding stylelint to Enable.
• Sahil Singh for unit tests for the input mask component.
• Noel Tibbles and Yash Narang for contributing to the React version of Enable (still in beta). Noel has also created the Enable's HTML5 Web Components, also in beta.
• Saumyajit Chowdhury for implementing deployment procedures in Vercel for the React version of Enable and create npm package for external use of the accessible components.
• Adam Rock for the accessible meter and audio player components
• Shipra Rawal for our Infographics page.
• Jessie Cai for our Tooltips page and adding fixes for running Enable locally on a Windows machine.
• Mahesh Ambig for the unit tests for the Tab Component.
• Neha Singla for the unit tests for the Combobox Component.

Code Used By Enable

We have either been inspired by, or have integrated work, by the following people.

• 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

Since we are not designers, we have used the following icons within the Enable website.

• 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
• Vaadin Icons for the Eye Icon used in the poster image for our screen reader only text page
• Andy Santos-Johnson and IYIKON from Pngtree.com for the elements used in the poster image of our page on exposing style information to screen readers.

Typography

The following font-faces are used within the Enable website.

• 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.