21 个仓库
Tools and techniques for providing descriptive, programmatic labels and live updates for non-textual visual content.
Distinct from Live Diagram Editors: The candidates focus on diagram editing and text-to-diagram generation, whereas this feature specifically concerns ARIA-based accessibility for screen readers.
Explore 21 awesome GitHub repositories matching user interface & experience · Screen Reader Accessibility. Refine with filters or upvote what's useful.
这是一个 jQuery 插件和客户端表单验证器,用于在提交到服务器之前验证 Web 表单输入。它采用基于规则的验证引擎,根据预定义或自定义规则检查用户输入,以确保浏览器中的数据完整性。 该工具被设计为一个符合 ARIA 标准的验证系统,使用辅助功能属性将错误消息链接到输入字段。这确保了屏幕阅读器用户在表单提交过程中,当字段包含无效值时会收到通知。 该系统支持通过异步 HTTP 请求进行远程服务器验证,并允许动态规则注入以添加自定义验证逻辑。它通过 DOM 链接的错误渲染来管理用户界面,并使用事件驱动的触发器在焦点、失焦或提交事件期间执行检查。
Connects error messages to input fields using ARIA attributes to notify screen reader users.
GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a
GoJS provides the ability to update live HTML elements to provide descriptive screen reader feedback regarding diagram structures.
iframe-resizer is a JavaScript tool that automatically adjusts the dimensions of an iframe to match the size of its internal content. It functions as a cross-domain communication bridge, allowing the exchange of data and the triggering of actions between a parent window and an embedded iframe across different origins. The project includes a nested iframe coordinator to synchronize dimensions between parent pages and inner frames, preventing scrollbars in complex nested structures. It also provides an accessibility utility to manage iframe titles and attributes, ensuring embedded content is co
Improves screen reader support by dynamically managing iframe titles and accessibility attributes.
Processing is a creative coding environment and Java graphics library designed for writing visual sketches that produce interactive 2D and 3D graphics and animations. It runs on the Java Virtual Machine, using an OpenGL-based hardware-accelerated rendering pipeline, and operates on a sketch-based execution model where programs run as continuous loops of setup and draw functions with event-driven input handling for keyboard, mouse, and window interactions. The environment distinguishes itself as a cross-platform sketch tool that runs visual programs unchanged on desktop, web, Android, and Rasp
Generates text descriptions of canvas content for screen reader accessibility.
This project is a rich text editor component for React applications that provides a visual interface for composing and formatting content. It functions as a DraftJS-based WYSIWYG editor, allowing users to create structured documents with inline styles and block types. The editor features a customizable toolbar interface for managing text alignment, lists, and media embeds. It includes a specialized input system for inserting emojis, hashtags, and user mentions as single deletable units. The project provides capabilities for transforming internal editor state into HTML, JSON, or Markdown form
Integrates ARIA attributes to provide screen reader accessibility for the editor interface.
React Autosuggest is a fully controlled React component that provides an autocomplete input with a dropdown of suggestions as the user types. It delegates all state management to the parent component through callbacks, making it compatible with state management patterns like Flux or Redux. The component implements WAI-ARIA accessibility patterns, including keyboard navigation with arrow keys, Enter, and Escape, along with live region integration for screen reader announcements. The component offers extensive customization through render-prop functions, allowing developers to replace the defau
Announces each suggestion to screen readers with full keyboard navigation for selection.
This is the official documentation repository for Raspberry Pi hardware and software. It covers the complete range of Raspberry Pi single-board computers, the RP-series microcontrollers, and the Raspberry Pi operating system. The documentation provides reference material for setting up devices, configuring hardware, and using the system for tasks including AI inference, camera and video capture, embedded development, and remote access. The documentation covers the full boot chain from the GPU firmware and EEPROM bootloader through to kernel loading, with detailed guidance on boot configuratio
Supports screen readers that navigate the desktop interface through spoken feedback.
Xilem 是一个用于 Rust 编程语言的原生用户界面框架。它提供了一个响应式视图树,将应用程序状态与界面链接起来,从而在数据发生变化时自动更新界面。 该框架集成了 GPU 加速的 2D 图形引擎和专用的文本布局引擎,以处理复杂的排版和高性能视觉渲染。它被构建为一个无障碍 UI 框架,集成了对系统辅助功能服务和屏幕阅读器的支持。 该系统利用保留模式(retained-mode)架构,其图形管线将绘图命令转换为硬件加速的着色器和缓冲区。它管理跨平台原生渲染和视图树状态协调,以维护界面结构。
Maps internal UI components to native OS accessibility APIs for screen reader and assistive tool compatibility.
Pluto.jl 是一个用于 Julia 的响应式计算环境,其功能类似于可编程文档格式。它作为一个交互式数据科学 IDE 和多语言计算笔记本,将 Julia 代码和环境依赖项存储为可版本化的源文件。 该系统以其响应式执行模型而著称,该模型使用有向无环图来跟踪变量依赖关系,并在值发生变化时自动重新评估受影响的下游单元。它通过将隔离的包环境直接集成到笔记本文件中,并将内容持久化为纯可执行源文件,从而确保了可重复性。 该平台涵盖了广泛的功能,包括交互式数据可视化、创建引导式教育作业以及生成静态文档网站。它支持多种输出模式,如幻灯片演示和 Web 应用程序,并提供将笔记本导出为 HTML、PDF 和以可重复性为重点的脚本的工具。 该环境可以通过 localhost 上的 Web 界面启动,也可以通过远程服务器和云计算托管进行访问。
Uses semantic HTML and ARIA labels to provide programmatic accessibility for screen readers.
BulletinBoard 是一个用于 iOS 的 SwiftUI 组件库和界面框架。它提供了一组可重用的元素,旨在在屏幕底部渲染交互式、可访问的信息卡片,以引导用户完成入门和配置任务。 该框架作为一个入门 UI 工具包,提供预定义的卡片模板以及创建自定义布局结构的能力。这些组件内置了可访问性支持,以确保界面更新和交互状态能够被屏幕阅读器和辅助控制器识别。 该库涵盖了高级功能,包括上下文 UI 设计和 iOS 可访问性集成,允许开发能够保持包容性导航的专业卡片视图。
Provides tools to ensure interface updates are programmatically accessible to iOS screen readers.
Lettering.js 是一个 JavaScript 排版库,它将文本字符串划分为细粒度的 HTML 元素。它将单个字符、单词和行包装在标签中,以实现精确的 CSS 控制和高级视觉样式。 该库包括一个可访问的文本包装系统,可保持屏幕阅读器兼容性。它通过将原始内容镜像到容器上的 ARIA 标签中并对辅助技术隐藏碎片化元素来管理文本可访问性。 该工具提供了细粒度文本操作和基于 DOM 的分解功能。这些机制促进了 Web 排版样式设计,并通过序列化过渡和运动效果创建动态文本动画。
Manages screen reader accessibility by hiding fragmented elements and using ARIA labels on containers.
Cerberus 是一个 HTML 电子邮件模板框架,提供了一系列经过测试的标记模式和架构套件。它旨在创建在不同软件客户端上呈现一致的响应式电子邮件通讯。 该项目具有使用流式和混合表格结构的响应式电子邮件布局系统,以及一个跨客户端 CSS 套件,该套件采用条件标记以在旧版客户端中保持视觉一致性。它包括通过根据操作系统主题偏好调整颜色和图像来实现深色模式的具体方法。 该框架涵盖了广泛的功能,包括针对屏幕阅读器的辅助功能集成、纯文本替代方案的生成,以及操作按钮和流式图像等可靠 UI 组件的设计。它还提供了排版样式、图像优化和跨客户端兼容性的策略。
Applies semantic tags and descriptive text to ensure email content is navigable and readable by screen readers.
North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes. The project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur
Provides guidelines and methods for auditing content source order and usability via screen readers.
ChatUI 是一个 React 对话式 UI 库和框架,专为构建消息界面而设计。它提供了一套用于创建对话流程的组件,包括消息气泡、输入区域和结构化消息层级。 该库通过专门的 AI 代理界面功能脱颖而出,例如可视化代理的推理过程,以及逐字渲染文本的模拟打字动画。它还包含一套预先设计的对话卡片模板,用于在聊天流程中渲染横幅、选择列表和问卷。 该框架涵盖了广泛的能力领域,包括针对移动端和桌面屏幕的响应式布局适配、用于多语言支持的基于区域设置的国际化,以及用于品牌定制的变量主题系统。它还通过语义化 DOM 结构和对比度强制执行来实现无障碍标准,以支持屏幕阅读器和辅助技术。
Implements semantic HTML and contrast standards to ensure the chat interface is compatible with screen readers.
本项目是一个全面的前端开发指南和路线图,旨在帮助工程师掌握现代 Web 开发所需的技能和专业标准。它作为掌握 HTML、CSS 和 JavaScript 的技术参考,提供了结构化的学习路径,并绘制了从初学者过渡到专业 Web 工程师所需的专业能力图谱。 该资源作为一个分类目录和 JavaScript 生态系统概览。它编录了行业标准的框架、库和实用程序,为状态管理、CSS 框架和静态网站生成器提供了具体建议。 该指南涵盖了广泛的工程能力,包括 UI 架构、Web 性能优化和可访问性审计。它还为构建自动化、部署策略以及专业工作流的开发者工具选择提供了指导。
Guides the use of programmatic labels and ARIA updates to ensure interfaces are accessible to screen readers.
这是一个 jQuery 内容滑块,用于创建响应式图像库和支持触摸的轮播图。它作为一个可访问的 UI 组件,使用硬件加速动画显示图像、视频或 HTML 内容。 该滑块内置了对触摸设备的手势滑动和跟随手指导航的支持。它集成了 ARIA 属性(如 Aria Live 和 Aria Hidden),以确保屏幕阅读器兼容性,并为辅助技术用户提供可访问性。 该系统提供全面的布局和导航功能,包括可配置的过渡动画、键盘导航和分页器。它支持基于定时器的自动内容轮换,并通过公共 API 和生命周期事件回调提供程序化控制。
Implements ARIA attributes to ensure the slider interface is fully accessible to screen reader users.
这是一个固定宽度的 CSS 布局框架,旨在将 Web 内容组织成标准化的列和间距网格。它提供了一组 CSS 规则和尺寸,确保前端设计网格中的页面对齐和间距保持一致。 该系统使用 960 像素宽度将视觉设计稿与技术实现同步。它包含镜像网格对齐的专用样式表,以支持从右到左的语言方向。 该框架通过列实现和布局间距控制来管理网格。它还为设计同步和元素定位工具提供了设计集成,将视觉放置与源代码顺序解耦,以支持辅助功能和搜索引擎优化。
Positions elements visually while maintaining a different source order to optimize for screen readers and search engines.
本项目是一份全面的参考指南,旨在基于现代 Web 标准编写简洁、语义化且易于维护的 HTML 标记。它提供了一套实施语义化 HTML 标准的规则,使用有意义的结构元素代替通用容器,以改善文档层次结构和机器可读性。 该指南建立了具体的 HTML 格式规范,涵盖缩进、标签大小写和源代码组织,以提高代码库的可维护性。它还作为 Web 无障碍参考,详细说明了 ARIA 角色、替代文本和无障碍表单控件的实现,以支持屏幕阅读器和其他辅助技术。 该项目涵盖了几个核心功能领域,包括文档元数据和字符编码的配置以实现浏览器兼容性、通过绝对路径解析管理 Web 资源,以及通过正确的标签和验证属性优化 Web 表单。它还包括处理多媒体内容及适当回退机制的标准。
Details the implementation of ARIA attributes and alternative text specifically for screen reader support.
这是一个响应式导航 JavaScript 库,用于创建具有屏幕尺寸检测和触摸支持的移动友好型菜单。它作为一个可访问的导航菜单和客户端布局切换器,在移动视图和桌面视图之间转换,且无需外部依赖。 该项目作为一个菜单动画工具,在切换导航覆盖层时实现平滑的 CSS 过渡和基于高度的动画。它利用原生浏览器 API 来管理界面状态,并确保导航对于屏幕阅读器和不使用 JavaScript 的用户保持功能可用。 该库涵盖了检测屏幕断点、管理切换导航可见性以及为触摸界面实现布局转换的功能。
Ensures the navigation menu remains functional for screen readers through programmatic labels.
This project provides a comprehensive library and framework for automated web accessibility auditing. It enables developers to verify that web content adheres to accessibility standards by executing a suite of programmatic rules against the document object model to identify potential barriers for users of assistive technologies. The tool distinguishes itself through its modular rule-based engine, which performs deep analysis of semantic structures, including the validation of roles, states, and properties. It implements standard algorithms to compute accessible names and performs computed sty
Calculates accessible names for elements to ensure screen readers interpret content as intended.