From b26048e5e5d46bfc4bd29c9fb95631f7f81af195 Mon Sep 17 00:00:00 2001
From: Robert Sese <734194+rsese@users.noreply.github.com>
Date: Wed, 4 Jun 2025 10:05:02 -0500
Subject: [PATCH] remove aria scrollbar role for REST code blocks (#55933)

---
 src/rest/components/RestCodeSamples.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/rest/components/RestCodeSamples.tsx b/src/rest/components/RestCodeSamples.tsx
index 468d3274076a..d6c0747eca05 100644
--- a/src/rest/components/RestCodeSamples.tsx
+++ b/src/rest/components/RestCodeSamples.tsx
@@ -316,14 +316,10 @@ export function RestCodeSamples({ operation, slug, heading }: Props) {
             `border-top rounded-1 my-0 ${getLanguageHighlight(selectedLanguage)}`,
           )}
           data-highlight={getLanguageHighlight(selectedLanguage)}
+          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
           tabIndex={0}
-          role="scrollbar"
-          aria-controls="example-request-code"
-          aria-valuenow={0}
         >
-          <code id="example-request-code" ref={requestCodeExample}>
-            {displayedExample[selectedLanguage]}
-          </code>
+          <code ref={requestCodeExample}>{displayedExample[selectedLanguage]}</code>
         </div>
       </div>
 
@@ -378,12 +374,10 @@ export function RestCodeSamples({ operation, slug, heading }: Props) {
               )}
               data-highlight={'json'}
               style={{ maxHeight: responseMaxHeight }}
+              // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
               tabIndex={0}
-              role="scrollbar"
-              aria-controls="example-response-code"
-              aria-valuenow={0}
             >
-              <code id="example-response-code" ref={responseCodeExample}>
+              <code ref={responseCodeExample}>
                 {selectedResponse === ResponseKeys.example
                   ? displayedExampleResponse
                   : displayedExampleSchema}