[lint fix] - fixing no-descending-specificity linting error

Author: elidakirigo

src/warnings/features/_aria-hidden.scss

@@ -23,34 +23,26 @@
 }
 
 /* W0017: Interactive Elements should not have aria-hidden */
+$interactive-elements: ("a", "button", "summary", '[role="separator"][aria-valuenow]', '[role="separator"][aria-valuemin]', '[role="separator"][aria-valuemax]');
 
-$interactive-roles: ("button", "combobox", "link", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "scrollbar", "searchbox", "slider", "spinbutton", "switch", "tab", "radio", "textbox", "treeitem");
-
-@each $role in $interactive-roles {
-	[role="#{$role}"][aria-hidden="true"]::after {
+@each $el in $interactive-elements {
+	#{$el}[aria-hidden="true"]::after {
 		@include contentMessage(warning, "W0017", "Interactive element containing aria-hidden");
 	}
 }
 
-a,
-button,
-summary,
-[role="separator"][aria-valuenow],
-[role="separator"][aria-valuemin],
-[role="separator"][aria-valuemax] {
-	&[aria-hidden="true"]::after {
-		@include contentMessage(warning, "W0017", "Interactive element containing aria-hidden");
+$interactive-tags: ("area", "audio[controls]", "iframe", "input", "select", "textarea", "video[controls]");
+
+@each $tag in $interactive-tags {
+	#{$tag}[aria-hidden="true"] {
+		@include vectorMessage(warning, "W0017", 350, "Interactive", "element containing aria-hidden");
 	}
 }
 
-area,
-audio[controls],
-iframe,
-input,
-select,
-textarea,
-video[controls] {
-	&[aria-hidden="true"] {
-		@include vectorMessage(warning, "W0017", 350, "Interactive", "element containing aria-hidden");
+$interactive-roles: ("button", "combobox", "link", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "scrollbar", "searchbox", "slider", "spinbutton", "switch", "tab", "radio", "textbox", "treeitem");
+
+@each $role in $interactive-roles {
+	[role="#{$role}"][aria-hidden="true"]::after {
+		@include contentMessage(warning, "W0017", "Interactive element containing aria-hidden");
 	}
 }