SiteGenesis Responsive Design

SiteGenesis provides the screen resolution modes for responsive web design (RWD):

The following features were implemented in SiteGenesis to support RWD:

You can enable or disable RWD in SiteGenesis via Business Manager site preferences. See Configuring Storefront Preferences.

Zoom

The SiteGenesis zoom functionality checks for viewport size and disables zoom with viewports less than 960px. For IE8 and IE9 browsers, use matchMedia polyfill (https://github.com/paulirish/matchMedia.js/).

HTML5

These HTML features are implemented in SiteGenesis:

These HTML features are available but not implemented:

Semantically Accurate Markup

Proper semantics let page content be accurately represented, converting the current web of unstructured documents into a web of data. Developers need to understand the markup requirements, and choose tags carefully. Some examples/pitfalls:

Screen Reader (Accessibility)

SiteGenesis supports Screen Reader (WCAG, WAI, Section 508) as follows:

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

Related Links

SiteGenesis Standards Compliance