Updated labels for section toggles

Author: Joseph Schick

src/EventLogExpert/Components/DetailsPane.razor

@@ -4,7 +4,8 @@
 <div data-toggle="@IsVisible" hidden="@(SelectedEvent is null)" id="details-pane">
     <div id="details-resizer"></div>
 
-    <div class="flex-space-between" id="details-header" @onclick="ToggleMenu" @onkeydown="HandleKeyDown" tabindex="0">
+    <div aria-label="@(_isVisible ? "Collapse Details" : "Expand Details")" class="flex-space-between" id="details-header"
+        @onclick="ToggleMenu" @onkeydown="HandleKeyDown" tabindex="0">
         <div>Details</div>
 
         <span class="menu-toggle" data-rotate="@IsVisible">
@@ -35,7 +36,7 @@
 
         <hr />
 
-        <div class="details-row-xml" @onclick="ToggleXml" @onkeydown="HandleKeyDownXml" tabindex="0">
+        <div aria-label="@(_isXmlVisible ? "Collapse XML" : "Expand XML")" class="details-row-xml" @onclick="ToggleXml" @onkeydown="HandleKeyDownXml" tabindex="0">
             <div>XML</div>
             <div class="justify-self-center">
                 <button class="button" @onclick="CopyEvent">Copy Event</button>

src/EventLogExpert/Components/FilterPane.razor

@@ -47,8 +47,8 @@
                 </div>
             }
 
-            <span aria-label="Toggle filter pane" class="menu-toggle justify-self-right" data-rotate="@MenuState"
-                @onclick="ToggleMenu" @onkeydown="HandleKeyDown" role="button" tabindex="0">
+            <span aria-label="@(_isFilterListVisible ? "Collapse Filters" : "Expand Filters")" class="menu-toggle justify-self-right"
+                data-rotate="@MenuState" @onclick="ToggleMenu" @onkeydown="HandleKeyDown" role="button" tabindex="0">
                 <i class="bi bi-caret-up"></i>
             </span>
         }

src/EventLogExpert/Shared/Components/Filters/FilterGroupSection.razor

@@ -1,7 +1,8 @@
 @using EventLogExpert.UI.Models
 
 <div>
-    <div class="flex-space-between my-1" @onclick="ToggleMenu" @onkeydown="HandleKeyDown" tabindex="0">
+    <div aria-label="@(_menuState ? "Collapse Group" : "Expand Group")" class="flex-space-between my-1"
+        @onclick="ToggleMenu" @onkeydown="HandleKeyDown" tabindex="0">
         <span>@Name</span>
 
         <span class="menu-toggle" data-rotate="@MenuState">