Clicking the raccoon in the header does nothing. Going back to the home page by
clicking the logo is an established pattern, and it is easy to click it by
reflex and get nothing back.
The logo is an inline <svg class="raccoon-logo"> sitting directly inside
.navbar-brand, with no link around it. The site title beside it is already a
link to /, so the two behave differently while looking like one unit.
Suggested fix
Wrap the SVG in the existing <a href="/"> that carries the title, or give it
its own link to /. If they stay separate links, only one needs the accessible
name: the logo can keep aria-hidden and let the title carry it, so screen
readers do not announce the same destination twice.
Not specific to a viewport size.
Clicking the raccoon in the header does nothing. Going back to the home page by
clicking the logo is an established pattern, and it is easy to click it by
reflex and get nothing back.
The logo is an inline
<svg class="raccoon-logo">sitting directly inside.navbar-brand, with no link around it. The site title beside it is already alink to
/, so the two behave differently while looking like one unit.Suggested fix
Wrap the SVG in the existing
<a href="/">that carries the title, or give itits own link to
/. If they stay separate links, only one needs the accessiblename: the logo can keep
aria-hiddenand let the title carry it, so screenreaders do not announce the same destination twice.
Not specific to a viewport size.