Hur ska jag använda "role" i HTML5?

Hej på er!

Jag håller på att skapa en sida och testar lite nytt för att lära mig mer. Nu har jag stött på något nytt som är att man anger "role" på en tagg ex:

<li role="menuitem">New</li>
<li role="menuitem">Open…</li>

Varför gör man det? Förstår att de har att göra med vad taggen är till för, exempel ovan "menuitem" när det är en del i en meny, men hur hjälper det att man anger en roll? Är det för att kunna styla med CSS på något vis, för tillgänglighet eller vad gör den? Har kollat lite på W3 men det är så mycket information och jag hänger inte med helt så skulle verkligen uppskatta om någon gav mig en mer nybörjarvänlig förklaring

Tacksam för svar!