Remove aria role tooltip from AppBar component (#3590)

endigo9740 · web-flow · commit 83886b9cb57d · 2025-07-04T10:51:05.000-05:00
diff --git a/.changeset/major-parents-serve.md b/.changeset/major-parents-serve.md
@@ -0,0 +1,7 @@
+---
+"@skeletonlabs/skeleton-svelte": patch
+"@skeletonlabs/skeleton-react": patch
+---
+
+chore: Remove aria role tooltip from AppBar component
+  
diff --git a/packages/skeleton-react/src/components/AppBar/AppBar.tsx b/packages/skeleton-react/src/components/AppBar/AppBar.tsx
@@ -18,7 +18,7 @@ const AppBarRoot: FC<AppBarProps> = ({
 	children
 }) => {
 	return (
-		<div className={`${base} ${background} ${spaceY} ${border} ${padding} ${shadow} ${classes}`} role="toolbar" data-testid="app-bar">
+		<div className={`${base} ${background} ${spaceY} ${border} ${padding} ${shadow} ${classes}`} data-testid="app-bar">
 			{children}
 		</div>
 	);
diff --git a/packages/skeleton-svelte/src/components/AppBar/AppBar.svelte b/packages/skeleton-svelte/src/components/AppBar/AppBar.svelte
@@ -43,7 +43,7 @@
 
 <!-- @component A header element for the top of a page layout. -->
 
-<header class="{base} {background} {spaceY} {border} {padding} {shadow} {classes}" role="toolbar" data-testid="app-bar">
+<header class="{base} {background} {spaceY} {border} {padding} {shadow} {classes}" data-testid="app-bar">
 	<section class="{toolbarBase} {toolbarGridCols} {toolbarGap} {toolbarClasses}" data-testid="app-bar-toolbar">
 		{#if lead}
 			<div class="{leadBase} {leadSpaceX} {leadPadding} {leadClasses}">
