You'd lose every element-specific browser behavior. A div with role=button doesn't handle, say, keydown events correctly like a <button>.

You could rewrite every edge case for every element in JS if you wanted, but why? Just understand what the elements mean.