Accessibility improvements for global & vocab search

[joelit]

Reasons for creating this PR

Link to relevant issue(s), if any

• Closes [Accessibility], WCAG 4.1.2. search field’s Clear button (X) has no accessible name. #1974
• Closes [Accessibility], WCAG 2.5.3, 4.1.2. The accessible name of the “Valitse sanasto”/”Chooce vocabulary”/ “Välj vokabulär” menu is incorrect and accessible names don’t match to the visible labels of the fields. #1971

Description of the changes in this PR

• Add translation template for clear search button text
• Add aria label for vocab search clear search button
• Add aria label for global search clear search button
• Make sure the focus stays in the search field after pressing the clear search field button for keyboard accessibility
• Update cypress tests accordingly

Known problems or uncertainties in this PR

Checklist

• phpUnit tests pass locally with my changes
• I have added tests that show that the new code works, or tests are not relevant for this PR (e.g. only HTML/CSS changes)
• The PR doesn't reduce accessibility of the front-end code (e.g. tab focus, scaling to different resolutions, use of .sr-only class, color contrast)
• The PR doesn't introduce unintended code changes (e.g. empty lines or useless reindentation)

[qltysh]

2 new issues

Tool	Category	Rule	Count
qlty	Structure	Function with many returns (count = 38): startGlobalSearchApp	2

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 70.07%. Comparing base (17083ca) to head (7b4806a).
⚠️ Report is 24 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##               main    #2004   +/-   ##
=========================================
  Coverage     70.07%   70.07%           
  Complexity     1703     1703           
=========================================
  Files            34       34           
  Lines          4484     4484           
=========================================
  Hits           3142     3142           
  Misses         1342     1342           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Vainonen]

Translations to other languages missing from files and Cypress test.

[Vainonen]

Removed translation keys "Search...", "Text input with dropdown button", "1. Choose vocabulary", "2. Choose language", "3. Enter search term" can be removed from Lokalise database.

[Vainonen]

After latest commits everything seems to work as expected by suggestions in issues save for two issues:

• Aria-labels and placeholder are not completely matching. Especially aria-label for "search" for entering search term seems too sort while placeholder is "Enter search term".
• Swedish term for "Choose vocabulary" is translated, but has not been fetched to messages.sv.json

[joelit]

Rebased and force-pushed

[joelit]

After latest commits everything seems to work as expected by suggestions in issues save for two issues:

• Aria-labels and placeholder are not completely matching. Especially aria-label for "search" for entering search term seems too sort while placeholder is "Enter search term".
• Swedish term for "Choose vocabulary" is translated, but has not been fetched to messages.sv.json

The Swedish translations need to be updated with Maria, but that can be done separately. I'm prety sure that particular translation is missing: