SiteGenesis and Web Content Accessibility Guidelines (WCAG)

The Web Content Accessibility Guidelines (WCAG) provide a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally. WCAG documents explain how to make web content more accessible to people with disabilities.

See http://www.w3.org/WAI/intro/wcag.

Note: Salesforce B2C Commerce doesn't guarantee or certify compliance of SiteGenesis with any WCAG level.

The SiteGenesis application was changed to conform to these guidelines. The list of changes shown here is intended to provide examples of how you can make your storefront application more accessible:

  • Added context in the titles of category refinements, folder refinements, and price refinements.
  • Added prefixes in the set/bundle products titles for added context.
  • Mini cart button has the title Go to Cart and not the same text as the button.
  • The compare checkboxes on the category landing page product tiles now have unique label text. This was done by appending the product name to the text and visually hiding it. Then, a span was added with just the text "Compare".
  • Removed the title from the image and added it to the link. The image only requires alt, not a title.
  • Made the title different and more contextual from the text.
  • Removed invalid hypertext reference and added visually hidden text.
  • Added visually hidden label to email form element in demo data.
  • Removed unnecessary titles from images, added alt where missing, and ensured that previous changes were not affected.
  • The user-links in headercustomerinfo.isml now include a title that adds more context to the links.
  • Added visually hidden text to buttons.
  • Changed titles of color refinement swatches to add more context.
  • The password reset link now has a title that adds context.
  • Changed demo data in library.xml for the footer content assets and added/modified footer titles.
  • Store locator and user icons now have titles that add more context.
  • Product item names in the cart have more contextual titles.
  • Added visually hidden text to the link of category landing page's slot banner.
  • Changed the size chart link title to add more context.
  • Made product action titles are different from text and add context.
  • Changed the title of color and size to add more context.
  • Added prefixes to titles.
  • Added visually hidden text to the social sharing links.
  • Added address and add credit card pages titles have more context.
  • Added titles to paging.
  • Product tile titles now contain prefixes for more context.
  • Removed the invalid hypertext reference error by removing the href attribute.
  • Breadcrumb titles have a prefix for added context.

The WCAG guidelines followed were:

  • Level A: 2.4.4 Link Purpose (In Context)
  • Level AAA: 2.4.9 Link Purpose (Link Only)

The above title-related corrections to SiteGenesis use technique H33 (http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140916/H33), where the link text is supplemented with the title attribute to add more context, making it easier for people with disabilities to determine the purpose of the link.