Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

fix(header): use aria attributes to hide small title when collapsed #30027

Merged
merged 3 commits into from
Nov 21, 2024

Conversation

thetaPC
Copy link
Contributor

@thetaPC thetaPC commented Nov 20, 2024

Issue number: resolves #29347


What is the current behavior?

Focusable elements like buttons cannot be accessed within the ion-header when it's collapsed. They're only accessible once the small title is displayed.

What is the new behavior?

  • Moved the aria-hidden from the header to ion-title, this aligns with native.
  • Updated existing test.

Does this introduce a breaking change?

  • Yes
  • No

Other information

Dev build: 8.4.1-dev.11732064156.12837790

Copy link

vercel bot commented Nov 20, 2024

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

Name Status Preview Comments Updated (UTC)
ionic-framework ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 20, 2024 7:47pm

@github-actions github-actions bot added the package: core @ionic/core package label Nov 20, 2024
@thetaPC thetaPC changed the title fix(header): aria hide the ion-title fix(header): use aria attributes to hide small title when not condensed Nov 20, 2024
@thetaPC thetaPC changed the title fix(header): use aria attributes to hide small title when not condensed fix(header): use aria attributes to hide small title when collapsed Nov 20, 2024
@thetaPC thetaPC marked this pull request as ready for review November 20, 2024 20:01
@thetaPC thetaPC requested a review from a team as a code owner November 20, 2024 20:01
@thetaPC thetaPC requested review from gnbm and tanner-reits and removed request for gnbm November 20, 2024 20:01
Copy link
Contributor

@tanner-reits tanner-reits left a comment

Choose a reason for hiding this comment

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

LGTM. Confirmed fix behavior in iOS sim

@thetaPC thetaPC added this pull request to the merge queue Nov 21, 2024
Merged via the queue into main with commit 23763ab Nov 21, 2024
49 checks passed
@thetaPC thetaPC deleted the ROU-4914 branch November 21, 2024 19:08
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
package: core @ionic/core package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug: buttons inside ion-header not accessible with screenreader (unless scrolled down)
2 participants