Blog

WCAG 2.0 Accessibility Update

We are very happy to inform you that all our products (templates and particles) just got much better and much more compatible with the requirements of the modern Web :)

The last week we were very hard at work reviewing and updating all our products in order to make them WCAG 2.0 and ADA compliant.
And I can honestly say that this is the biggest update we have made since the "Particle Caching" implementation back in January 2017!
The code changes are not that significant, it is just the number of products that we had to update and the amount of work we put in doing it :)

This update covers mostly screen readers. I mean, what we did was to add aria-label where needed. And we did it in a very nice way so you can translate/change the text if needed!
So here is a list of the particles that we updated:

  • 3D Slider
  • Companies
  • Content PRO
  • Content PRO (Joomla)
  • Content PRO (Grav)
  • Content PRO (WordPress)
  • Feedback
  • Gadgets
  • Gallery
  • Header Search
  • Hero Slider
  • Hotspots
  • Logo (Advanced)
  • Modal Search
  • News PRO (Joomla)
  • News PRO (Grav)
  • News PRO (WordPress)
  • Offcanvas Toggle
  • OnePage Nav
  • Our Team
  • Slideshow
  • Slideshow (Joomla)
  • Slideshow (Grav)
  • Slideshow (WordPress)

We also updated some of the template-specific particles like "To Top", "Social", "Search/Login", "Social/Search" and so on. Basically, we added aria-label to each and every place where it had to be added.
And of course, we released a new version of each and every template that includes the updated particles!

Now, apart from installing the new version of the template, there is one more very important thing that you need to do! Make sure that all your images have an ALT tag, a meaningful ALT text. The ALT tag is what gets read by the screen readers. And the ALT tags are not only important for the Accessibility, but they are also very important for your site's SEO!

So, it is a great time for you to make a quick audit of your website. The Web Accessibility Evaluation Tool is a great tool that will ease your work a lot!

And if you want to go even further, you might want to install an Accessibility extension that will compliment the things we did already.
I am talking about an extension that will allow the visitor to change the font size, the color contrast and so on. A good example is the Screen Reader extension. An even better example is the FREE UserWay widget that Michael suggested in the comments below :)

Well, this is it for now guys! Have a great day and enjoy our "accessible" products :)

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!