Fix comprehensive screen reader accessibility issues

This commit resolves several UX issues to significantly improve the keyboard and screen reader navigation flow:
- Added AutomationProperties.Name to the loading screen grid, operation list resizers, and the ExpandCollapseOpList button.
- Disabled IsTabStop on the custom TitleBar so it doesn't get focused unnecessarily.
- Fixed accessibility for view mode and filter options by assigning them grouping roles.
- Added descriptive labels to the ToggleFiltersButton and MainToolbarButtonDropdown ('More actions').
- Bound AutomationProperties.Name to the dynamic text of MainToolbarButton so it correctly reads 'Install selected packages', etc.
- Added AutomationProperties.Name to the BackButton on the package preferences dialog.
- Added AutomationProperties.Name to the search mode radio buttons.
- Removed 'ghost' tab stops following the Help button by explicitly setting IsTabStop='False' and OverflowButtonVisibility='Collapsed' on the CommandBar and surrounding layout containers.
- Fixed CheckboxHeader by setting IsTabStop='False' and AccessibilityView='Raw'.
- Improved package list item accessibility by building a custom AutomationPeer for PackageItemContainer that implements IToggleProvider and acts natively as a CheckBox role, allowing direct selection and status announcement without an extra tab stop.
- Added AutomationProperties.Name and ToolTip labels ('User profile') to the dynamic GitHub login/cloud backup avatar UserControl in the main title bar.

Author: aryanchoudharypro

src/UniGetUI/Controls/PackageItemContainer.cs

@@ -1,3 +1,6 @@
+using Microsoft.UI.Xaml.Automation;
+using Microsoft.UI.Xaml.Automation.Peers;
+using Microsoft.UI.Xaml.Automation.Provider;
 using Microsoft.UI.Xaml.Controls;
 using UniGetUI.PackageEngine.Interfaces;
 using UniGetUI.PackageEngine.PackageClasses;
@@ -7,6 +10,78 @@ namespace UniGetUI.Interface.Widgets
     public partial class PackageItemContainer : ItemContainer
     {
         public IPackage? Package { get; set; }
-        public PackageWrapper Wrapper { get; set; } = null!;
+
+        private PackageWrapper _wrapper = null!;
+        public PackageWrapper Wrapper
+        {
+            get => _wrapper;
+            set
+            {
+                if (_wrapper != null)
+                {
+                    _wrapper.PropertyChanged -= Wrapper_PropertyChanged;
+                }
+                _wrapper = value;
+                if (_wrapper != null)
+                {
+                    _wrapper.PropertyChanged += Wrapper_PropertyChanged;
+                }
+            }
+        }
+
+        private void Wrapper_PropertyChanged(object? sender, System.ComponentModel.PropertyChangedEventArgs e)
+        {
+            if (e.PropertyName == nameof(PackageWrapper.IsChecked))
+            {
+                var peer = FrameworkElementAutomationPeer.FromElement(this) as PackageItemContainerAutomationPeer;
+                if (peer != null)
+                {
+                    ToggleState oldState = !Wrapper.IsChecked ? ToggleState.On : ToggleState.Off;
+                    ToggleState newState = Wrapper.IsChecked ? ToggleState.On : ToggleState.Off;
+                    peer.RaiseToggleStatePropertyChanged(oldState, newState);
+                }
+            }
+        }
+
+        protected override AutomationPeer OnCreateAutomationPeer()
+        {
+            return new PackageItemContainerAutomationPeer(this);
+        }
+    }
+
+    public partial class PackageItemContainerAutomationPeer : FrameworkElementAutomationPeer, IToggleProvider
+    {
+        private readonly PackageItemContainer _owner;
+
+        public PackageItemContainerAutomationPeer(PackageItemContainer owner) : base(owner)
+        {
+            _owner = owner;
+        }
+
+        protected override AutomationControlType GetAutomationControlTypeCore()
+        {
+            return AutomationControlType.CheckBox;
+        }
+
+        protected override object GetPatternCore(PatternInterface patternInterface)
+        {
+            if (patternInterface == PatternInterface.Toggle)
+            {
+                return this;
+            }
+            return base.GetPatternCore(patternInterface);
+        }
+
+        public ToggleState ToggleState => (_owner.Wrapper != null && _owner.Wrapper.IsChecked) ? ToggleState.On : ToggleState.Off;
+
+        public void Toggle()
+        {
+            _owner.Wrapper?.IsChecked = !_owner.Wrapper.IsChecked;
+        }
+
+        public void RaiseToggleStatePropertyChanged(ToggleState oldValue, ToggleState newValue)
+        {
+            RaisePropertyChangedEvent(TogglePatternIdentifiers.ToggleStateProperty, oldValue, newValue);
+        }
     }
 }

src/UniGetUI/Controls/PackageWrapper.cs

@@ -31,10 +31,13 @@ public bool IsChecked
             {
                 Package.IsChecked = value;
                 PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(IsChecked)));
+                PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(CheckedStatus)));
                 _page.UpdatePackageCount();
             }
         }
 
+        public string CheckedStatus => IsChecked ? CoreTools.Translate("Checked") : CoreTools.Translate("Unchecked");
+
         public bool IconWasLoaded;
         public bool AlternateIdIconVisible;
         public bool ShowCustomPackageIcon;

src/UniGetUI/MainWindow.xaml

@@ -36,6 +36,7 @@
       PaneToggleRequested="TitleBar_PaneToggleRequested"
       SizeChanged="TitleBar_SizeChanged"
       Visibility="Collapsed"
+      IsTabStop="False"
     >
       <!--TitleBar.IconSource>
                 <ImageIconSource ImageSource="ms-appx:///Assets/Images/icon.png" />
@@ -97,7 +98,7 @@
       />
     </StackPanel>
     <Frame Name="MainContentFrame" Grid.Row="2">
-      <Grid Background="{StaticResource ProgressBarBorderThemeBrush}" Visibility="Visible">
+      <Grid Background="{StaticResource ProgressBarBorderThemeBrush}" Visibility="Visible" AutomationProperties.Name="Loading UniGetUI">
         <Grid.ColumnDefinitions>
           <ColumnDefinition Width="*" />
           <ColumnDefinition Width="Auto" />

src/UniGetUI/Pages/MainView.xaml

@@ -381,6 +381,7 @@
 
       <controls:GridSplitter
         x:Name="OperationSplitter"
+        AutomationProperties.Name="Operation list resizer"
         Grid.Row="1"
         Grid.Column="0"
         Height="12"
@@ -398,6 +399,7 @@
         </Grid.ColumnDefinitions>
         <HyperlinkButton
           Name="ExpandCollapseOpList"
+          AutomationProperties.Name="Expand or collapse operation list"
           Grid.Column="1"
           Height="12"
           Padding="12,0,12,0"

src/UniGetUI/Pages/SettingsPages/GeneralPages/Updates.xaml.cs

@@ -98,7 +98,7 @@ private void RefreshMinimumAgeLayout()
                 : new CornerRadius(8);
         }
 
-        private UIElement BuildReleaseDateCompatTable()
+        private static UIElement BuildReleaseDateCompatTable()
         {
             string yesStr = CoreTools.Translate("Yes");
             string noStr = CoreTools.Translate("No");

src/UniGetUI/Pages/SettingsPages/SettingsBasePage.xaml

@@ -44,6 +44,7 @@
       </Grid.ColumnDefinitions>
       <Button
         Name="BackButton"
+        AutomationProperties.Name="Back"
         Width="36"
         Height="36"
         Padding="6"

src/UniGetUI/Pages/SoftwarePages/AbstractPackagesPage.xaml

@@ -48,6 +48,8 @@
             Grid.Column="0"
             VerticalAlignment="Center"
             IsChecked="{x:Bind IsChecked, Mode=TwoWay}"
+            IsTabStop="False"
+            AutomationProperties.AccessibilityView="Raw"
           />
 
           <!--  Regular or package icon  -->
@@ -285,6 +287,8 @@
             HorizontalAlignment="Left"
             VerticalAlignment="Top"
             IsChecked="{x:Bind IsChecked, Mode=TwoWay}"
+            IsTabStop="False"
+            AutomationProperties.AccessibilityView="Raw"
           />
 
           <Button
@@ -418,6 +422,8 @@
             HorizontalAlignment="Left"
             VerticalAlignment="Top"
             IsChecked="{x:Bind IsChecked, Mode=TwoWay}"
+            IsTabStop="False"
+            AutomationProperties.AccessibilityView="Raw"
           />
           <Button
             Grid.Row="0"
@@ -591,24 +597,26 @@
           VerticalAlignment="Center"
           Orientation="Horizontal"
           Spacing="4"
+          AutomationProperties.Name="View modes"
+          AutomationProperties.LocalizedControlType="grouping"
         >
           <widgets:TranslatedTextBlock VerticalAlignment="Center" Text="View mode:" />
           <Toolkit:Segmented
             x:Name="ViewModeSelector"
             SelectionChanged="ViewModeSelector_SelectionChanged"
             SelectionMode="Single"
           >
-            <Toolkit:SegmentedItem x:Name="Selector_List">
+            <Toolkit:SegmentedItem x:Name="Selector_List" AutomationProperties.Name="List view">
               <Toolkit:SegmentedItem.Icon>
                 <FontIcon Glyph="&#xE8FD;" />
               </Toolkit:SegmentedItem.Icon>
             </Toolkit:SegmentedItem>
-            <Toolkit:SegmentedItem x:Name="Selector_Grid">
+            <Toolkit:SegmentedItem x:Name="Selector_Grid" AutomationProperties.Name="Grid view">
               <Toolkit:SegmentedItem.Icon>
                 <FontIcon Glyph="&#xF168;" />
               </Toolkit:SegmentedItem.Icon>
             </Toolkit:SegmentedItem>
-            <Toolkit:SegmentedItem x:Name="Selector_Icons">
+            <Toolkit:SegmentedItem x:Name="Selector_Icons" AutomationProperties.Name="Icons view">
               <Toolkit:SegmentedItem.Icon>
                 <FontIcon Glyph="&#xF0E2;" />
               </Toolkit:SegmentedItem.Icon>
@@ -641,6 +649,7 @@
         <StackPanel x:Name="ToggleFiltersButtonWidth" Margin="0,0,13,0" Orientation="Horizontal">
           <ToggleButton
             x:Name="ToggleFiltersButton"
+            AutomationProperties.Name="Toggle filters panel"
             Grid.Column="0"
             Height="36"
             Margin="1,4"
@@ -688,6 +697,7 @@
         <StackPanel Grid.Column="1" Orientation="Horizontal">
           <Button
             x:Name="MainToolbarButton"
+            AutomationProperties.Name="{x:Bind MainToolbarButtonText.Text, Mode=OneWay}"
             Height="36"
             Margin="0,0,1,0"
             x:FieldModifier="protected"
@@ -711,6 +721,7 @@
           </Button>
           <Button
             x:Name="MainToolbarButtonDropdown"
+            AutomationProperties.Name="More actions"
             Width="30"
             Height="36"
             Padding="4"
@@ -728,6 +739,8 @@
           HorizontalAlignment="Left"
           x:FieldModifier="protected"
           DefaultLabelPosition="Right"
+          IsDynamicOverflowEnabled="False"
+          OverflowButtonVisibility="Collapsed"
         />
       </Grid>
     </Grid>
@@ -747,6 +760,7 @@
       PaneClosing="FilteringPanel_PaneClosing"
       PanePlacement="Left"
       SizeChanged="FilteringPanel_SizeChanged"
+      IsTabStop="False"
     >
       <SplitView.Pane>
         <ScrollViewer
@@ -759,6 +773,7 @@
           CornerRadius="0,8,8,0"
           HorizontalScrollMode="Disabled"
           SizeChanged="SidepanelWidth_SizeChanged"
+          IsTabStop="False"
         >
           <Grid Name="SidePanelGrid" RowSpacing="8">
             <Grid.RowDefinitions>
@@ -887,7 +902,7 @@
                 </StackPanel>
               </Expander.Header>
               <Expander.Content>
-                <StackPanel HorizontalAlignment="Stretch" Orientation="Vertical" Spacing="0">
+                <StackPanel HorizontalAlignment="Stretch" Orientation="Vertical" Spacing="0" AutomationProperties.Name="Filter options" AutomationProperties.LocalizedControlType="grouping">
                   <CheckBox
                     x:Name="InstantSearchCheckbox"
                     x:FieldModifier="protected"
@@ -959,6 +974,7 @@
                   >
                     <RadioButton
                       x:Name="QueryNameRadio"
+                      AutomationProperties.Name="Package Name"
                       Height="30"
                       Margin="0,-2,0,-2"
                       x:FieldModifier="protected"
@@ -969,6 +985,7 @@
                     </RadioButton>
                     <RadioButton
                       x:Name="QueryIdRadio"
+                      AutomationProperties.Name="Package ID"
                       Height="30"
                       Margin="0,-2,0,-2"
                       x:FieldModifier="protected"
@@ -979,6 +996,7 @@
                     </RadioButton>
                     <RadioButton
                       x:Name="QueryBothRadio"
+                      AutomationProperties.Name="Both"
                       Height="30"
                       Margin="0,-2,0,-2"
                       x:FieldModifier="protected"
@@ -990,6 +1008,7 @@
                     </RadioButton>
                     <RadioButton
                       x:Name="QueryExactMatch"
+                      AutomationProperties.Name="Exact match"
                       Height="30"
                       Margin="0,-2,0,-2"
                       x:FieldModifier="protected"
@@ -1000,6 +1019,7 @@
                     </RadioButton>
                     <RadioButton
                       x:Name="QuerySimilarResultsRadio"
+                      AutomationProperties.Name="Show similar packages"
                       Height="30"
                       Margin="0,-2,0,-2"
                       x:FieldModifier="protected"
@@ -1070,9 +1090,12 @@
               HorizontalAlignment="Stretch"
               BorderThickness="0"
               CornerRadius="4,0,0,4"
+              IsTabStop="False"
+              AutomationProperties.AccessibilityView="Raw"
             >
               <CheckBox
                 Name="SelectAllCheckBox"
+                AutomationProperties.Name="Select all packages"
                 Margin="12,4,4,4"
                 Checked="SelectAllCheckBox_ValueChanged"
                 Unchecked="SelectAllCheckBox_ValueChanged"

src/UniGetUI/Services/UserAvatar.cs

@@ -29,6 +29,8 @@ public UserAvatar()
         {
             VerticalContentAlignment = VerticalAlignment.Center;
             HorizontalContentAlignment = HorizontalAlignment.Center;
+            Microsoft.UI.Xaml.Automation.AutomationProperties.SetName(this, CoreTools.Translate("User profile"));
+            ToolTipService.SetToolTip(this, CoreTools.Translate("User profile"));
             _ = RefreshStatus();
             GitHubAuthService.AuthStatusChanged += GitHubAuthService_AuthStatusChanged;
         }
@@ -166,7 +168,7 @@ private PointButton GenerateLoginControl()
                 Content = stackPanel,
             };
 
-            return new PointButton
+            var btn = new PointButton
             {
                 Margin = new Thickness(0),
                 Padding = new Thickness(4),
@@ -176,6 +178,9 @@ private PointButton GenerateLoginControl()
                 Content = personPicture,
                 Flyout = flyout,
             };
+            Microsoft.UI.Xaml.Automation.AutomationProperties.SetName(btn, CoreTools.Translate("User profile"));
+            ToolTipService.SetToolTip(btn, CoreTools.Translate("User profile"));
+            return btn;
         }
 
         private async Task<PointButton> GenerateLogoutControl()
@@ -289,7 +294,7 @@ private async Task<PointButton> GenerateLogoutControl()
                 Content = stackPanel,
             };
 
-            return new PointButton
+            var btn = new PointButton
             {
                 Margin = new Thickness(0),
                 Padding = new Thickness(4),
@@ -299,6 +304,9 @@ private async Task<PointButton> GenerateLogoutControl()
                 Content = personPicture,
                 Flyout = flyout,
             };
+            Microsoft.UI.Xaml.Automation.AutomationProperties.SetName(btn, CoreTools.Translate("User profile"));
+            ToolTipService.SetToolTip(btn, CoreTools.Translate("User profile"));
+            return btn;
         }
     }
 }