Merge pull request #577 from dotnet/dev/TJ/MacChanges

[DeveloperBalance] A few changes for Mac Accessibility

Author: jfversluis

9.0/Apps/DeveloperBalance/Pages/Controls/CategoryChart.xaml

@@ -21,7 +21,7 @@
             </Grid>
         </shimmer:SfShimmer.CustomView>
         <shimmer:SfShimmer.Content>
-            <chart:SfCircularChart x:Name="Chart">
+            <chart:SfCircularChart x:Name="Chart" SemanticProperties.Description="Task Categories Chart">
                 <chart:DoughnutSeries
                     ItemsSource="{Binding TodoCategoryData}"
                     PaletteBrushes="{Binding TodoCategoryColors}"
@@ -30,7 +30,7 @@
                     ShowDataLabels="True"
                     EnableTooltip="False"
                     x:Name="doughnutSeries"
-                    Radius="{OnIdiom 0.7, Phone=0.5}"
+                    Radius="{OnIdiom 0.6, Phone=0.5}"
                     InnerRadius="0.7" >
                     <chart:DoughnutSeries.LabelTemplate>
                         <DataTemplate >

9.0/Apps/DeveloperBalance/Pages/Controls/ProjectCardView.xaml

@@ -8,6 +8,7 @@
         xmlns:shimmer="clr-namespace:Syncfusion.Maui.Toolkit.Shimmer;assembly=Syncfusion.Maui.Toolkit"
         x:Class="DeveloperBalance.Pages.Controls.ProjectCardView"
         Style="{StaticResource CardStyle}"
+        SemanticProperties.Description="{Binding Name, StringFormat='{0} Project'}"
         x:DataType="models:Project">
     <shimmer:SfShimmer
         BackgroundColor="Transparent"

9.0/Apps/DeveloperBalance/Pages/ProjectDetailPage.xaml

@@ -99,7 +99,8 @@
                         <DataTemplate x:DataType="models:IconData">
                             <Grid RowDefinitions="Auto,4" RowSpacing="{StaticResource size60}"
                                  SemanticProperties.Description="{Binding Description}"
-                                 SemanticProperties.Hint="Icon representing the type of task . Tap to select">
+                                 SemanticProperties.Hint="Icon representing the type of task . Tap to select"
+                                 InputTransparent="True">
                                 <VisualStateManager.VisualStateGroups>
                                     <VisualStateGroup x:Name="CommonStates">
                                         <VisualState x:Name="Normal">
@@ -127,6 +128,11 @@
                                     HorizontalOptions="Center"
                                     TextColor="{AppThemeBinding Light={StaticResource DarkOnLightBackground},Dark={StaticResource LightOnDarkBackground}}"/>
                                 <BoxView x:Name="SelectedIndicator" Color="{StaticResource Primary}" HeightRequest="4" HorizontalOptions="Fill" Grid.Row="1"/>
+
+                                <!-- This TapGestureRecognizer ensures that the grid is treated as a button for accessibility purposes on iOS -->
+                                <Grid.GestureRecognizers>
+                                    <TapGestureRecognizer />
+                                </Grid.GestureRecognizers>
                             </Grid>                            
                         </DataTemplate>
                     </CollectionView.ItemTemplate>

9.0/Apps/DeveloperBalance/Pages/ProjectListPage.xaml

@@ -23,7 +23,7 @@
             Spacing="{StaticResource LayoutSpacing}">
             <BindableLayout.ItemTemplate>
                 <DataTemplate x:DataType="models:Project">
-                    <Border>
+                    <Border SemanticProperties.Description="{Binding Name, StringFormat='{0} Project'}">
                         <VerticalStackLayout Padding="10">
                             <Label Text="{Binding Name}" FontSize="24" />
                             <Label Text="{Binding Description}" />