UHF-8804: Fix card accessibility issues

[Arkkimaagi]

UHF-8804

• Cards that contain tags, have sections around them with identical text that causes problems to screen readers
• Cards with external links have deprecated, wrong external link span style with aria-label that is not supported by all screen readers.

What was done

• Tags -component was added a new attribute insideCard which, when toggled on, switches from section-element to div-element and sets role="group" on the group. This removes the aria-label duplication problem too.
• Cards previously did not use the ExternalLink component, now they do
• ExternalLink component now supports setting link class and rel attributes. This is used by the card template.

How to install

• Make sure your instance is up and running on latest dev branch.
  • git pull origin dev
  • make fresh
• Update the HDBT theme
  • composer require drupal/hdbt:dev-UHF-8804_card_accessibility
• Run make drush-cr

How to test

• Check any of these problematic pages or in Kieliryhmät-page in Sote Instance
  • Check that external links now no longer have span with aria-label in them
  • Check that Cards with tags no longer have section in them wrapping the tag list.
• Check that code follows our standards

Continuous documentation

• This feature has been documented/the documentation has been updated
• This change doesn't require updates to the documentation

[github-actions]

⚠️ Visual regression found! Please check if this change is wanted or accidental. You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt/pull/1046/html_report/