Is it bad practice to use spans as buttons W3Schools is doing that

Question

span tag, that acts as a close button for the modal. Isn't this semantically incorrect? Or is there some legitimisation to do that?

It is kind of weird that the "web standardisation consortium" is putting out examples like that. But maybe I am missing something here.

Answer 1

yes to be precise it a bad way to use spans as buttons user should reach the button via keyboard 

<span tabindex="0">Button</span>

Also a good practice is to adding ARIA - attributes:

<span tabindex="0" role="button" aria-pressed="false">Button</span>