Accessibility for HTML5 player

During a accessibility review we got this comment about the player:

This element has no name and no role that is available in code.

I’m no expert on a11y but from what I’ve read the role could either be “group” or, if the player is more advance, “application”. And some aria label to describe the player. When I asked my friend ChatGPT about it, it suggested more labels on controls like this:

<div role="group" aria-label="Audio Player">
    <button aria-label="Play">▶</button>
    <button aria-label="Pause">⏸</button>
    <button aria-label="Stop">⏹</button>
</div>

Also, better keyboard navigation of the controls. At least in our use it does not work.