feat: add accessibility labels and tooltips to network switcher

serfersac · serfersac · commit 01b81926d190 · 2026-04-30T07:10:34.000Z
diff --git a/components/header/header.tsx b/components/header/header.tsx
@@ -75,6 +75,8 @@ export const Header = () => {
           <div
             className={`flex px-3 py-1 gap-2 h-[48px] rounded-3xl justify-center items-center ${isNetworkSupported ? 'bg-white/25' : 'bg-red-400/25'}`}
             onClick={networkClick}
+            title="Switch between Tari Testnet and Ethereum Sepolia"
+            aria-label="Network Switcher"
           >
             <div className="w-[24px] h-[24px] rounded-full overflow-hidden relative">
               <Image src="/eth.png" fill sizes="24px" alt="Tari icon" className="rounded-full object-cover" />

Original file line number	Diff line number	Diff line change
`@@ -75,6 +75,8 @@ export const Header = () => {`
`75`	`75`	`<div`
`76`	`76`	className={`flex px-3 py-1 gap-2 h-[48px] rounded-3xl justify-center items-center ${isNetworkSupported ? 'bg-white/25' : 'bg-red-400/25'}`}
`77`	`77`	`onClick={networkClick}`
	`78`	`+ title="Switch between Tari Testnet and Ethereum Sepolia"`
	`79`	`+ aria-label="Network Switcher"`
`78`	`80`	`>`
`79`	`81`	`<div className="w-[24px] h-[24px] rounded-full overflow-hidden relative">`
`80`	`82`	`<Image src="/eth.png" fill sizes="24px" alt="Tari icon" className="rounded-full object-cover" />`