Second Span within Navbar Toggle

Bug Reports
1

I understand this may or may not be a bug, per se. But, when creating a new Navbar in BSS, I’ve noticed a second Span within the Navbar toggle, that does nothing. It’s just there.
The span below it has the Hamburger Icon.
Screenshot 2023-04-23 7.29.47 PM

Screenshot 2023-04-23 7.30.03 PM

If it does do something. Let me know, because I was a bit confused to see this.

2

I’ve noticed this too. I believe it’s there for screen-readers (for visually impaired website visitors.)

If you look at the HTML, you can see the span uses the class visually hidden, and it contains the text, “Toggle navigation.” This text would be spoken by a screen reader.

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}
1 Like
3

Very much appreciated, @printninja. I had my Editor panel on my second monitor, behind the preview of my site, and didn’t catch that code before making this post.

I probably shouldn’t jump to conclusions before fully looking. That’s my bad.

Edit: Managed to test this with a screen reader. That’s exactly what it’s for.