Feature/radio group accessibility

[harksha]

Update according to w3c https://www.w3.org/WAI/ARIA/apg/patterns/radio/

• Dynamically set tabindex based on checked state - changing radio options should not be achieved through tab key - only initial focus
• Add role="radio" and aria-checked attributes to radio component
• Change radio wrapper from <div> to <li> for better semantics
• Add ariaLabel prop to radio group for improved accessibility
• Update radio group to use <ul> with role="radiogroup"

Checklist

List of tasks you have already done and plan to do.

• Fix linting errors
• Tests have been added / updated (or snapshots)

Change information

Describe your modifications here.

Issues

The issues you want to close, formatted as close #1.

Related Links

Links related to this pr.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
varlet	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 29, 2025 0:20am

[vercel]

@grozavioana is attempting to deploy a commit to the varletjs Team on Vercel.

A member of the Team first needs to authorize it.

[pkg-pr-new]

Open in Stackblitz

@varlet/cli

npm i https://pkg.pr.new/@varlet/cli@1848

@varlet/icons

npm i https://pkg.pr.new/@varlet/icons@1848

@varlet/preset-tailwindcss

npm i https://pkg.pr.new/@varlet/preset-tailwindcss@1848

@varlet/preset-unocss

npm i https://pkg.pr.new/@varlet/preset-unocss@1848

@varlet/shared

npm i https://pkg.pr.new/@varlet/shared@1848

@varlet/import-resolver

npm i https://pkg.pr.new/@varlet/import-resolver@1848

@varlet/touch-emulator

npm i https://pkg.pr.new/@varlet/touch-emulator@1848

@varlet/ui

npm i https://pkg.pr.new/@varlet/ui@1848

@varlet/use

npm i https://pkg.pr.new/@varlet/use@1848

@varlet/vite-plugins

npm i https://pkg.pr.new/@varlet/vite-plugins@1848

commit: 01f707f

[harksha]

@haoziqaq please check chinese docs - I translated using AI :)

[haoziqaq]

thx.