Timeline for How to create a link-less parent (top level) menu item that doesn't use an anchor <a> tag
Current License: CC BY-SA 4.0
7 events
| when toggle format | what | by | license | comment | |
|---|---|---|---|---|---|
| Jun 28, 2021 at 23:35 | comment | added | CubicInfinity | While I wouldn't consider this question closed, this above comment is enough for my purposes. | |
| Jun 18, 2021 at 18:49 | comment | added | Tom J Nowell♦ | You can fix that with styling though, CSS can even make it look like a checkbox if that's what you really want, looks shouldn't determine the underlying element, semantics and function should. | |
| Jun 18, 2021 at 18:27 | history | edited | CubicInfinity | CC BY-SA 4.0 |
changed title to include the proper name for <a>
|
| Jun 18, 2021 at 18:24 | comment | added | CubicInfinity | # is valid, but I don't want the menu item to look like a link if it does nothing. Since you said this; I checked and the menu only expands on hover, not with the keyboard. So, I'll need to modify the theme or something so that it opens on click or Enter. | |
| Jun 18, 2021 at 0:21 | comment | added | Tom J Nowell♦ |
Is # not a valid URL if the results of the lighthouse tool are the concern? Note that if you were able to replace the anchor tag with other tags such as a span, you may need to modify stylesheets if they also assume anchor tags. There are also accessibility consequences as a span or div is not considered an interactive or focusable element, whereas an anchor tag is. Anchor tags are preferable for other reasons too. For example, you can use the keyboard to activate such a tag and open the submenu. Anchors also get picked up as navigation by screen readers and bots, SEO could be impacted
|
|
| Jun 17, 2021 at 23:21 | review | First posts | |||
| Jun 18, 2021 at 6:50 | |||||
| Jun 17, 2021 at 23:20 | history | asked | CubicInfinity | CC BY-SA 4.0 |