Closes #3793: Improve accessibility of card link titles

[joeparsons]

Description

• Adds a new "Hidden" card link tltle style option (sr-only)
• Adds validation to the card link title to require a value of a card link URL value is provided

Release notes

This change makes the Card Link Title field required if the Card Link URL field is populated.

Related issues

Closes #3793

How to test

Try adding cards to flexible pages using different title style options with and without card link title and card link URL values.

1. Add cards to a page
2. Test clickable and non-clickable card style with the following options
   a. With/out Card Link Title field
   b. With/out Card Link URL field
3. Repeat with title on image vs title within card styles

Types of changes

Arizona Quickstart (install profile, custom modules, custom theme)

• Patch release changes
  • Bug fix
  • Accessibility, performance, or security improvement
  • Critical institutional link or brand change
  • Adding experimental module
  • Update experimental module
• Minor release changes
  • New feature
  • Breaking or visual change to existing behavior
  • Upgrade experimental module to stable
  • Enable existing module by default or database update
  • Non-critical brand change
  • New internal API or API improvement with backwards compatibility
  • Risky or disruptive cleanup to comply with coding standards
  • High-risk or disruptive change (requires upgrade path, risks regression, etc.)
• Other or unknown
  • Other or unknown

Drupal core

• Patch release changes
  • Security update
  • Patch level release (non-security bug-fix release)
  • Patch removal that's no longer necessary
• Minor release changes
  • Major or minor level update
• Other or unknown
  • Other or unknown

Drupal contrib projects

• Patch release changes
  • Security update
  • Patch or minor level update
  • Add new module
  • Patch removal that's no longer necessary
• Minor release changes
  • Major level update
• Other or unknown
  • Other or unknown

Checklist

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.
• I have added tests to cover my changes.
• All new and existing tests passed.
• My change requires release notes.

[danahertzberg]

When the following selections are made, the link does not span the whole card.

* Clickable card
* Card link title and URL fields populated
* Hidden card link title

Example: https://7b5e2985-cedf-4a13-ab91-3a35916c835d--pr-3814.probo.build/dana

---

Fixed with CSS

[danahertzberg]

Will make a follow up ticket for the # link going to the homepage instead of the current page

• Using # in card link field now goes to the homepage instead of the same page #3821

[ewlyman]

This works as described.

[danahertzberg]

Current needs

• Solid communication around updating content on sites

Will look into DB update for future

• If no link title, make card title and select hidden link title
• If no card title, TBD
  • Get title of destination link? Probs not

Future

• Look into providing accessibility report on the site admin side
• How do we communicate and fix issues easily across whole site?
  • Jeff is willing to help with this cause to be more proactive