小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
ARIA角色可能会移除其子元素的语义

本文讨论了ARIA的使用规则,强调应优先使用原生HTML元素,避免错误地将role="menu"应用于导航列表,以免造成语义混淆和影响屏幕阅读器的效果。正确使用ARIA属性至关重要,以维护元素的语义。

ARIA角色可能会移除其子元素的语义

Stefan Judis Web Development
Stefan Judis Web Development · 2026-01-12T23:00:00Z
在分区内容中,头部和底部元素失去其角色

使用正确的ARIA角色可以帮助辅助技术更好地导航网页。文章讨论了header和footer元素在不同上下文中的角色变化,强调了它们在缺乏语义时对屏幕阅读器用户的影响。根据ARIA规范,header和footer的角色依赖于上下文,若不符合特定条件则会被赋予通用角色。

在分区内容中,头部和底部元素失去其角色

Stefan Judis Web Development
Stefan Judis Web Development · 2025-10-19T22:00:00Z
Godot 4.5 开源游戏引擎发布,带来多项改进

Godot 4.5 发布,新增模板缓冲区、内置屏幕阅读器、着色器烘焙器及物理效果改进。Linux 端支持原生 Wayland 子窗口,WebAssembly 支持 SIMD,性能提升。

Godot 4.5 开源游戏引擎发布,带来多项改进

实时互动网
实时互动网 · 2025-09-16T02:07:19Z
Django无障碍贡献指南

Django无障碍团队发布了新的无障碍贡献指南,旨在帮助贡献者提升Django的可访问性,支持屏幕阅读器和辅助技术用户。指南提供实用步骤和初学者资源,欢迎反馈与贡献。

Django无障碍贡献指南

The Django weblog
The Django weblog · 2025-08-09T09:38:58Z
我希望有人在我学习ARIA时告诉我的事

ARIA(可访问富互联网应用)是提升网页可访问性的工具,为屏幕阅读器提供额外信息。文章强调理解ARIA的重要性,介绍其历史、使用规则及常见误区,提醒开发者谨慎使用,以确保无障碍设计。

我希望有人在我学习ARIA时告诉我的事

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2025-06-16T13:00:00Z
可访问的PDF表格和复杂内容

PDF文档中的表格和复杂内容面临可访问性挑战。视觉用户可快速扫描,而屏幕阅读器用户依赖结构化标记理解信息。本文探讨创建可访问表格的技术,包括表格标签、标题单元标识和替代文本,以确保所有用户有效理解和导航信息。

可访问的PDF表格和复杂内容

DEV Community
DEV Community · 2025-05-18T03:18:24Z

NVDA(非视觉桌面访问)是一个免费的开源屏幕阅读器,专为视障人士设计,支持Windows操作系统。它允许用户与多种应用程序交互,内置语音合成器支持80多种语言,并能输出盲文,兼容多种Windows版本,易于安装和使用,旨在提升计算机的可访问性。

NVDA – 一款开源免费无视觉桌面访问

老董日志
老董日志 · 2025-05-02T04:06:41Z

研究提出了ScreenAudit系统,利用大型语言模型检测移动应用中的屏幕阅读器可访问性错误。该系统的覆盖率为69.2%,显著高于传统工具的31.3%,为开发者提供更优质的反馈。

ScreenAudit: Detecting Screen Reader Accessibility Errors in Mobile Apps Using Large Language Models

BriefGPT - AI 论文速递
BriefGPT - AI 论文速递 · 2025-04-02T00:00:00Z
[开源] 无障碍网页设计(Design Accessible Websites)

本文讨论了无障碍网页设计的重要性,强调应考虑残障人士的需求。通过使用屏幕阅读器、提供替代文本和清晰的导航,确保所有用户都能顺利访问网页。介绍了提升可访问性的策略,如合理使用颜色对比、描述性链接和表单设计。总结指出,遵循标准和使用工具可以有效改善网页的可访问性。

[开源] 无障碍网页设计(Design Accessible Websites)

Henry Z's blog
Henry Z's blog · 2025-03-23T01:46:36Z
关于工具提示的小思考。🤔

工具提示在日常生活中提供额外信息,通常在悬停元素时显示。通过设置HTML的title属性实现,优点是节省屏幕空间且可被屏幕阅读器识别,但在触摸屏设备和键盘导航中无法使用。

关于工具提示的小思考。🤔

DEV Community
DEV Community · 2025-02-25T23:40:12Z
使用锚点而非按钮进行导航!

作为网页爱好者,我更倾向于使用锚点而非按钮作为链接,因为锚点对屏幕阅读器友好,且用户可以右键打开新标签页。最近我遇到JavaScript错误导致页面失去响应,但锚点仍能正常工作,这表明锚点在JavaScript出现问题时依然有效,而导航按钮则不然。

使用锚点而非按钮进行导航!

DEV Community
DEV Community · 2025-02-25T15:02:56Z

谷歌推出了针对Android的更新,提升助听器和屏幕阅读器的可及性。三星Galaxy S25将支持蓝牙LE Audio技术,方便管理助听器,包括免提通话和更低延迟的连接。同时,TalkBack屏幕阅读器将更新,提供更详细的图像描述,并支持盲文显示。该功能将在未来几个月扩展至更多Android设备。

Android推出了更好的助听器和屏幕阅读器体验。

The Keyword
The Keyword · 2025-01-22T18:00:00Z

文章强调网页设计应减少颜色使用,避免无语义的<div>标签,确保对屏幕阅读器友好。建议不使用深色主题,确保在无JavaScript环境下可读,并本地提供资源。使用明确的alt文本,避免装饰性图片,确保链接描述清晰,并指定许可。

完全宅男的WWW指南:为偏执者准备

shrik3
shrik3 · 2025-01-17T09:54:39Z

本文讨论网页设计的最佳实践,强调避免使用个性化的颜色和字体,确保页面对屏幕阅读器友好,使用语义化的HTML元素,避免装饰性图片和破损链接。建议提供清晰的超链接文本,使用本地资源,确保页面在无样式情况下可读,并合理管理URL。

完全偏执的WWW指南

shrik3
shrik3 · 2025-01-17T09:54:39Z
2025年科技预测:变革之年

2025年将是技术无障碍的重要一年,欧盟立法将生效,预计会推出新工具和框架,增强屏幕阅读器兼容性及自动化测试工具。尽管AI迅速发展,开发者仍需关注基础编程原则和最佳实践,以应对技术变革的挑战。

2025年科技预测:变革之年

DEV Community
DEV Community · 2025-01-02T10:08:07Z
理解HTML中的可访问名称

可访问名称是确保网页内容对屏幕阅读器用户友好的关键,它提供描述元素的文本,帮助用户有效导航。可访问名称的计算遵循特定算法,优先级包括aria-labelledby、aria-label和元素内容等。理解可访问名称的确定方式对创建可用网页内容至关重要。

理解HTML中的可访问名称

DEV Community
DEV Community · 2024-12-03T18:13:27Z
在CSS中隐藏元素:可访问的方式

在用户界面中隐藏元素时,需注意不影响某些用户的访问。文章讨论了三种情况:对屏幕阅读器隐藏元素、仅对屏幕阅读器显示元素、对所有用户隐藏元素,并提供了代码示例和实际应用场景,强调可访问性的重要性。

在CSS中隐藏元素:可访问的方式

DEV Community
DEV Community · 2024-11-17T18:27:00Z
提升网站无障碍性:掌握HTML中的ARIA属性 🌐

网页无障碍性对前端开发者至关重要,合理使用ARIA属性可以提升可访问性,改善屏幕阅读器的交互体验。应避免在已有自然角色的元素上使用ARIA,以确保辅助技术用户的最佳体验。

提升网站无障碍性:掌握HTML中的ARIA属性 🌐

DEV Community
DEV Community · 2024-11-13T15:20:00Z
语义HTML的重要性

语义HTML通过清晰定义内容结构,提升SEO和网页可访问性,帮助搜索引擎更好地索引和排名,同时改善屏幕阅读器用户的导航体验,使所有用户,包括残障人士,更容易访问和理解内容。

语义HTML的重要性

DEV Community
DEV Community · 2024-11-07T20:09:47Z

移动应用在日常生活中越来越重要,确保其可访问性至关重要。本文介绍了提升Flutter应用可访问性的方法,如语义标签、高对比度、触控目标大小、文本缩放、键盘导航、屏幕阅读器支持、图像描述和减少动画。这些措施不仅帮助残障用户,也提升整体用户体验。可访问性是一个持续的过程,需要不断测试和改进,以创造包容性体验,扩大用户群体。

提升Flutter应用可访问性:全面指南

DEV Community
DEV Community · 2024-10-19T23:49:44Z
  • <<
  • <
  • 1 (current)
  • 2
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码