Dialog Modal tabbing issue in iOS 14.2 with VoiceOver on

w3c / aria-practices

WAI-ARIA Authoring Practices Guide (APG)

https://www.w3.org/wai/aria/apg/

Other

1.21k stars 337 forks source link

Open richiegarcia opened 3 years ago

richiegarcia commented 3 years ago

https://www.w3.org/TR/wai-aria-practices-1.1/examples/dialog-modal/dialog.html In Safari iOS 14.2 with VoiceOver enabled, tabbing in modal does not work properly. The focus gets trapped on the "Add Delivery Address" behind the modal. The user can not tab back or forward.

marcus-herrmann commented 3 years ago

As far as I know, the reason is that this example works with aria-modal and iOS VoiceOver still doesn't support it:

carmacleod commented 3 years ago

I believe it may work (a bit) better in Safari if you use visibility: hidden instead of display: none.