The GitHub Blog
·
如何让Storybook Interactions尊重用户的运动偏好
💡
原文英文，约900词，阅读约需4分钟。
📝
内容提要
在公司的Storybook中发现组件频繁重渲染，原因是Storybook Interactions插件。该插件模拟用户交互，但对启用减少运动偏好的用户可能造成不适。建议开发一个插件，让用户根据偏好开启或关闭交互功能，以提高可访问性。
🎯
关键要点
- 在公司的Storybook中发现组件频繁重渲染，原因是Storybook Interactions插件。
- Storybook Interactions插件可以模拟用户交互，但对启用减少运动偏好的用户可能造成不适。
- 建议开发一个插件，让用户根据偏好开启或关闭交互功能，以提高可访问性。
- 操作系统允许用户设置运动偏好，遵循这一设置对某些用户至关重要。
- Storybook目前没有内置的切换交互功能的能力。
- 目标是启用减少运动偏好的用户默认关闭交互功能，并允许所有用户在不改变系统偏好的情况下切换交互功能。
- 第一步是构建一个Storybook插件，允许用户切换交互功能。
- 插件使用localStorage存储用户的交互偏好，并在加载时检查偏好设置。
- 第二步是在.storybook/manager文件中注册新插件，以便在Storybook工具栏中添加切换按钮。
- 第三步是创建一个函数检查交互是否应播放，并将其添加到交互故事中。
- 通过这个自定义插件，可以确保工作环境对运动敏感的用户保持可访问性。
❓
延伸问答
Storybook Interactions插件的主要问题是什么？
Storybook Interactions插件导致组件频繁重渲染，可能对启用减少运动偏好的用户造成不适。
如何提高Storybook的可访问性？
建议开发一个插件，让用户根据偏好开启或关闭交互功能，以提高可访问性。
用户如何设置运动偏好以影响Storybook？
用户可以在操作系统中设置运动偏好，Storybook应遵循这一设置，确保对运动敏感的用户友好。
如何构建一个允许切换交互功能的Storybook插件？
首先，创建一个插件，使用localStorage存储用户的交互偏好，并在加载时检查偏好设置。
Storybook目前是否支持切换交互功能？
目前，Storybook没有内置的切换交互功能的能力。
如何在Storybook中注册新插件？
在.storybook/manager文件中注册新插件，以便在Storybook工具栏中添加切换按钮。
➡️
