Improve aria labels on expand/collapse buttons further

httptoolkit · Dec 31, 2024 · 17af2f3 · 17af2f3
1 parent 92b44c2
commit 17af2f3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/view/http/header-details.tsx b/src/components/view/http/header-details.tsx
@@ -231,7 +231,7 @@ export const HeaderDetails = inject('accountStore')(observer((props: {
             )
 
             return <CollapsibleSection
-                contentName='header details'
+                contentName={`${key} header details`}
                 withinGrid={true}
                 key={`${key}-${i}`}
             >
@@ -254,7 +254,7 @@ const PseudoHeaderDetails = observer((props: {
     return <HeadersGrid>
         { _.flatMap(props.headers, ([key, value], i) => {
             return <CollapsibleSection
-                contentName='header details'
+                contentName={`${key} header details`}
                 withinGrid={true}
                 key={`${key}-${i}`}>
                 <HeaderKeyValue headerKey={key} headerValue={value} />

diff --git a/src/components/view/http/http-request-card.tsx b/src/components/view/http/http-request-card.tsx
@@ -104,7 +104,7 @@ const RawRequestDetails = (p: {
     ].filter(d => !!d);
 
     return <div>
-        <CollapsibleSection contentName='method details'>
+        <CollapsibleSection contentName={`${p.request.method} method documentation`}>
             <CollapsibleSectionSummary>
                 <ContentLabel>Method:</ContentLabel> { p.request.method }
             </CollapsibleSectionSummary>