Skip to content

Conversation

@aklkv
Copy link
Collaborator

@aklkv aklkv commented Jun 2, 2025

📌 Summary

This is mainly a proof that a11y is testing on consumer side. This is now blocking ember 6.4 upgrades. I raised this issue some time ago but unable to fide slack thread.

Here is cloud-ui PR with failing a11y tests, it seems that they are mainly around dropdown and specifically colour contrast https://github.com/hashicorp/cloud-ui/pull/11711

[side-note]: given this loose range it is quite fragile on any consumer side. e.g. if I ran pnpm dedupe it will bump axe-core in cloud-ui leading to broken tests. tho I am not sure we can do anything about it other then open issue upstream saying that adding new violations to patch or minor version is problematic. Potentially we can pin axe-core on consumer side, also as long term solution ember-a11y-testing can move axe-core to peerDeps and specify range so that consumer control which version to use and upgrade at it's own pace, this is more flexible at addon it self has to release version addressing other compatibility issues and if axe-core is closely tide to addon version it can lead to blockers

🛠️ Detailed description

📸 Screenshots

🔗 External links

Jira ticket: HDS-XXX
Figma file: [if it applies]


👀 Component checklist

💬 Please consider using conventional comments when reviewing this PR.

📋 PCI review checklist
  • If applicable, I've documented a plan to revert these changes if they require more than reverting the pull request.
  • If applicable, I've worked with GRC to document the impact of any changes to security controls.
    Examples of changes to controls include access controls, encryption, logging, etc.
  • If applicable, I've worked with GRC to ensure compliance due to a significant change to the in-scope PCI environment.
    Examples include changes to operating systems, ports, protocols, services, cryptography-related components, PII processing code, etc.

@aklkv aklkv requested a review from a team as a code owner June 2, 2025 07:06
@vercel
Copy link

vercel bot commented Jun 2, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
hds-showcase ✅ Ready (Inspect) Visit Preview Jun 5, 2025 8:40pm
hds-website ✅ Ready (Inspect) Visit Preview Jun 5, 2025 8:40pm

@aklkv aklkv changed the title unable to update a11y on consumer side unable to update a11y-testing on consumer side Jun 2, 2025
@aklkv
Copy link
Collaborator Author

aklkv commented Jun 2, 2025

@MelSumner any thoughts?

@aklkv
Copy link
Collaborator Author

aklkv commented Jun 2, 2025

also why a11y tests aren't running in CI 🤔 @hashicorp/hds-engineering ?

@MelSumner
Copy link
Contributor

@aklkv this one slipped through my radar, I have it on my todo list for today though.

@MelSumner
Copy link
Contributor

also why a11y tests aren't running in CI 🤔 @hashicorp/hds-engineering ?

We run them on the showcase, look in the acceptance tests there. That way we can test all iterations of the component for a11y at the same time.

It's also in the guidance for the @hashicorp/hds-engineering team to checking the component as it is built; occasionally something will slip through but it doesn't happen very often.

let module;
try {
module = importSync(`/docs/${this.args.componentId}.js`);
module = importSync(`./docs/${this.args.componentId}.js`);
Copy link
Contributor

Choose a reason for hiding this comment

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

(question) is this related to the other changes made in this PR?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

non, not at all, it was just something that keeps coming up if I pnpm dedupe, totally unrelated

@MelSumner
Copy link
Contributor

MelSumner commented Jun 5, 2025

@alex-ju question: why are consumers being touched by this at all actually? They should only be getting HDS and I don't see it as a dep (or even a devDep) of the components.

@MelSumner MelSumner changed the title unable to update a11y-testing on consumer side Update ember-a11y-testing dependency in showcase and website Jun 5, 2025
MelSumner

This comment was marked as duplicate.

@MelSumner MelSumner requested a review from a team June 5, 2025 19:44
Copy link
Contributor

@MelSumner MelSumner left a comment

Choose a reason for hiding this comment

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

Note: updated the PR title to reflect changes made in the PR.

I'll file a couple of Jira issues to confirm what is or is not happening in CI, and to double-check the compliance of the components themselves.

Copy link
Contributor

@MelSumner MelSumner left a comment

Choose a reason for hiding this comment

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

@hashicorp/hds-engineering still have a flaky test going on

@aklkv aklkv merged commit 8512329 into main Jun 5, 2025
15 checks passed
@aklkv aklkv deleted the spike/a11y-dropdown-issue branch June 5, 2025 21:07
@alex-ju
Copy link
Member

alex-ju commented Jun 6, 2025

@alex-ju question: why are consumers being touched by this at all actually? They should only be getting HDS and I don't see it as a dep (or even a devDep) of the components.

they're not. I believe @aklkv wanted to make sure we use the latest ember-a11y-testing in our testing app and in the documentation website.

@aklkv
Copy link
Collaborator Author

aklkv commented Jun 6, 2025

initial goal of this PR was to showcase some failing a11y tests if consumers use latest a11y-testing but yes we ended up repurposing this PR us dependancy bump as it's anyway needed for ember 6.4 in #2901

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants