SAP
UI5-Button | iOS | a11y - Button Focus outline not visible
Bug Description
UI5-Button focus is not visible while tabbing. This is happening for iphone
Affected Component
Button
Expected Behaviour
Outline focus should be visible for the button when its fouced while tabbing
Isolated Example
No response
Steps to Reproduce
- Open https://sap.github.io/ui5-webcomponents-react/?path=/docs/inputs-button--docs
- Open Toggle Device Tool Bar from chrome dev tool
- Select iPhone 14 Pro Max
- Tray focusing the button by clicking on keyboard tab ...
Log Output, Stack Trace or Screenshots
No response
Priority
Medium
UI5 Web Components Version
1.20.0
Browser
Chrome
Operating System
No response
Additional Context
No response
Organization
SAP
Declaration
- [X] I’m not disclosing any internal or sensitive information.
Hello @yoganjan ,
If you are testing on real device (phone) there will be no "tab" key. The way you test seems wrong to me. Also on phone there is no need of features as focus, hover, etc. since they are not useful without real keyboard or mouse.
Best Regards, Lidiya
Hi @LidiyaGeorgieva , We are testing by connecting blueetooth enabled keyboard to the iphone and testing. Same we were able to reproduce from chrome dev tools as well
Hello @yoganjan , Could you please explain which Accessibility standard is violated. Best Regards, Lidiya
Hi @LidiyaGeorgieva ,
When we navigate the input fields with Tab key on keyboard , we should see outline for the buttons. But for the Ui5-Button outline is not visible when its focused using Tab
Thanks, Yoganjan
Hello @SAP/ui5-webcomponents-topic-b, Please advice. Regards, Lidiya
Note: This is part of bigger topic for visual focus on mobile: FIORITECHP1-17583.
Related to: #8250
