Reported in #14373 via axe-core scan of a minimal Quarto website.
Repro: https://github.com/alexpghayes/quarto-accessibility-reprex
axe rule: landmark-no-duplicate-banner · impact: moderate · tag: best-practice
Target: <header id="quarto-header" class="headroom fixed-top quarto-banner ...">
The Quarto HTML template renders two top-level <header> elements: <header id="quarto-header"> for the navbar and <header id="title-block-header"> for the title block. Each implicitly carries role="banner", producing two banner landmarks on the same page. axe-core flags this as ambiguous for assistive tech.
This also drives landmark-unique for #quarto-header — splitting into a separate issue because the fix paths differ (restructure title-block placement vs label the navigation).
Part of #8706.
Reported in #14373 via axe-core scan of a minimal Quarto website.
Repro: https://github.com/alexpghayes/quarto-accessibility-reprex
axe rule:
landmark-no-duplicate-banner· impact: moderate · tag: best-practiceTarget:
<header id="quarto-header" class="headroom fixed-top quarto-banner ...">The Quarto HTML template renders two top-level
<header>elements:<header id="quarto-header">for the navbar and<header id="title-block-header">for the title block. Each implicitly carriesrole="banner", producing two banner landmarks on the same page. axe-core flags this as ambiguous for assistive tech.This also drives
landmark-uniquefor#quarto-header— splitting into a separate issue because the fix paths differ (restructure title-block placement vs label the navigation).Part of #8706.