Bug 1844062 - [devtools] Properly handle aria-pressed attribute on se…

…lector highlighter icon. r=devtools-reviewers,ochameau.

Differential Revision: https://phabricator.services.mozilla.com/D189916

UltraBlame original commit: 6a3696d25b3eb37571c0cb68fc067a89c26b845a

devtools/client/inspector/rules/rules.js

@@ -483,10 +483,9 @@ CssRuleView.prototype = {
 
           const query = `.js-toggle-selector-highlighter[data-computed-selector='${selector}']`;
           for (const node of this.styleDocument.querySelectorAll(query)) {
-            node.classList.toggle(
-              "highlighted",
-              eventName == "highlighter-shown"
-            );
+            const isHighlighterDisplayed = eventName == "highlighter-shown";
+            node.classList.toggle("highlighted", isHighlighterDisplayed);
+            node.setAttribute("aria-pressed", isHighlighterDisplayed);
           }
         }
         break;