# Welcome Mat Release Notes ## 2.21.0 ### Fixed - Fixed by adding tabindex="0" and role="region" for Scrollable region must have keyboard access wcag issue ## 2.19 ### Fixed - Fixed hardcoded base info background image path ## 2.17.5 ### Fixed - Reverted changes to checkbox layout introduced in 2.17.4 ## 2.17.4 ### Fixed - Centered checkboxes using the new Flexbox layout. ## 2.16.0 ### Added - Added `aria-label` attribute to the div with role of `progressbar` to meet accessibility requirements. ## 2.8.1 ### Fixed - Fixed vertical alignment of `slds-welcome-mat__info-content` in IE11. ## 2.8.0 ### Added - Splash variant for one-time interstitial purposes - Info-only variant for informational purposes - `slds-modal-small` to size Welcome Mat modal - `slds-welcome-mat_info-only` can now set the `slds-welcome-mat__tiles` section to "info only" mode. - Markup structure so that `slds-welcome-mat` and `slds-welcome-mat__content` are now within `slds-modal__content` ### Changed - Removed `slds-welcome-mat` from `slds-modal` - Removed `slds-welcome-mat__content` from `slds-modal__content` - Moved `slds-grid` from `slds-modal__content` to `slds-welcome-mat__content` ### Deprecated - Deprecated `.slds-welcome-mat .slds-modal-container` selector for `.slds-modal-small` to be applied to `slds-modal`. To upgrade existing welcome mat, in `slds-modal`, replace `slds-welcome-mat` with `slds-modal_small`, and also remove `slds-welcome-mat__content` from `slds-modal-container`. Markup structure changes need to be made existing code. First, wrap the existing content of `
` with `
`. Then, wrap `
` with `
`. ### Fixed - Fixed vertical alignment of `slds-welcome-mat__info-content` in IE11. ## 2.7.0 ### Changed - Updated the semantics of steps in a welcome mat to be list items within an unordered list. Check out the component documentation for the [updated DOM structure](https://lightningdesignsystem.com/components/welcome-mat/)