Navigation links have nested `<button>`s #105

New issue

Closed

opened 2023-07-17 12:47:32 +02:00 by Moiety · 0 comments

Moiety commented

2023-07-17 12:47:32 +02:00

(Migrated from koodu.ubiqueros.com)

Where: navigation bar on the dashboard and create/edit page

What: The navigation links have nested <button>s; this is invalid HTML and can cause usability issues. It seems as though this is done purely for styling, can you confirm/elaborate?

Recommendations: Remove the <button> elements

You can try this for yourself with the W3C validator if you set it to “textfield” and input:

<!DOCTYPE html>
<html lang="">
<head>
<title>Test</title>
</head>
<body>
<a href="#foo"><button>bar</button></a>
</body>
</html>

Where: navigation bar on the dashboard and create/edit page What: The navigation links have nested `<button>`s; this is invalid HTML and can cause usability issues. It seems as though this is done purely for styling, can you confirm/elaborate? Recommendations: Remove the `<button>` elements ![set of buttons in the nav bar](/attachments/926999e1-9158-4698-bbc0-8fbda2e634b6) You can try this for yourself with the [W3C validator](https://validator.w3.org/nu/#textarea) if you set it to “textfield” and input: ``` <!DOCTYPE html> <html lang=""> <head> <title>Test</title> </head> <body> <a href="#foo"><button>bar</button></a> </body> </html> ```