Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

fix: now layout toggles are radio buttons #3888

Merged
merged 1 commit into from
Aug 8, 2024

Conversation

nickytonline
Copy link
Member

@nickytonline nickytonline commented Aug 8, 2024

Description

Now the grid layout toggle options are radio buttons. I also added some E2E tests for this.

Related Tickets & Documents

Fixes #3887

Mobile & Desktop Screenshots/Recordings

Before

CleanShot 2024-08-08 at 11 04 18

After

CleanShot 2024-08-08 at 11 05 11

Steps to QA

  1. Go to any page with the layout toggle, e.g. /explore/topic/typescript/contributors/filter/recent?range=30
  2. Use the tab key on the page to tab to the focusable elements on the page. Notice each layout option receives focus now.

Tier (staff will fill in)

  • Tier 1
  • Tier 2
  • Tier 3
  • Tier 4

[optional] What gif best describes this PR or how it makes you feel?

Copy link

netlify bot commented Aug 8, 2024

Deploy Preview for design-insights ready!

Name Link
🔨 Latest commit ec58b97
🔍 Latest deploy log https://app.netlify.com/sites/design-insights/deploys/66b4e0e23ffc710008a903c9
😎 Deploy Preview https://deploy-preview-3888--design-insights.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 site configuration.

Copy link

netlify bot commented Aug 8, 2024

Deploy Preview for oss-insights ready!

Name Link
🔨 Latest commit ec58b97
🔍 Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/66b4e0e20ebc970008ca6f53
😎 Deploy Preview https://deploy-preview-3888--oss-insights.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 site configuration.

@nickytonline nickytonline requested review from BekahHW and a team August 8, 2024 15:06
@nickytonline nickytonline force-pushed the nickytonline/a11y-fix-layout-toggle branch from b3725ba to ec58b97 Compare August 8, 2024 15:14
Copy link
Member

@jpmcb jpmcb left a comment

Choose a reason for hiding this comment

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

@BekahHW
Copy link
Member

BekahHW commented Aug 8, 2024

@nickytonline not a blocker, but the dashboard outline gets cut off (I'm on chrome)

image

That's not related to the fix, but we can address that in a separate issue. Probably a good first issue for a11y for someone. I created #3889 to address this.

@nickytonline nickytonline merged commit efba1f8 into beta Aug 8, 2024
13 checks passed
@nickytonline nickytonline deleted the nickytonline/a11y-fix-layout-toggle branch August 8, 2024 15:40
open-sauced bot pushed a commit that referenced this pull request Aug 8, 2024
## [2.52.0-beta.5](v2.52.0-beta.4...v2.52.0-beta.5) (2024-08-08)

### 🐛 Bug Fixes

* now layout toggles are radio buttons ([#3888](#3888)) ([efba1f8](efba1f8))
open-sauced bot pushed a commit that referenced this pull request Aug 9, 2024
## [2.52.0](v2.51.0...v2.52.0) (2024-08-09)

### 🍕 Features

* add OSCR tooltip to user page ([#3857](#3857)) ([fd5fa41](fd5fa41))
* add OSCR's location to PostHog capture ([#3895](#3895)) ([bbf8ee5](bbf8ee5))
* now OSCR appears on repository page contributor grid view ([#3884](#3884)) ([d7163d8](d7163d8))
* repository page contributor graph defaults to enhance by default now ([#3880](#3880)) ([90948a5](90948a5))
* tracking DevCard analytics ([#3874](#3874)) ([583e42a](583e42a))

### 🐛 Bug Fixes

* calculate avergage per week for ross contributors greater than 0 ([#3893](#3893)) ([a8859c5](a8859c5))
* excluded OSCR from old contributor card list component ([#3901](#3901)) ([446f27c](446f27c))
* now layout toggles are radio buttons ([#3888](#3888)) ([efba1f8](efba1f8))
* now the contributor card user profile link no longer affects the OSCR login flow ([#3898](#3898)) ([7405660](7405660))
* now the contributor scatter chart toggle group has a label ([#3882](#3882)) ([adf5c6c](adf5c6c))
* Removes NewsletterForm usage in favor of sole link to newsletter ([#3897](#3897)) ([61951ff](61951ff))
* repository insight limited features ([#3876](#3876)) ([5ef6bd6](5ef6bd6))
* show loading indicator for contributor confidence if undefined ([#3894](#3894)) ([3032a6a](3032a6a))
* update profile interests type to be optional and add guards ([#3890](#3890)) ([2e62773](2e62773))
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.

Bug: Layout toggle for grid/list view is not accessible
3 participants