This repository has been archived by the owner on Dec 10, 2024. It is now read-only.

Add hidden descriptive text to links for a11y and SEO #149

Open

ramboz opened this issue Apr 17, 2023 · 0 comments

Assignees

Milestone

Phase 4 - Go-live

Collaborator

ramboz commented Apr 17, 2023 •

edited

Loading

Delta is using .sr-only visually hidden text to improve accessibility and SEO on some links. We need a way to replicate this in Franklin.

Technical proposal

Let author add […] as part of the link text
Client-side, we then go through all the links in the main content, and if the textContent contains both [ followed by ], when then do a regex replace on the innerHTML with <span class="sr-only">…</span>.

The text was updated successfully, but these errors were encountered:

ramboz added this to the Phase 1 - Migration of SkyMiles pages to Franklin milestone

Dereje24 self-assigned this

ramboz modified the milestones: Phase 1 - Migration of SkyMiles pages to Franklin, Phase 4 - Go-live

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.