#可访问性
accessible-inclusive-ios-animations - iOS和SwiftUI无障碍动画开发实践指南
Github开源项目用户体验SwiftUI可访问性iOS动画减少动画
这份指南详细介绍了在iOS和SwiftUI中创建无障碍和包容性动画的方法。内容涵盖多种动画类型、可能造成干扰的动画效果、减少动画影响的技巧,以及如何实现动作减少设置。指南配有丰富的代码示例和视觉效果展示,旨在帮助开发者构建既具美感又易于访问的动画效果。
ui - 开源可定制组件库助力应用开发
Github开源项目开源组件库shadcn/ui可访问性可定制化
shadcn/ui 是一个开源的 UI 组件库,提供可访问且可定制的组件,开发者可直接复制粘贴到自己的应用中。该项目支持构建个性化组件库,提供详细文档,采用 MIT 许可证,并欢迎社区贡献。这一灵活的工具为开发者简化了 UI 开发过程。
chakra-ui - 加速可访问性React应用开发的高效组件库
Github开源项目用户界面ReactChakra UI组件库可访问性
Chakra UI是一个功能全面的React组件库,专注于提供可访问、可重用和可组合的组件。它简化了现代Web应用和网站的开发流程,允许开发者轻松构建复杂的用户界面。该库遵循可访问性最佳实践,具有易于样式化、灵活组合、无障碍支持和暗黑模式等特性。Chakra UI为开发者提供了高效构建React应用所需的工具和组件。
pink - 专注无障碍设计的开源CSS库
Github开源项目用户界面可访问性Pink DesignCSS库Appwrite
Pink Design是一款开源CSS库,专注于构建无障碍且美观的用户界面。该库提供丰富的类和组件,便于集成到各类项目中。Pink Design的核心理念是确保所有用户都能轻松使用,适用于从简单网页到复杂应用的各种场景。其设计理念和组件库有助于开发者高效创建专业、美观的界面。兼容主流浏览器,易于学习和使用,是打造现代化网站和应用的理想选择。
primitives - 开源低级UI组件库 助力构建高质量可访问的设计系统和Web应用
Github开源项目开源UI组件库设计系统可访问性Radix Primitives
Radix Primitives为开发者提供了一套专注于可访问性、定制化和开发体验的低级UI组件。这些组件可作为设计系统的基础,也可根据需求逐步集成。该库注重灵活性和性能,有助于创建高质量、独特的用户界面。无论是构建完整的设计系统还是单个Web应用,Radix Primitives都能提供所需的基础元素。
themes - 优化开发效率和可访问性的开源UI组件库
Github开源项目开源组件库可访问性Radix Themes开发优化
Radix Themes是一个注重开发效率和可访问性的开源UI组件库。它提供完整文档和更新日志,支持社区交流和贡献。由资深开发者维护,采用MIT许可证。该项目旨在简化开发流程,提升效率,同时保障产品的可访问性。
zag - 跨框架可访问性组件的状态机库
Github开源项目状态机组件开发可访问性Zag.js无头UI
Zag.js是一个构建可访问性JavaScript组件的状态机库。它提供框架无关的组件交互模型,支持React、Vue等主流框架,注重可访问性,采用无头设计,基于先进状态图概念。该库使用状态机方法实现常见组件模式,提供一次编写多处使用的优势。它不仅关注可访问性,还处理键盘交互、焦点管理和ARIA属性等细节。Zag.js帮助开发者快速创建复杂、可重用的UI组件,同时保证良好的可访问性和用户体验,成为构建复杂UI组件的有力工具。
dotUI - 无障碍、移动友好的现代UI组件库
Github开源项目UI组件可访问性dotUI移动友好现代设计
dotUI是一个开源UI组件库,专注于提供无障碍、移动友好的现代化组件。该项目为开发者提供易用的工具,旨在提升Web应用的可访问性和用户体验。dotUI具有自定义主题功能,适配多种设备,并采用当前设计趋势。通过dotUI,开发者能够快速搭建美观、实用的用户界面,同时保证良好的兼容性和性能表现。
dnd - React拖拽列表组件 功能强大且易用
Github开源项目性能优化React可访问性拖拽列表
hello-pangea/dnd是一个React拖拽列表组件,支持垂直和水平列表、多列表拖拽、虚拟列表等功能。该组件性能优异,API简洁,同时兼顾键盘和屏幕阅读器支持,适用于构建高性能的拖拽交互界面。它提供美观的动画效果,并支持自定义样式。
design-system - 构建符合无障碍标准的响应式政府网站开源设计系统
Github开源项目React组件前端开发设计系统可访问性CMS
CMS Design System 是基于 U.S. Web Design System 的开源设计框架,专为创建符合 Section 508 无障碍标准的政府网站而设计。它提供了扩展的 CSS 和 React 组件、实用类和网格系统,便于快速开发可访问且响应式的网站。该系统包含多个 NPM 包,涵盖核心组件、healthcare.gov 和 medicare.gov 的专用设计系统及相关文档。
melt-ui - 为 Svelte 提供灵活强大的无头组件构建工具
Github开源项目开源Svelte可访问性Melt UI无头组件
Melt UI 是一套专为 Svelte 开发的无头组件构建工具。该项目提供解耦的构建器,可轻松附加到任意元素或组件。Melt UI 原生支持 TypeScript 和 SvelteKit,严格遵循 WAI-ARIA 规范,并提供丰富的示例和文档。项目注重可访问性、可扩展性、质量和一致性,为开发者提供了灵活且强大的组件开发基础。
talk-to-chatgpt - 语音交互增强ChatGPT使用体验
Github开源项目AI助手Chrome扩展语音交互可访问性Talk-to-ChatGPT
Talk-to-ChatGPT是Chrome和Edge浏览器扩展,为ChatGPT提供语音交互功能。通过语音识别和文字转语音技术,用户可与AI进行自然对话。扩展集成ElevenLabs API支持自定义语音,并提供语速、语音类型和语言等多项设置。这不仅增强了用户体验,还为老年人和残障人士提供了便利的AI交互方式。