The strong and clear four-sided visible focus provided should not overlap with the UI.
Whenever the user uses a keyboard (s)he needs to be in control of where the input happens and affects consequences. Therefore, the focus must always be visible and easy to find.
Can you handle that on the application side
No
Which versions of Angular and Fundamental Library for Angular are affected? Please, specify the exact version. (If this is a feature request, use current version.)
All
If this is a bug, please provide steps for reproducing it; the exact components you are using;
Component used: Shellbar
The Focus provided for the ‘Profile’ button in the header region overlaps with the UI and the text within the button is not visible clearly when the focus is on the UI.
Please provide relevant source code (if applicable).
Please provide stackblitz example(s).
You can try ngx examples, issue is reproducible there.
In case this is Accessibility related topic, did you consult with an accessibility expert? If not, please do so and share their recommendations.
Yes, issue is raised by an accessibility expert.
Did you check the documentation and the API?
Yes
Did you search for similar issues?
Yes
Is there anything else we should know?
IMPORTANT: Please refrain from providing links or screenshots of SAP's internal information, as this project is open-source, and its contents are accessible to anyone.
droshev
commented
1 month ago
Is this a bug, enhancement, or feature request?
Bug
Describe your proposal.
The strong and clear four-sided visible focus provided should not overlap with the UI. Whenever the user uses a keyboard (s)he needs to be in control of where the input happens and affects consequences. Therefore, the focus must always be visible and easy to find.
Can you handle that on the application side
No
Which versions of Angular and Fundamental Library for Angular are affected? Please, specify the exact version. (If this is a feature request, use current version.)
All
If this is a bug, please provide steps for reproducing it; the exact components you are using;
Component used: Shellbar The Focus provided for the ‘Profile’ button in the header region overlaps with the UI and the text within the button is not visible clearly when the focus is on the UI.
Please provide relevant source code (if applicable).
Please provide stackblitz example(s).
You can try ngx examples, issue is reproducible there.
In case this is Accessibility related topic, did you consult with an accessibility expert? If not, please do so and share their recommendations.
Yes, issue is raised by an accessibility expert.
Did you check the documentation and the API?
Yes
Did you search for similar issues?
Yes
Is there anything else we should know?
IMPORTANT: Please refrain from providing links or screenshots of SAP's internal information, as this project is open-source, and its contents are accessible to anyone.