Fix for duplicate aria ids that are from the localization.

[mcavady]

PR Summary:

The issue was the snippet is in the drawer and the footer with the same id's.

Why are these changes introduced?

Fixes #0.
Duplicate ARIA ID's

What approach did you take?

Fix for duplicate aria ids that are from the localization, added in the localPosition to the id from the snippet rendering

id="country-filter-input

To

id="country-filter-input-search-{{ localPosition }}"

Other considerations

Will this break anything else

Decision log

#	Decision	Alternatives	Rationale	Downsides
1

Visual impact on existing themes

No Visual Change

Testing steps/scenarios

• Run lighthouse check and see ARIA roles flag up
• Search the DOM for the duplicate ID "id="country-filter-input", this will be in both the footer and the mobile nav if the currency / localisation is enabled

Demo links

• Store
• Editor

Checklist

• [1] Added PR summary for release notes
• Requested review from UX (Only for changes that are affecting the experience or perceivable visual details)
• Created a ticket for the help.shopify.com documentation team about updates to theme settings. (Internal-only task)
• Followed theme code principles
• Linted with Theme Check
• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility

[mcavady]

Job needs a re run now the Agreement is signed, How do I make that happen here please ?