Skip to content

Add general accessibility note to Trip Planner#3318

Merged
lvachon1 merged 24 commits into
mainfrom
lev/feat/trip_planner/a11y_notice
Jul 10, 2026
Merged

Add general accessibility note to Trip Planner#3318
lvachon1 merged 24 commits into
mainfrom
lev/feat/trip_planner/a11y_notice

Conversation

@lvachon1

@lvachon1 lvachon1 commented Jul 6, 2026

Copy link
Copy Markdown
Contributor

Scope

Asana Ticket: [By 7/13] 🗺️ Add general accessibility note to Trip Planner

Implementation

Created generic CTA/callout component with attrs for link, icon, icon-type, arrow, and CSS classes. Used it for the new a11y notification on the trip planner

Screenshots

Screenshot 2026-07-06 at 3 30 15 PM

How to test

http://localhost:4001/trip-planner

Check the a11y checkbox on and off and confirm the notice appears and disappears accordingly

…-type, arrow, and CSS classes. Used it for the new a11y notification on the trip planner
@lvachon1 lvachon1 marked this pull request as ready for review July 7, 2026 14:38
@lvachon1 lvachon1 requested a review from a team as a code owner July 7, 2026 14:38
@lvachon1 lvachon1 requested a review from thecristen July 7, 2026 14:38
@lvachon1 lvachon1 marked this pull request as draft July 7, 2026 19:55
@lvachon1 lvachon1 marked this pull request as ready for review July 8, 2026 14:13

@thecristen thecristen left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Question: Was there a particular reason you didn't use/extend the existing callout and/or callout_link components? It seems to have a lot of overlap with this one, design-wise (similar styling, includes the arrow).

@lvachon1

lvachon1 commented Jul 8, 2026

Copy link
Copy Markdown
Contributor Author

Question: Was there a particular reason you didn't use/extend the existing callout and/or callout_link components? It seems to have a lot of overlap with this one, design-wise (similar styling, includes the arrow).

There was no particular reason, I suppose I just didn't see much substance to those components and didn't think they were a good place to start. Mostly I just looked at the callout/cta components and picked the one that looked closest to the design in the ticket to use as a base for a generic version. In my mind I guess it was easier to take a component with everything on it, and add switches to toggle stuff. Either way I'm only making the 'too many similar components' problem worse here, and it would be wise to consolidate some of these components either by replacing them wholesale or having each one call cta with params and leaving the consumers alone.

@lvachon1

lvachon1 commented Jul 8, 2026

Copy link
Copy Markdown
Contributor Author

I tried to clean things up a bit here, callout and mbta_go_cta now call cta under the hood. The rest of the callouts seem to be WC specific and not long for this world, so I didn't think it was worth it to refactor those as well.

@thecristen thecristen left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool! Just requesting changes for one thing: the emergent fake link behavior is awkward. While it's probably not technically inaccessible, IMO this'd be more semantically pleasing without it.

Comment thread lib/dotcom_web/components/components.ex
Comment thread lib/dotcom_web/components/components.ex Outdated
Comment thread assets/css/_callout.scss Outdated
@smartling-github-connector smartling-github-connector Bot added the Not Ready for Translation Remove this when the PR is approved to trigger a Smartling translation job label Jul 10, 2026
@lvachon1 lvachon1 requested a review from thecristen July 10, 2026 15:43

@thecristen thecristen left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

...sorry for missing this one in my prior reviews (!)

Comment thread lib/dotcom_web/components/components.ex Outdated
@lvachon1 lvachon1 requested a review from thecristen July 10, 2026 17:18

@thecristen thecristen left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's roll

@lvachon1 lvachon1 removed the Not Ready for Translation Remove this when the PR is approved to trigger a Smartling translation job label Jul 10, 2026
smartling-github-connector Bot and others added 5 commits July 10, 2026 14:27
…lanner/a11y_notice (#3331)

* Translations delivered for PR#3318 on es-LA locale

* Translations delivered for PR#3318 on ht-HT locale

* Translations delivered for PR#3318 on zh-TW locale

* Translations delivered for PR#3318 on pt-BR locale

* Translations delivered for PR#3318 on fr-FR locale

* Translations delivered for PR#3318 on vi-VN locale

* Translations delivered for PR#3318 on zh-CN locale

---------

Co-authored-by: smartling-github-connector[bot] <165276057+smartling-github-connector[bot]@users.noreply.github.com>
smartling-github-connector Bot and others added 6 commits July 10, 2026 18:47
…nner/a11y_notice (#3334)

* Translations updated for PR#3318 on es-LA locale

* Translations updated for PR#3318 on ht-HT locale

* Translations updated for PR#3318 on zh-TW locale

* Translations updated for PR#3318 on pt-BR locale

* Translations updated for PR#3318 on fr-FR locale

* Translations updated for PR#3318 on zh-CN locale

* Translations updated for PR#3318 on vi-VN locale

---------

Co-authored-by: smartling-github-connector[bot] <165276057+smartling-github-connector[bot]@users.noreply.github.com>

@thecristen thecristen left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image Hm, that's a new one... you'll have to fix this to get it to merge.

@lvachon1 lvachon1 merged commit 8160435 into main Jul 10, 2026
18 checks passed
@lvachon1 lvachon1 deleted the lev/feat/trip_planner/a11y_notice branch July 10, 2026 20:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants