Adding WAI-ARIA to PrestaShop form elements

Home » Our Blogs » Software Development » PrestaShop » Adding WAI-ARIA to PrestaShop form elements

The WAI-ARIA LogoWAI-ARIA, the Accessible Rich Internet Applications Suite, defines a way to make Web content and Web applications more accessible to people with disabilities. It especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies. Currently certain functionality used in Web sites is not available to some users with disabilities, especially people who rely on screen readers and people who cannot use a mouse. WAI-ARIA addresses these accessibility challenges, for example, by defining new ways for functionality to be provided to assistive technology. With WAI-ARIA, developers can make advanced Web applications accessible and usable to people with disabilities.

PrestaShop default-bootstrap blocksearch WAI-ARIA HTML5

PrestaShop Default Bootstrap blocksearch

The code block doesn’t include WAI-ARIA as of version 1.6.0.14. We want to contribute source code to this project in order to provide people with disabilities a means to conduct a product search. I do not have much experience in adding WAI-ARIA and I am, therefor, using Google+, LinkedIn and other social media sites to crowdsource a solution.

I’ve already began modifying source code.

The <label for> was added by me along with a few aria attributes. Most of the aria attributes are still blank. I do not know if I have everything covered, yet. Let us socially collaborate on extending accessibility. This is my first test of social coding. I may try a call to action to fork our fork and accept pull requests. I may also link to our forked issue tracker and accept ideas, too. Not just from developers.  There are many types of professional disciplines who deal with accessibility on a daily basis.

But, IF you are a developer, please plus mention +DenverProphitJr on your comments below and include line numbers or GIST URLs for me to follow. I’ll link this article in my final commit message for context to PrestaShop’s core development team.

By |2016-11-04T07:25:27+00:00June 2nd, 2015|Categories: PrestaShop|Tags: |0 Comments

About the Author:

Over a decade of experience in open source e-commerce shopping carts. A certified Linux Administrator and the hostmaster for StrikeHawk eCommerce, Inc.

Comments

Loading Facebook Comments ...
Loading Disqus Comments ...