Banner landmark must not be contained in another landmark

If the banner landmark is not the top-level landmark (and is contained within another landmark), it does not effectively designate the pre-defined header portion of the layout in the design and therefore prevents screen reader users from being able to easily find their way around the layout.

Fixing the problem

Ensure each banner landmark is not contained in another landmark.

For each element on the page that uses the role="banner" ARIA landmark, ensure that it is not contained within another ARIA landmark, even though HTML5 allows multiple instances of the equivalent <header> landmark. It is appropriate in most web designs to have only one each of these landmarks, whether they are specified using ARIA or HTML5, and further, that they are not nested within one or more other landmarks.