Skip to content

Conversation

@smhigley
Copy link
Contributor

This moves the SpinButton accessibility spec page to Concepts/Developer/Accessibility/Components. The goal is to have an a11y spec per component. There will also be a separate, more concise a11y author implementation section next to best practices.

There are some unrelated whitespace/formatting updates to the spinbutton a11y doc from running prettier.

@smhigley smhigley requested review from a team and spmonahan as code owners September 20, 2022 19:22
@smhigley smhigley self-assigned this Sep 20, 2022
@fabricteam
Copy link
Collaborator

fabricteam commented Sep 20, 2022

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
188.672 kB
52.359 kB
react-components
react-components: FluentProvider & webLightTheme
33.394 kB
11.007 kB
react-portal-compat
PortalCompatProvider
5.851 kB
1.964 kB
react-spinbutton
SpinButton
44.102 kB
12.425 kB
🤖 This report was generated against 62aadfe9a8429fbc5c0660c1e741e5e8171f8f23

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 3215b65:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 20, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1316 1295 5000
Button mount 960 953 5000
FluentProvider mount 1588 1584 5000
FluentProviderWithTheme mount 623 634 10
FluentProviderWithTheme virtual-rerender 588 599 10
FluentProviderWithTheme virtual-rerender-with-unmount 631 631 10
MakeStyles mount 1909 1913 50000
SpinButton mount 2507 2514 5000

@size-auditor
Copy link

size-auditor bot commented Sep 20, 2022

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 62aadfe9a8429fbc5c0660c1e741e5e8171f8f23 (build)


How this is read also depends on the screen reader used but a screen reader should read the displayed text consistently with how it would read it in other contexts (i.e., "$1" should be read as "one dollar").

### Styling
Copy link
Member

Choose a reason for hiding this comment

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

is this just a stub for later? should we ommit empty areas for now.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yup, though that wasn’t added in this PR. For now I’m just moving the files and updating the docs nav structure, and sometime this week I plan to fill in these sections 😄

parameters: {
docs: {
description: {
component: [descriptionMd, bestPracticesMd, accessibilityMd].join('\n'),
Copy link
Member

Choose a reason for hiding this comment

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

How about linking from the SpinButton to the a11y docs

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yup, it’s in the plan! I’m going to be adding an a11y authoring section next to best practices that will link to the full descriptive spec

Copy link
Member

@micahgodbolt micahgodbolt left a comment

Choose a reason for hiding this comment

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

Few nits, otherwise good.

@smhigley smhigley enabled auto-merge (squash) September 20, 2022 20:50
@smhigley
Copy link
Contributor Author

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 3 pipeline(s).

@smhigley smhigley closed this Sep 21, 2022
auto-merge was automatically disabled September 21, 2022 21:25

Pull request was closed

@smhigley smhigley reopened this Sep 21, 2022
@smhigley smhigley enabled auto-merge (squash) September 21, 2022 21:25
@smhigley smhigley merged commit 483f160 into microsoft:master Sep 21, 2022
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 24, 2022
* master: (29 commits)
  chore(react-tooltip): update package scaffold (microsoft#24927)
  chore(react-popover): update package scaffold (microsoft#24925)
  chore(react-overflow): update package scaffold (microsoft#24926)
  chore(react-menu): update package scaffold (microsoft#24924)
  applying package updates
  chore: Bump workspace-tools to 0.27.0 (microsoft#24914)
  fix: Make Menu openOnHover prop work again (microsoft#24899)
  stress test: convert cli scripts to typescript (microsoft#24915)
  update package manifest to only include v8 controls (microsoft#24839)
  Stress Test: add random tree (microsoft#24896)
  chore: Expand scope of dependency mismatch generator (microsoft#24880)
  chore: run dependency mismatch generator in release pipeline (microsoft#24881)
  chore: scaffolds react-trigger package (microsoft#24887)
  applying package updates
  chore: a11y docs structure update (microsoft#24871)
  feat: add popupProps to Modal component to allow override internal Popup props (microsoft#24693)
  fix: Set github user in nightly release pipeline (microsoft#24850)
  chore(react-aria): restructure folder organization (microsoft#24884)
  ci(github): fix invalid json string in issues.yml v2 (microsoft#24886)
  Add react-components/unstable to tsconfig aliases (microsoft#24878)
  ...
NotWoods pushed a commit to NotWoods/fluentui that referenced this pull request Nov 18, 2022
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.

7 participants