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.