SHS-6001: Accessibility issues in lists of people

[mariannuar]

Summary

• Make structured card full clickable to avoid having redundant information
• Add more context to the links inside the structured card

Need Review By (Date)

01/30

Urgency

medium

Notes

• To avoid having redundant links, it's necessary to go to the configuration of the view and remove the Link media to parent for the Image field
• All links inside structured card (it's the pattern being used in person lists) are going to have this structured <a href="/"><span class="visually-hidden">Emilius Aalto: </span>Website</a>, except mailto links and the title link

Steps to Test

1. Go to /default-views/people
2. Scroll down to Default People view - People List Link (Grouped) Display
3. Confirm the whole card is clickable and it works and looks as expected when interacting with it.
4. Confirm that you can interact with text inside the card without the issue of being redirect immediately to another page. (Please check this also in /default-views/news
5. Check links inside the card (Like Personal Website, Email, etc) now have this structured <a href="/"><span class="visually-hidden">Emilius Aalto: </span>Website</a>, except mailto links and the title link

Review Tasks

Backend / Functional Validation

Code

• Are the naming conventions following our standards?
• Are PHP functions and variables in snake_case and not camelCase?
• Does Drupal code follow Drupal Coding Standards?
• Does the code have sufficient inline comments?
• Is there anything in this code that would be hidden or hard to discover through the UI?
• Are there any code smells?
• Are tests provided?

Code security

• Is all user input properly sanitized when rendered?
• Any obvious security flaws or new areas for attack?

General

• Is there anything included in this PR that is not related to the problem it is trying to solve?
• Is the approach to the problem appropriate?

---

• To see the specific tasks where the Asana app for GitHub is being used, see below:
  • https://app.asana.com/0/0/1209354428724036

[ahughes3]

Tugboat has finished building the preview for this pull request!

Links:

• https://pr1729-sjo9uflmdtnhatqx18a2wlepokg1fxdh.tugboatqa.com
• https://hs-colorful-sjo9uflmdtnhatqx18a2wlepokg1fxdh.tugboatqa.com
• https://hs-traditional-sjo9uflmdtnhatqx18a2wlepokg1fxdh.tugboatqa.com
• https://english-sjo9uflmdtnhatqx18a2wlepokg1fxdh.tugboatqa.com
• https://history-sjo9uflmdtnhatqx18a2wlepokg1fxdh.tugboatqa.com
• https://west-sjo9uflmdtnhatqx18a2wlepokg1fxdh.tugboatqa.com

Dashboard:

• https://dashboard.tugboatqa.com/67990c2aa725351ea0ea9f30

Visual Diffs:

• https://dashboard.tugboatqa.com/67990c2aa725351ea0ea9f30/visualdiffs