• remi
  • Member
  • Offline
  • Registered: 2015-06-26
  • Posts: 1

Topic: how to add alt text for Section 508 compliance

My employer is required to comply with Section 508 of the Rehabilitation Act of 1973. As a result, every image that appears in our Juicebox-Pro photo galleries must, when published online, include distinct alt text. Alt text is an accessibility feature for people with disabilities, and it should appear whenever someone allows their cursor to hover over an image in one of our photo galleries. It needs to be distinct from image to image, but it should not simply duplicate the image caption or title.

Is there a setting in Juicebox-Pro, or a relatively simple means, for me to apply alt text for each image in Juicebox-Pro before I publish my Gallery?

  • Registered: 2012-04-24
  • Posts: 5,924

Re: how to add alt text for Section 508 compliance

There are two possible instances for 'alt' attributes for each image.

(1) The 'alt' attribute for the <img> tag corresponding to the image displayed in the gallery. This 'alt' attribute is populated by the Image Title and is generated dynamically by the 'juicebox.js' JavaScript file at the time the gallery is displayed. The 'juicebox.js' file is obfuscated and cannot be modified so this 'alt' attribute cannot be changed.

(2) The 'alt' attribute for the <img> tag in the SEO content code (which is produced only if the 'Add SEO Conntent' checkbox is selected in JuiceboxBuilder-Pro's 'Customize -> Sharing' section). This 'alt' attributes is populated by the Image Caption. Although it is not possible to change what JuiceboxBuilder-Pro uses to populate these 'alt' attributes, the SEO content code forms part of the gallery's embedding code (presented on JuiceboxBuilder-Pro's 'Publish' tab and included in the gallery's 'index.html' file) which you can edit manually in a text editor.