When a button has a SVG image within without role img, VoiceOver on MacOS do not include the button in the reading order (using Arrow keys). The button can only be focused using Tab key. In order to resolve this, the SVG needs to be given a role img. <button aria-label="test label"> <svg focusable="false" aria-hidden="true" role="img">...</svg> </button> Otherwise, the button can only be focused using Tab key and not when reading the page using Arrow keys.
<rdar://problem/93579285>