Talkback is not announcing Recipes as Headings: A11y_.NET Core_Recipes App Home Screen_Home Screen_Screen reader.

[keerthiduvvuri]

GIT Hub Tags

AI Limited; #A11yTCS; #A11ySev2; #.NET Core; #E2E-.NET Core-Android-MAUI-JUNE2024; #Talkback; #Android; #WCAG1.3.1; #Info and Relationship; #FTP; #A11yMAS; #ScreenReader; #Elemet:Headings;

Environment and OS details:

Android Version 14

Reproduction Steps

1. Install and open ".NET MAUI" app.
2. "Home Screen" will open.
3. Swipe till "Recipes Heading"
4. Observe that Talkback is not announcing Recipes as Headings.

Actual behavior

Talkback is not announcing Recipes as Headings. NOTE: Issue is also is reproducing for Search breakfast Recipes and for Existing Recipes like salmon Bake.

Expected behavior

Talkback should be announcing Recipes as Headings.

User Impact

Screen reader users will face difficulty if Talkback is not announcing Recipes as Headings.

Attachments:

https://github.com/dotnet/maui/assets/98728920/78ab971a-b78c-473b-bc0a-2cc19eda7fc7

[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_.NETCore_RecipesAppMyRecipesNew_NewRecipe_ScreenReader: Talkback is not announcing "Recipe Name" field as required field and not marked up with any chevron/symbol. (#15625), similarity score: 0.82
• A11y_.NETCore_RecipesAppMyRecipesEdit_EditRecipe_ScreenReader: Talkback is not announcing label information for slider, plus/minus button. (#15623), similarity score: 0.81
• "Click here to view full recipe" and "Add to my recipes" are unnecessarily given as headings. (#6474), similarity score: 0.80
• Heading level is not defined for "Find the recipe for you" heading. (#6475), similarity score: 0.80
• A11y_.NET Core MAUI_Recipe App_Edit Recipe_Screenreader : The "Review" Label is not announced by Narrator and NVDA Screenreader (#15663), similarity score: 0.78

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

[ninachen03]

Verified this issue with Visual Studio 17.11.0 Preview 2(8.0.40 & 8.0.21 & 8.0.3). Can repro it.

[Yash14j]

GithubTags:#Rev:yaja;

[tj-devel709]

Verified that the word "Header" is not being stated here

[tj-devel709]

Seems like all the TitleViews for Page, NavigationPage, and Shell are not registering the titles as headers on Android. Something like the below may lead towards the right direction. In iOS, these are registered as headers but not sure where that is happening.

        // something like this seems to work for getting the screen reader to say header
        var label = new Label();
        label.Text = "What To Eat TJ";
        SemanticProperties.SetHeadingLevel(label, SemanticHeadingLevel.Level1);
        Shell.SetTitleView(this, label);

[tj-devel709]

@keerthiduvvuri Creating a sample app on Android Studio shows that the titles are not listed as headers as well, so I think it makes sense that our title's are also not listed as headers in this recipe app. On android, the title is just listed as a string that we set so there is not really a way to set the semanticProperties on the titleView. There is a small hack above that could help but I think this is more so by design.