MAUI SemanticProperties / screen reader: Define what parts to read out

Ayleen 21

I have troubles with the behavior of the screen reader on this page (tested on Android so far):

The marked block is read in this way: "Start Meeting - Meeting info - Length 5 minutes - Theme Orange - Attendees"

It is strange, that the heading "Attendees" is read out at the end, but not the list content.

It would be even better to split this up into 2 separate blocks (I mean, 2 blocks, that are recognized as separate entities by the screen reader) - how could I do that?

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 34,306 Reputation points Microsoft Vendor

2023-01-05T06:15:10.023+00:00

The render control of the block you marked looks like a TableView or ListView, and Attendees is the title of header, can you share some code snippets to me?
Ayleen 21 Reputation points

2023-01-09T11:47:59.207+00:00

Find the view code attached
277359-scrumdetailspage.xml
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 34,306 Reputation points Microsoft Vendor

2023-01-10T09:58:17.423+00:00

I check the code , the label is set before ListView, and it should be read first. You could try to set the Lable as the header of the Listview and check if it can be read earlier, see ListView - .NET MAUI | Microsoft Learn

Besides, SemanticOrderView should be used for indicating the order , there is Proposal reported at SemanticOrderView · Issue #116 · CommunityToolkit/Maui · GitHub, you can follow the progress.
Ayleen 21 Reputation points

2023-01-10T12:01:06.987+00:00

Setting the label as a header of the ListView does change the design (the heading is now inside the border with the white background), but it does not solve the problem. In this case I found, that the green border that TalkBack draws, is in fact around the ScrollView I have in my XAML. If I set AutomationProperties.IsInAccessibleTree="False" on the ScrollView, it does not draw the green border like shown in the image and it does no more read the block at once, instead I have to swipe all the time to go to the next item, which is a bit cumbersome. I could not find a way to group something, so it would be read out continuously.

This is how it behaves on Android 12, I do not know, if the behavior of TalkBack was different in earlier versions.

Thanks for pointing me to the GitHub issue.
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 34,306 Reputation points Microsoft Vendor

2023-01-11T09:21:26.5266667+00:00

You are welcome. Please follow the progress at Github, or you can report this Android issue at https://github.com/dotnet/maui

Share via

MAUI SemanticProperties / screen reader: Define what parts to read out

Your answer