When keyboard focus moves to "1 scallion" checkbox keyboard focus is overlapping the label of check box: A11y_.NET Core_Recipes App My Recipes Recipe_Recipe Screen_Usability

[kapilvaishna]

Please do not close this bug. This bug should only be closed by Trusted Tester after verification.

"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

GitHub Tags

A11yTCS;#A11yUsable;#Keyboard;#E2E_.NETCore_Win32_Jun2024;#.NET Core;#DesktopApp;#Win32;#FTP;#A11ySev4;

Environment Details:

Application: .NET Core Version: .NET 9 Operating System: Window 11 version 23H2 OS build 22631.2861

Repro Steps:

1. Install and open ".NET MAUI" app.
2. TAB to "My Recipes" and Press ENTER key.
3. TAB to "Korean egg roll" recipe and press ENTER key.
4. TAB to "1 scallion" checkbox.
5. Observe keyboard focus is overlapping the label of check box

Actual Result:

When keyboard focus moves to "1 scallion" checkbox keyboard focus is overlapping the label of check box.

Expected Result:

When keyboard focus moves to "1 scallion" checkbox keyboard focus should not overlap the label of check box.

User Impact:

Keyboard only user will not be able to see label partially when focus is on checkbox.

Attachment

[github-actions[bot]]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Closed similar issues:

• A11y_.NET Core_Recipes App My Recipes New_New Recipe_New Recipe_Labels or Instructions: In "New Recipe" screen required fields are not marked up with any chevron/symbols. (#15743), similarity score: 0.78
• A11y_.NET Core_MAUI_Recipe App_Your Recipe_Keyboard : The "More options" button is not accessible by keyboard. (#15664), similarity score: 0.77
• A11y_.NETCore_RecipesAppMyRecipesEdit_EditRecipe_Screen Reader: Talkback focus is not moving correctly when we try to edit in "Ingredients" and "Recipe". (#15226), similarity score: 0.77
• A11y_.NET Core_Recipes App My Recipes New_New Recipe_New Recipe_Labels or Instructions: In "New Recipe" screen required fields are not marked up with any chevron/symbols. (#15597), similarity score: 0.76
• A11y_.NET Core_MAUI_Recipe App_Screen reader : Narrator is announcing button but there is no visible control/button present in the screen (#15598), similarity score: 0.76

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[kevinxufei]

Verified on 17.11.0 Preview 1.1 (8.0.40/8.0.3). Can repro this issue.

[Yash14j]

GithubTags:#Rev:yaja;