Tooltip button focus order differs from visual order

[henrycatalinismith]

Steps to reproduce

1. Open an assignment.
2. Press ⌘ + F5 to start VoiceOver.
3. Focus the tooltip's I understand button.

Expected outcome

The I understand button is visually first so it should be first in the focus order. See C27: Making the DOM order match the visual order for details of the success criteria this addresses and the assistive technology use cases it supports.

Actual outcome

The link to the manual is first in the focus order despite being second visually.

Severity

The success criterion covering this issue is WCAG level A – the minimum level. Most organizations aim for a conformance level of AA, which includes all level A criteria. In this particular case this issue seems unlikely to seriously hamper anybody's work but as it's level A it's still moderately severe.

Recommendation

Rearrange the rendering of these two elements so that the DOM order matches the visual order.