Accessibility issues with ion-fab button

[mastergogo]

Below are a few observations for improvements:

When checked with Iphone's screen reader (Voice over), it has been observed that fab buttons are always announced as "close (icon name) button" when the user double taps on the buttons, more interactive options appears such as social media icons when navigating on the social media icons, Voice over announces as "close (social media icon name)", issues here is that voice-over announces close every time user interacts with it which is an incorrect announcement until the close button appears it should not announce close, it should only announce the name and the role of a button that is currently in focus.

below are steps to reproduce:

1. please open the link in Apple device such as iPhone and turn on voice over
2. once the voice-over is on, please navigate to the fab-button and observe the announcement
3. it will be announced as a "close (icon-name) button", however, the close button is behind the fab button which is not activated yet but the voiceover still announces it.
4. when double tapped on the fab button, voice-over announces the close button as close, however, it announces all the social media icons as close, which is again incorrect.

Let me know if more info is needed to reproduce.

Thanks,
Amit

[RenAlbiorix]

Is there any update when this issue can be fixed? All ion-fab button reads as close because inside shadow-root <ion-icon part="close-icon" ... is getting added regardless of icon used in ion-fab button. Below is screenshot from ionic site.

[liamdebeasi]

Thanks for the issue. This has been resolved via #26619, and a fix will be available in an upcoming release of Ionic Framework. We also launched a new accessibility section of the ion-fab docs that notes devs should provide a label to the ion-fab-button.

[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.