Social Media Link Semantics | NAV or not

Hello! It's very common for a footer or somewhere on a hompeage to have a list of social-media links. I was wondering if it is semantically correct to wrap these in a nav tag or if the nav element is only for internally navigation. Option 1? <nav> <ul> <li> <a href="">ETC</a> </li> </ul> </nav> Option 2? <ul aria-label="social media links"> <li> <a href="">ETC</a> </li> </ul> Or more options 🙂 Thanks for the help!
3 Replies
Chris Bolson
Chris Bolson•3mo ago
I would have thought that no, external links shouldn’t be within a nav tag. As an aside, and I know that many will think differently, I would also question the need to place the nav links within a ul but that is a different debate….
13eck
13eck•3mo ago
It's not necessary for all links to be contained in a <nav> element. <nav> is intended only for a major block of navigation links; typically the <footer> element often has a list of links that don't need to be in a <nav> element.
–MDN
Rägnar O'ock
Rägnar O'ock•3mo ago
I know it's besides the OP's question, but no, you don't need to use an ul/ol in a nav as it already has a list semantic.

Did you find this page helpful?