[core] feat(Tag): a11y names for tags via button roles for tags with onClick behavior (#7490)

Co-authored-by: Daniel Stulski <[email protected]>
Co-authored-by: Greg Douglas <[email protected]>

Author: 3 people

packages/core/src/components/tag/tag.tsx

@@ -135,7 +135,12 @@ export const Tag: React.FC<TagProps> = React.forwardRef((props, ref) => {
     );
 
     return (
-        <span {...removeNonHTMLProps(htmlProps)} {...interactiveProps} className={tagClasses}>
+        <span
+            {...removeNonHTMLProps(htmlProps)}
+            {...interactiveProps}
+            className={tagClasses}
+            role={isInteractive ? "button" : undefined}
+        >
             <Icon icon={icon} />
             {!isReactNodeEmpty(children) && (
                 <Text className={Classes.FILL} ellipsize={!multiline} tagName="span" title={htmlTitle}>