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

[Tile] Naming convention and clearer usage of accessible vs inaccessible tiles #3496

Open
2 tasks
Tracked by #3495
laurenmrice opened this issue Apr 12, 2023 · 2 comments
Open
2 tasks
Tracked by #3495

Comments

@laurenmrice
Copy link
Member

laurenmrice commented Apr 12, 2023

  • Make the experimental guidance of tile to be more clear. This is Anna's feedback:

Usage tab

1. Inline info notification: Update the name "experimental tile" to something more descriptive.

Storybook calls it "improved contrast tile", not sure if that's the perfect name but would align. The static/read only tile actually did not change, but there is improved contrast to better cue the interactive tile. It's the distinction that's become more accessible. Maybe add a paragraph explaining this. "improved contrast (interactive) tile"

image


2. Old tile versus new tile style: Explain better the usage of tiles with and without a border

  • Users might still be confused about the old tile and the new tile style, especially if they reference the storybook.
  • Make it clearer to the user why they are different and what they are/aren't supposed to use
  • Think about if we should explain anywhere on the page why we have added a border.

Possible tasks

  • Decide on a proper name and state this out consistently in our guidance
  • Organize content or have a section explaining about the difference between accessible and inaccessible tiles
@tay1orjones
Copy link
Member

Something that might be helpful to frame up the experimental nature is to identify the new Tile features as opt-in via feature flags, as proposed in this PR carbon-design-system/carbon#13382

https://deploy-preview-13382--carbon-components-react.netlify.app/?path=/story/experimental-feature-flags-enable-experimental-tile-contrast-tile--clickable

@sstrubberg
Copy link
Member

Refinement call with me, lauren, jeannie, and thy

@sstrubberg sstrubberg moved this from 🪆 Needs Refined to ⏱ Backlog in Design System May 15, 2023
@sstrubberg sstrubberg modified the milestones: 2023 Q2, 2023 Q3 Jun 28, 2023
@sstrubberg sstrubberg modified the milestones: 2023 Q3, 2023 Q4 Sep 19, 2023
@sstrubberg sstrubberg modified the milestones: 2023 Q4, 2024 Q1 Jan 9, 2024
@thyhmdo thyhmdo changed the title [Tile] improve docs around experimental tile style [Tile] Naming convention and clearer usage of accessible vs inaccessible tiles Mar 1, 2024
@laurenmrice laurenmrice modified the milestones: 2024 Q1, 2024 Q2 Mar 27, 2024
@laurenmrice laurenmrice modified the milestones: 2024 Q2, 2024 Q3 May 30, 2024
@github-project-automation github-project-automation bot moved this to Triage in Roadmap Sep 6, 2024
@laurenmrice laurenmrice removed this from the 2024 Q3 milestone Sep 6, 2024
@laurenmrice laurenmrice moved this from Triage to Icebox in Roadmap Sep 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Later 🧊
Development

No branches or pull requests

3 participants