Header slide guidelines

Avoid placing text in header slide images. Text placed in images may not be easily readable for individuals who have visual impairments and rely on screen readers to access content. This can result in the text being ignored by assistive technologies or displayed in an incorrect order, making it difficult for visually impaired individuals to read the content - especially when the header slide image is cropped or resized to fit the browser window.

Overall image dimensions: 1920 px x 624 px

Safe area: 1148 px x 294 px

In the example below, the shaded area represents the part of the image that will be hidden.

The scope of the hidden area will change based on the user's browser window dimensions.

The examples below show how header slides are resized and cropped when viewed at common device resolutions.

The examples below show further edge cases. While users will not typically browse at the wide resolutions shown below, your design should accommodate these scenarios:

Need Help With This? Contact Us!