sp-dev-fx-controls-react icon indicating copy to clipboard operation
sp-dev-fx-controls-react copied to clipboard

Accessibility Issue in RichText: Screen reader doesn't announce state of text formatting controls whether its selected or not when accessing it through tab.

Open shashankpatel1542 opened this issue 10 months ago • 3 comments

User Experience: Screen reader dependent users will be impacted as the Selected state is not defined for Style buttons. Due to this, users will not be able to identify the state of the control. This will confuse them.

Actual Result: Selected state is not defined for Style buttons. i.e. Bold, Italic, Underline.

Note: Same issue repro if we unselect button, screen reader doesn't announce any information regarding it.

Expected Result: Selected state should be defined for Style buttons. Screen reader should announce "selected" information when a button is selected.

Please see attached screenshot where i have selected Underline button but it doesn't announce whether it has been selected or not and also as you can see bold was already selected earlier and when i navigate to it by pressing tab it doesn't announce the selected state of that button which will confuse screen reader users.

Image

shashankpatel1542 avatar Jan 23 '25 09:01 shashankpatel1542

Hi @shashankpatel1542,

Thanks for raising this. We definitely need to be better regarding accessibility on the controls.

Would you like to help us on one of theses issues you've declared so far?

michaelmaillot avatar Feb 09 '25 22:02 michaelmaillot

Hi @michaelmaillot ,

Sure, do let me know if you need more info on this and any other help needed.

shashankpatel1542 avatar Feb 10 '25 05:02 shashankpatel1542

Well I can assign issues like this one to you, so that you can provide a fix. Want to give a try?

michaelmaillot avatar Feb 10 '25 08:02 michaelmaillot