ECSoC_2026: Make scanner example chips keyboard accessible

[Babin123456]

Problem

Scanner example chips are clickable spans instead of semantic controls.

Current Behavior

Example URLs can be clicked with a mouse, but they are not proper buttons and do not provide strong keyboard focus behavior.

Why This Improvement Is Needed

Keyboard and assistive technology users should be able to discover and activate example inputs reliably.

Proposed Solution

Replace clickable spans with buttons, add aria labels, and add visible focus styling.

Expected Outcome

Example URL chips become keyboard-accessible without changing the visual purpose of the scanner UI.

Additional Notes

This keeps the existing fillExample behavior.

[Ananya-2508]

@Mrinalray assign this issue to me

[anishagrawal25]

Hi @Mrinalray,

I'd like to work on this issue.

I can update the example URL chips to use semantic button elements, add appropriate accessibility attributes, and ensure they are fully keyboard accessible while keeping the current behavior and UI intact.

Could you please assign this issue to me?

Thank you!