bug: axe DevTools reports several items as "not announced by screen reader"

[kensodemann]

Bug Report

Ionic version:

[ ] 4.x
[x] 5.x
[ ] 6.x

Current behavior:

Components such as ion-select, ion-toggle, and ion-radio report with the following error:
https://dequeuniversity.com/rules/axe/4.2/nested-interactive?application=AxeChrome

However, in my testing, they do appear to actually be read by the screen reader when you do a "read from top" action (though I only tested on my iPhone to this point).

Expected behavior:

Ideally, no AXE errors would be displayed if possible.

Steps to reproduce:
A repro case can be found here: https://codesandbox.io/s/ionic-axe-42-failures-1y1pq

[liamdebeasi]

Thanks for the report. This is resolved in Ionic 7 using the new form syntax. The Ionic 7 migration guide can be found here: https://ionicframework.com/docs/v7/updating/7-0

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.