WEB-2466: Update to hero image on homepage

[djanelle-mit]

Developer

This work rotates to a new hero image and citation link.

Stylesheets

• Any theme or plugin whose stylesheets have changed has had its version
  string incremented.

Secrets

• All new secrets have been added to Pantheon tiers
• Relevant secrets have been updated in Github Actions
• All new secrets documented in README

Documentation

• Project documentation has been updated
• No documentation changes are needed

Accessibility

• ANDI or Wave has been run in accordance to
  our guide and
  all issues introduced by these changes have been resolved or opened as new
  issues (link to those issues in the Pull Request details above)

Stakeholder approval

• Stakeholder approval has been confirmed
• Stakeholder approval is not needed

Dependencies

YES | NO dependencies are updated

Code Reviewer

• The commit message is clear and follows our guidelines
  (not just this pull request message)
• The changes have been verified
• The documentation has been updated or is unnecessary
• New dependencies are appropriate or there were no changes

[accesslint]

Found 1 issue across 1 rule.

Reviewed by AccessLint, which checks every pull request for accessibility issues.

[accesslint]

WCAG 4.1.2: Focusable element inside a "img" role whose children are presentational.

Elements with a role that makes children presentational must not contain focusable content.

Details

Roles like button, checkbox, img, tab, and others make their children presentational — hidden from assistive technologies. If those children are focusable, keyboard users can reach elements that screen reader users cannot perceive. Move focusable content outside the parent or remove the focusability.

[djanelle-mit]

Fixed by moving image into a separate div with the img role.

[accesslint]

Found 1 issue across 1 rule.

Reviewed by AccessLint, which checks every pull request for accessibility issues.

[accesslint]

WCAG 4.1.2: Focusable element inside a "img" role whose children are presentational.

Elements with a role that makes children presentational must not contain focusable content.

Details

Roles like button, checkbox, img, tab, and others make their children presentational — hidden from assistive technologies. If those children are focusable, keyboard users can reach elements that screen reader users cannot perceive. Move focusable content outside the parent or remove the focusability.

[accesslint]

👏 All fixed. Great work.

[matt-bernhardt]

Looks good to me - it seems okay running locally, although in fairness I haven't pushed on it super hard. The new content looks nice, and that image is pretty awesome.