WCAG-Compliant Widgets (November '21 Release)

Previously, there were some WCAG issues with the UI generated by Widgets. We’ve made changes to ensure the UI generated by Widgets is WCAG-compliant.

This change is backward-compatible, however, it will not change any widgets that are currently live on your site. In order to use WCAG-compliant widgets, add {{?v=v2}} to the widgets serving domain.

So for example, the code before the WCAG updates looked like this:

<script type="text/javascript" src="//sites.yext.com/[ID]-posts.js"></script>

Now, the snippet should look like this:

<script type="text/javascript" src="//sites.yext.com/[ID'-posts.js?v=v2"></script>

Below is a detailed breakdown of the changes we’ve made by Widget type:

Calendar

  • Removed dependencies on jQuery and Fotorama, making the widget significantly smaller
  • Introduced keyboard-accessible photo gallery

Bios

  • WCAG compliant structural changes
  • Better keyboard-accessible support
  • Removed dependency on Fotorama

Menus

  • Removed dependency on Fotorama
  • WCAG-compliant structural changes

ProductList

  • Introduced keyboard-accessible photo gallery
  • Removed dependency on Fotorama
  • WCAG-compliant structural changes

Reviews

  • Increased keyboard accessibility support throughout
  • Removed dependency on Fotorama
  • WCAG-compliant structural changes

Posts (no WCAG compliance changes needed)

  • Removed Fotorama dependency