search

microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
17.87k stars 2.66k forks source link

chore:(docs) Migrating Accessibility Troubleshooting #31412

Open mltejera opened 2 weeks ago

mltejera commented 2 weeks ago

Migrating the accessibility trouble shooting guide. No changes made.

codesandbox-ci[bot] commented 2 weeks ago

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.

fabricteam commented 2 weeks ago

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 615 602 5000
Button mount 298 307 5000
Field mount 1129 1157 5000
FluentProvider mount 720 718 5000
FluentProviderWithTheme mount 81 77 10
FluentProviderWithTheme virtual-rerender 35 34 10
FluentProviderWithTheme virtual-rerender-with-unmount 74 76 10
MakeStyles mount 856 858 50000
Persona mount 1750 1750 5000
SpinButton mount 1397 1415 5000
SwatchPicker mount 1543 1543 5000

fabricteam commented 2 weeks ago

Perf Analysis (@fluentui/react-northstar)

:warning: 1 potential perf regressions detected

Potential regressions comparing to master

Scenario Current PR Ticks Baseline Ticks Ratio Regression Analysis
ButtonMinimalPerf.default 81 84 0.96:1 analysis
Perf tests with no regressions Scenario | Current PR Ticks | Baseline Ticks | Ratio :--- | ---:| ---:| ---: AttachmentMinimalPerf.default | [88](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AttachmentMinimalPerf.default.html) | [71](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AttachmentMinimalPerf.default_base.html) | 1.24:1 ListNestedPerf.default | [350](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ListNestedPerf.default.html) | [308](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ListNestedPerf.default_base.html) | 1.14:1 PortalMinimalPerf.default | [91](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/PortalMinimalPerf.default.html) | [82](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/PortalMinimalPerf.default_base.html) | 1.11:1 AvatarMinimalPerf.default | [113](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AvatarMinimalPerf.default.html) | [104](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AvatarMinimalPerf.default_base.html) | 1.09:1 DividerMinimalPerf.default | [217](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DividerMinimalPerf.default.html) | [201](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DividerMinimalPerf.default_base.html) | 1.08:1 ProviderMinimalPerf.default | [211](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ProviderMinimalPerf.default.html) | [196](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ProviderMinimalPerf.default_base.html) | 1.08:1 VideoMinimalPerf.default | [477](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/VideoMinimalPerf.default.html) | [440](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/VideoMinimalPerf.default_base.html) | 1.08:1 TableMinimalPerf.default | [245](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TableMinimalPerf.default.html) | [229](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TableMinimalPerf.default_base.html) | 1.07:1 AttachmentSlotsPerf.default | [662](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AttachmentSlotsPerf.default.html) | [626](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AttachmentSlotsPerf.default_base.html) | 1.06:1 CardMinimalPerf.default | [314](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/CardMinimalPerf.default.html) | [297](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/CardMinimalPerf.default_base.html) | 1.06:1 HeaderSlotsPerf.default | [470](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/HeaderSlotsPerf.default.html) | [442](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/HeaderSlotsPerf.default_base.html) | 1.06:1 RefMinimalPerf.default | [115](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/RefMinimalPerf.default.html) | [109](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/RefMinimalPerf.default_base.html) | 1.06:1 ButtonSlotsPerf.default | [324](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ButtonSlotsPerf.default.html) | [309](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ButtonSlotsPerf.default_base.html) | 1.05:1 HeaderMinimalPerf.default | [205](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/HeaderMinimalPerf.default.html) | [196](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/HeaderMinimalPerf.default_base.html) | 1.05:1 ItemLayoutMinimalPerf.default | [732](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ItemLayoutMinimalPerf.default.html) | [699](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ItemLayoutMinimalPerf.default_base.html) | 1.05:1 ListCommonPerf.default | [400](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ListCommonPerf.default.html) | [382](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ListCommonPerf.default_base.html) | 1.05:1 TooltipMinimalPerf.default | [1300](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TooltipMinimalPerf.default.html) | [1242](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TooltipMinimalPerf.default_base.html) | 1.05:1 DropdownManyItemsPerf.default | [408](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DropdownManyItemsPerf.default.html) | [393](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DropdownManyItemsPerf.default_base.html) | 1.04:1 FormMinimalPerf.default | [235](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/FormMinimalPerf.default.html) | [225](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/FormMinimalPerf.default_base.html) | 1.04:1 ProviderMergeThemesPerf.default | [657](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ProviderMergeThemesPerf.default.html) | [634](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ProviderMergeThemesPerf.default_base.html) | 1.04:1 ReactionMinimalPerf.default | [211](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ReactionMinimalPerf.default.html) | [203](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ReactionMinimalPerf.default_base.html) | 1.04:1 ChatWithPopoverPerf.default | [205](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ChatWithPopoverPerf.default.html) | [199](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ChatWithPopoverPerf.default_base.html) | 1.03:1 SkeletonMinimalPerf.default | [195](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/SkeletonMinimalPerf.default.html) | [189](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/SkeletonMinimalPerf.default_base.html) | 1.03:1 CustomToolbarPrototype.default | [1502](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/CustomToolbarPrototype.default.html) | [1464](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/CustomToolbarPrototype.default_base.html) | 1.03:1 AccordionMinimalPerf.default | [82](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AccordionMinimalPerf.default.html) | [80](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AccordionMinimalPerf.default_base.html) | 1.02:1 BoxMinimalPerf.default | [194](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/BoxMinimalPerf.default.html) | [191](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/BoxMinimalPerf.default_base.html) | 1.02:1 DatepickerMinimalPerf.default | [3855](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DatepickerMinimalPerf.default.html) | [3761](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DatepickerMinimalPerf.default_base.html) | 1.02:1 DropdownMinimalPerf.default | [1461](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DropdownMinimalPerf.default.html) | [1439](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DropdownMinimalPerf.default_base.html) | 1.02:1 MenuMinimalPerf.default | [512](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/MenuMinimalPerf.default.html) | [503](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/MenuMinimalPerf.default_base.html) | 1.02:1 RosterPerf.default | [1629](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/RosterPerf.default.html) | [1590](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/RosterPerf.default_base.html) | 1.02:1 RadioGroupMinimalPerf.default | [260](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/RadioGroupMinimalPerf.default.html) | [254](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/RadioGroupMinimalPerf.default_base.html) | 1.02:1 TreeWith60ListItems.default | [96](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TreeWith60ListItems.default.html) | [94](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TreeWith60ListItems.default_base.html) | 1.02:1 AlertMinimalPerf.default | [161](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AlertMinimalPerf.default.html) | [159](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AlertMinimalPerf.default_base.html) | 1.01:1 DialogMinimalPerf.default | [447](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DialogMinimalPerf.default.html) | [444](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/DialogMinimalPerf.default_base.html) | 1.01:1 ListMinimalPerf.default | [309](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ListMinimalPerf.default.html) | [305](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ListMinimalPerf.default_base.html) | 1.01:1 LoaderMinimalPerf.default | [183](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/LoaderMinimalPerf.default.html) | [182](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/LoaderMinimalPerf.default_base.html) | 1.01:1 SegmentMinimalPerf.default | [193](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/SegmentMinimalPerf.default.html) | [191](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/SegmentMinimalPerf.default_base.html) | 1.01:1 SliderMinimalPerf.default | [736](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/SliderMinimalPerf.default.html) | [732](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/SliderMinimalPerf.default_base.html) | 1.01:1 SplitButtonMinimalPerf.default | [2257](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/SplitButtonMinimalPerf.default.html) | [2245](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/SplitButtonMinimalPerf.default_base.html) | 1.01:1 TableManyItemsPerf.default | [1111](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TableManyItemsPerf.default.html) | [1102](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TableManyItemsPerf.default_base.html) | 1.01:1 TextMinimalPerf.default | [192](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TextMinimalPerf.default.html) | [190](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TextMinimalPerf.default_base.html) | 1.01:1 TextAreaMinimalPerf.default | [285](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TextAreaMinimalPerf.default.html) | [282](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TextAreaMinimalPerf.default_base.html) | 1.01:1 ChatMinimalPerf.default | [440](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ChatMinimalPerf.default.html) | [440](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ChatMinimalPerf.default_base.html) | 1:1 EmbedMinimalPerf.default | [1868](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/EmbedMinimalPerf.default.html) | [1861](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/EmbedMinimalPerf.default_base.html) | 1:1 ImageMinimalPerf.default | [229](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ImageMinimalPerf.default.html) | [230](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ImageMinimalPerf.default_base.html) | 1:1 LabelMinimalPerf.default | [227](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/LabelMinimalPerf.default.html) | [226](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/LabelMinimalPerf.default_base.html) | 1:1 ListWith60ListItems.default | [366](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ListWith60ListItems.default.html) | [367](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ListWith60ListItems.default_base.html) | 1:1 MenuButtonMinimalPerf.default | [960](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/MenuButtonMinimalPerf.default.html) | [956](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/MenuButtonMinimalPerf.default_base.html) | 1:1 PopupMinimalPerf.default | [356](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/PopupMinimalPerf.default.html) | [356](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/PopupMinimalPerf.default_base.html) | 1:1 TreeMinimalPerf.default | [476](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TreeMinimalPerf.default.html) | [475](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/TreeMinimalPerf.default_base.html) | 1:1 FlexMinimalPerf.default | [155](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/FlexMinimalPerf.default.html) | [157](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/FlexMinimalPerf.default_base.html) | 0.99:1 IconMinimalPerf.default | [388](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/IconMinimalPerf.default.html) | [390](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/IconMinimalPerf.default_base.html) | 0.99:1 ToolbarMinimalPerf.default | [552](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ToolbarMinimalPerf.default.html) | [558](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ToolbarMinimalPerf.default_base.html) | 0.99:1 StatusMinimalPerf.default | [388](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/StatusMinimalPerf.default.html) | [397](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/StatusMinimalPerf.default_base.html) | 0.98:1 CarouselMinimalPerf.default | [256](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/CarouselMinimalPerf.default.html) | [264](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/CarouselMinimalPerf.default_base.html) | 0.97:1 ChatDuplicateMessagesPerf.default | [150](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ChatDuplicateMessagesPerf.default.html) | [154](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ChatDuplicateMessagesPerf.default_base.html) | 0.97:1 GridMinimalPerf.default | [186](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/GridMinimalPerf.default.html) | [192](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/GridMinimalPerf.default_base.html) | 0.97:1 InputMinimalPerf.default | [524](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/InputMinimalPerf.default.html) | [539](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/InputMinimalPerf.default_base.html) | 0.97:1 LayoutMinimalPerf.default | [198](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/LayoutMinimalPerf.default.html) | [204](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/LayoutMinimalPerf.default_base.html) | 0.97:1 AnimationMinimalPerf.default | [286](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AnimationMinimalPerf.default.html) | [297](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/AnimationMinimalPerf.default_base.html) | 0.96:1 CheckboxMinimalPerf.default | [1122](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/CheckboxMinimalPerf.default.html) | [1169](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/CheckboxMinimalPerf.default_base.html) | 0.96:1 ButtonOverridesMissPerf.default | [651](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ButtonOverridesMissPerf.default.html) | [686](https://fluentuipr.z22.web.core.windows.net/pull/31412/perf-test-northstar/ButtonOverridesMissPerf.default_base.html) | 0.95:1
fabricteam commented 2 weeks ago

🕵 FluentUIV0 No visual regressions between this PR and main

fabricteam commented 2 weeks ago

📊 Bundle size report

✅ No changes found

fabricteam commented 2 weeks ago

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 623 625 5000
Breadcrumb mount 1721 1656 1000
Checkbox mount 1709 1694 5000
CheckboxBase mount 1475 1487 5000
ChoiceGroup mount 2970 2935 5000
ComboBox mount 690 656 1000
CommandBar mount 6465 6436 1000
ContextualMenu mount 11626 11467 1000
DefaultButton mount 802 780 5000
DetailsRow mount 2183 2227 5000
DetailsRowFast mount 2194 2213 5000
DetailsRowNoStyles mount 2028 2016 5000
Dialog mount 2612 2786 1000
DocumentCardTitle mount 221 220 1000
Dropdown mount 2006 1969 5000
FocusTrapZone mount 1156 1153 5000
FocusZone mount 1077 1071 5000
GroupedList mount 37726 42031 2
GroupedList virtual-rerender 20209 20127 2
GroupedList virtual-rerender-with-unmount 50712 50881 2
GroupedListV2 mount 223 227 2
GroupedListV2 virtual-rerender 214 217 2
GroupedListV2 virtual-rerender-with-unmount 228 228 2
IconButton mount 1122 1157 5000
Label mount 337 332 5000
Layer mount 2722 2787 5000
Link mount 387 393 5000
MenuButton mount 964 956 5000
MessageBar mount 21149 21148 5000
Nav mount 2039 1986 1000
OverflowSet mount 782 759 5000
Panel mount 1807 1788 1000
Persona mount 764 764 1000
Pivot mount 885 896 1000
PrimaryButton mount 907 916 5000
Rating mount 4588 4600 5000
SearchBox mount 907 937 5000
Shimmer mount 1875 1886 5000
Slider mount 1355 1332 5000
SpinButton mount 2930 2966 5000
Spinner mount 380 384 5000
SplitButton mount 1836 1883 5000
Stack mount 415 411 5000
StackWithIntrinsicChildren mount 845 880 5000
StackWithTextChildren mount 2646 2658 5000
SwatchColorPicker mount 6337 6319 5000
TagPicker mount 1425 1448 5000
Text mount 368 388 5000
TextField mount 937 937 5000
ThemeProvider mount 826 859 5000
ThemeProvider virtual-rerender 586 579 5000
ThemeProvider virtual-rerender-with-unmount 1282 1272 5000
Toggle mount 595 617 5000
buttonNative mount 181 181 5000

  • © Githubissues.
  • Githubissues is a development platform for aggregating issues.