The GitHub Blog
·
如何让Storybook Interactions尊重用户的运动偏好
内容提要
在公司的Storybook中发现组件频繁重渲染，原因是Storybook Interactions插件。该插件模拟用户交互，但对启用减少运动偏好的用户可能造成不适。建议开发一个插件，让用户根据偏好开启或关闭交互功能，以提高可访问性。
关键要点
-
在公司的Storybook中发现组件频繁重渲染，原因是Storybook Interactions插件。
-
Storybook Interactions插件可以模拟用户交互，但对启用减少运动偏好的用户可能造成不适。
-
建议开发一个插件，让用户根据偏好开启或关闭交互功能，以提高可访问性。
-
操作系统允许用户设置运动偏好，遵循这一设置对某些用户至关重要。
-
Storybook目前没有内置的切换交互功能的能力。
-
目标是启用减少运动偏好的用户默认关闭交互功能，并允许所有用户在不改变系统偏好的情况下切换交互功能。
-
第一步是构建一个Storybook插件，允许用户切换交互功能。
-
插件使用localStorage存储用户的交互偏好，并在加载时检查偏好设置。
-
第二步是在.storybook/manager文件中注册新插件，以便在Storybook工具栏中添加切换按钮。
-
第三步是创建一个函数检查交互是否应播放，并将其添加到交互故事中。
-
通过这个自定义插件，可以确保工作环境对运动敏感的用户保持可访问性。
延伸解读
用户运动偏好的重要性
在开发过程中，尊重用户的运动偏好至关重要。对于启用减少运动偏好的用户，快速的屏幕运动可能导致不适甚至健康风险。因此，开发者应确保应用程序能够识别并遵循这些设置，以提升用户体验和安全性。
Storybook的可访问性挑战
目前，Storybook缺乏内置的交互切换功能，这对某些用户造成了障碍。开发自定义插件以允许用户根据个人偏好开启或关闭交互功能，不仅能提高可访问性，还能增强用户的使用体验。
插件开发的实用步骤
创建一个允许用户切换交互功能的插件需要几个步骤，包括使用localStorage存储用户偏好、在工具栏中添加切换按钮以及检查交互是否应播放。这些步骤确保了用户能够根据自己的需求调整Storybook的行为。
延伸问答
Storybook Interactions插件的主要问题是什么？
Storybook Interactions插件导致组件频繁重渲染，可能对启用减少运动偏好的用户造成不适。
如何提高Storybook的可访问性？
建议开发一个插件，让用户根据偏好开启或关闭交互功能，以提高可访问性。
用户如何设置运动偏好以影响Storybook？
用户可以在操作系统中设置运动偏好，Storybook应遵循这一设置，确保对运动敏感的用户友好。
如何构建一个允许切换交互功能的Storybook插件？
首先，创建一个插件，使用localStorage存储用户的交互偏好，并在加载时检查偏好设置。
Storybook目前是否支持切换交互功能？
目前，Storybook没有内置的切换交互功能的能力。
如何在Storybook中注册新插件？
在.storybook/manager文件中注册新插件，以便在Storybook工具栏中添加切换按钮。
