Protective markings indicate the level of sensitivity of classified or controlled information.

All apps, except public ones, require a classification banner. When multiple pieces of information require different markings, use classification banners on each component.

Place a single banner at the bottom of the viewport. The banner is always fixed and should not scroll with the page.

If there is information on a single page that has multiple different classifications, display the maximum classification with the text prefix ofUP TO .

Don’t alter or customise the classification banner colours as they've been designed to meet accessibility requirements.

Make sure the classification banner is the first item that is read out to people who use screen readers. Put the component at the top of the DOM/HTML.