When a table with `role="grid"` is contained within a main landmark (e.g. `<main>` or `<div role="main">`), its accessibility name and description are not announced when navigating into it with VoiceOver on iOS. When the main landmark is removed, the announcement works as expected. Reproduction steps: 1. Open https://codepen.io/devongovett/pen/zYROQpG on iOS. 2. Turn on VoiceOver, and navigate to the first column header ("Foo"). Notice that it only announces the column header, and not the `aria-label` of the table. 3. Open https://codepen.io/devongovett/pen/GRQKayy. This is the exact same code without the `<main>` wrapper. 4. Navigate to the first column header again. Notice that it announces the name of the table "Test table" in addition to the column header.
<rdar://problem/92551557>
Discovered a bit more info: it appears this only occurs when the grid is not the first child of the <main> landmark. If you remove the `<span>` before the table in the codepens, the issue no longer occurs. When the table is the first child, the label is announced, but at the end rather than the start of the overall announcement. Seems like maybe it's announcing the name as part of the landmark announcement since it reads "Test table, landmark". Not sure.
Will need to be fixed in an iOS release rather than WebKit.
We believe this fix is present in iOS 15.6 Beta 4 (or newer).