Skip to content

fix: a11y improvements for finder#5221

Merged
KrissDrawing merged 8 commits intomainfrom
4913/Rental-Finder-A11y
Jan 12, 2026
Merged

fix: a11y improvements for finder#5221
KrissDrawing merged 8 commits intomainfrom
4913/Rental-Finder-A11y

Conversation

@KrissDrawing
Copy link
Copy Markdown
Collaborator

This PR addresses #4913

  • Addresses the issue in full
  • Addresses only certain aspects of the issue

Description

Adds finder a11y improvements from detroit page. It will be:

  1. focus on card title on step change.
  2. focus on section "title" on section change
  3. adds aria label for rent fields

How Can This Be Tested/Reviewed?

turn on screen reader and walk through /finder.

Author Checklist:

  • Added QA notes to the issue with applicable URLs
  • Reviewed in a desktop view
  • Reviewed in a mobile view
  • Reviewed considering accessibility
  • Added tests covering the changes
  • Made corresponding changes to the documentation
  • Ran yarn generate:client and/or created a migration when required

Review Process:

  • Read and understand the issue
  • Ensure the author has added QA notes
  • Review the code itself from a style point of view
  • Pull the changes down locally and test that the acceptance criteria is met
  • Either (1) explicitly ask a clarifying question, (2) request changes, or (3) approve the PR, even if there are very small remaining changes, if you don't need to re-review after the updates

@KrissDrawing KrissDrawing added wip This PR is not ready for review, do not review it's a “Work In Progress” 1 review needed Requires 1 more review before ready to merge labels Aug 6, 2025
Copy link
Copy Markdown
Contributor

@ColinBuyck ColinBuyck left a comment

Choose a reason for hiding this comment

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

I'm noticing that the focus stays on the next button when the user changes from one page to another (within the same section). My guess is that we'll have to use the ref approach for both rather than the getElementById. You can see in the recording that the focus reset works with the section change but not the step change. Lmk if you have any questions

Screen.Recording.2025-08-13.at.7.56.28.AM.mov

@ColinBuyck
Copy link
Copy Markdown
Contributor

Oof just saw the wip label! Sorry for the premature comment 🦤 ping me when this is ready!

@ColinBuyck ColinBuyck removed the 1 review needed Requires 1 more review before ready to merge label Aug 13, 2025
@netlify
Copy link
Copy Markdown

netlify Bot commented Sep 2, 2025

Deploy Preview for bloom-flagly ready!

Name Link
🔨 Latest commit 8472193
🔍 Latest deploy log https://app.netlify.com/projects/bloom-flagly/deploys/695bde48d3d1e2000887aefb
😎 Deploy Preview https://deploy-preview-5221--bloom-flagly.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@KrissDrawing KrissDrawing added 1 review needed Requires 1 more review before ready to merge and removed wip This PR is not ready for review, do not review it's a “Work In Progress” labels Oct 22, 2025
@netlify
Copy link
Copy Markdown

netlify Bot commented Oct 22, 2025

Deploy Preview for partners-bloom-dev ready!

Name Link
🔨 Latest commit 92a8707
🔍 Latest deploy log https://app.netlify.com/projects/partners-bloom-dev/deploys/69442e913d798900087ea5d7
😎 Deploy Preview https://deploy-preview-5221--partners-bloom-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Oct 22, 2025

Deploy Preview for bloom-exygy-dev ready!

Name Link
🔨 Latest commit 1f595ee
🔍 Latest deploy log https://app.netlify.com/projects/bloom-exygy-dev/deploys/6942d6e28549c400086060cb
😎 Deploy Preview https://deploy-preview-5221--bloom-exygy-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Oct 22, 2025

Deploy Preview for bloom-public-seeds ready!

Name Link
🔨 Latest commit 1f595ee
🔍 Latest deploy log https://app.netlify.com/projects/bloom-public-seeds/deploys/6942d6e27f5495000876e610
😎 Deploy Preview https://deploy-preview-5221--bloom-public-seeds.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Oct 22, 2025

Deploy Preview for bloom-lakeview ready!

Name Link
🔨 Latest commit 2dca682
🔍 Latest deploy log https://app.netlify.com/projects/bloom-lakeview/deploys/6942d78aa116ba000829b5eb
😎 Deploy Preview https://deploy-preview-5221--bloom-lakeview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@KrissDrawing KrissDrawing force-pushed the 4913/Rental-Finder-A11y branch from bedd3d2 to 1f595ee Compare December 17, 2025 16:14
@KrissDrawing KrissDrawing force-pushed the 4913/Rental-Finder-A11y branch from 1f595ee to 2dca682 Compare December 17, 2025 16:17
@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 17, 2025

Deploy Preview for bloom-angelopolis canceled.

Name Link
🔨 Latest commit 92a8707
🔍 Latest deploy log https://app.netlify.com/projects/bloom-angelopolis/deploys/69442e91de5b13000844f218

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 5, 2026

Deploy Preview for partners-bloom-dev ready!

Name Link
🔨 Latest commit 8472193
🔍 Latest deploy log https://app.netlify.com/projects/partners-bloom-dev/deploys/695bde4855abca0008a12807
😎 Deploy Preview https://deploy-preview-5221--partners-bloom-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 5, 2026

Deploy Preview for bloom-public-seeds ready!

Name Link
🔨 Latest commit 8472193
🔍 Latest deploy log https://app.netlify.com/projects/bloom-public-seeds/deploys/695bde4849c2260008708460
😎 Deploy Preview https://deploy-preview-5221--bloom-public-seeds.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 5, 2026

Deploy Preview for bloom-angelopolis ready!

Name Link
🔨 Latest commit 8472193
🔍 Latest deploy log https://app.netlify.com/projects/bloom-angelopolis/deploys/695bde488ffa9700082233d0
😎 Deploy Preview https://deploy-preview-5221--bloom-angelopolis.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 5, 2026

Deploy Preview for bloom-exygy-dev ready!

Name Link
🔨 Latest commit 8472193
🔍 Latest deploy log https://app.netlify.com/projects/bloom-exygy-dev/deploys/695bde4830a5590007e604eb
😎 Deploy Preview https://deploy-preview-5221--bloom-exygy-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 5, 2026

Deploy Preview for bloom-lakeview ready!

Name Link
🔨 Latest commit 8472193
🔍 Latest deploy log https://app.netlify.com/projects/bloom-lakeview/deploys/695bde48abcf1500089a039e
😎 Deploy Preview https://deploy-preview-5221--bloom-lakeview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Comment thread sites/public/src/components/finder/FinderRentQuestion.tsx
Copy link
Copy Markdown
Collaborator

@emilyjablonski emilyjablonski left a comment

Choose a reason for hiding this comment

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

Thank you so much for these updates! Just need to remove the aria label and then good to merge

@emilyjablonski emilyjablonski removed the 1 review needed Requires 1 more review before ready to merge label Jan 6, 2026
@KrissDrawing KrissDrawing merged commit f66b316 into main Jan 12, 2026
35 checks passed
@KrissDrawing KrissDrawing deleted the 4913/Rental-Finder-A11y branch January 12, 2026 14:49
avrittrohwer pushed a commit to bloom-housing/bloom-la that referenced this pull request Jan 14, 2026
* fix: a11y improvements for finder

* fix: use headingProps for HeadingGroup

* fix: add translations
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Feb 2, 2026
* fix: a11y improvements for finder

* fix: use headingProps for HeadingGroup

* fix: add translations
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Feb 3, 2026
* fix: a11y improvements for finder

* fix: use headingProps for HeadingGroup

* fix: add translations
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Feb 12, 2026
* fix: a11y improvements for finder

* fix: use headingProps for HeadingGroup

* fix: add translations
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Mar 2, 2026
* fix: a11y improvements for finder

* fix: use headingProps for HeadingGroup

* fix: add translations
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Mar 9, 2026
* fix: a11y improvements for finder

* fix: use headingProps for HeadingGroup

* fix: add translations
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Mar 12, 2026
* fix: a11y improvements for finder

* fix: use headingProps for HeadingGroup

* fix: add translations
ludtkemorgan pushed a commit to metrotranscom/doorway that referenced this pull request Mar 17, 2026
* fix: a11y improvements for finder

* fix: use headingProps for HeadingGroup

* fix: add translations
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.

3 participants