UHF-5527 Small accessibility improvements for unit searches and custom searches

[teroelonen]

UHF-5527

What was done

• Added role="search" to form element in unit searches and custom searches.
• Added type="search" to inputs that were previously type text in forms in unit searches and custom searches.
• Removed magnifying glass icon from the search inputs in unit searches and custom searches.

How to install

• Make sure your instance is up and running on latest dev branch. I recommend testing this with all instances that are listed below in the testing instructions.
• For KASKO and STRATEGIA there is feature-branch that needs to be used as well.
  • git pull origin dev
  • make fresh
    OR
  • git fetch
  • git checkout UHF-5527
  • make fresh
• Update the HDBT theme
  • composer require drupal/hdbt:dev-UHF-5527
• Run make drush-cim drush-cr

How to test

Make sure that for each of these listed searches the form element has attribute role="search" and that if there is text-input field on the filters it has the type="search" attribute. Also the input field should no longer have the magnifying glass icon on any of the searches. ATTENTION: the ploughing schedule search uses HDS-SearchInput component and that component doesn't support type-attribute so it doesn't have it.

KASKO:

• https://helfi-kasko.docker.so/fi/kasvatus-ja-koulutus/perusopetus/peruskoulut
• https://helfi-kasko.docker.so/fi/kasvatus-ja-koulutus/varhaiskasvatus/varhaiskasvatus-paivakodissa/etsi-kunnallisia-paivakoteja
• https://helfi-kasko.docker.so/fi/kasvatus-ja-koulutus/lukiokoulutus/lukiot
• https://helfi-kasko.docker.so/fi/kasvatus-ja-koulutus/leikkipuistot/leikkipuistot-ja-perhetalot
• https://helfi-kasko.docker.so/fi/kasvatus-ja-koulutus/ammatillinen-koulutus/ammatilliset-oppilaitokset

STRATEGIA:

• https://strategia.docker.so/fi/paatoksenteko-ja-hallinto/ota-yhteytta-helsingin-kaupunkiin/neuvontapalvelut

SOTE:

• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/senioripalvelut/kotihoito
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/senioripalvelut/palvelukeskukset
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/senioripalvelut/seniorikeskukset-etusivu
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/senioripalvelut/ymparivuorokautinen-asuminen-ja-hoito
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/terveydenhoito/hammashoito/hammashoitolat
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/terveydenhoito/kuntoutus-ja-terapiat/toimintaterapia
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/terveydenhoito/terveysasemat
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/vammaispalvelut/asuminen
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/vammaispalvelut/asuminen/kotihoito
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/vammaispalvelut/tyo-ja-paivatoiminta
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/terveyskeskushaku
• https://helfi-sote.docker.so/fi/sosiaali-ja-terveyspalvelut/neuvolahaku

KUVA:

• https://helfi-kuva.docker.so/fi/kulttuuri-ja-vapaa-aika/ulkoilu-puistot-ja-luontokohteet/uimarannat/helsingin-uimarannat

REKRY:

• https://helfi-rekry.docker.so/fi/avoimet-tyopaikat/avoimet-tyopaikat

KYMP:

• https://helfi-kymp.docker.so/fi/kaupunkiymparisto-ja-liikenne/kaupunkisuunnittelu-ja-rakentaminen/suunnitelmat-ja-rakennushankkeet
• https://helfi-kymp.docker.so/fi/kaupunkiymparisto-ja-liikenne/kunnossapito/katujen-kunnossapito/katujen-talvikunnossapito

ETUSIVU:

• https://helfi-etusivu.docker.so/en/news

• Check that code follows our standards

Designers review

• This PR does not need designers review

Other PRs

• UHF-5527 Small accessibility improvements for unit searches and custom searches #902
• UHF-5527 Small accessibility improvements for unit searches and custom searches drupal-helfi-kasvatus-koulutus#566
• UHF-5527 Small accessibility improvements for unit searches and custom searches drupal-helfi-strategia#578

[github-actions]

✅ Tests passed! You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt/pull/902/html_report/