当前位置: 首页 > news >正文

微软预览技术 大幅简化无障碍网站键盘导航开发

微软已开始预览一项新技术,旨在简化具有复杂导航元素的网站开发工作,使网站无需指针设备即可操作。

微软Edge首席产品经理Patrick Brosset表示,全球需要更好的无障碍网站工具,因为目前不到一半的网站使用tabindex属性。tabindex是一个HTML属性,当网站访客按下TAB键时,会在链接或交互控件上看到一个被称为"焦点"的高亮显示,用户可以通过回车键使用这些元素。再次按TAB键会将焦点移动到另一个链接或控件。开发者可以确定用户每次按TAB键时控件的高亮顺序。

万维网联盟的Web内容无障碍指南(WCAG)要求使用tabindex等导航元素。

Brosset认为tabindex过于难用。他在周四的一篇文章中写道:"创建一个完全支持键盘操作的网站,特别是包含菜单、子菜单、工具栏、选项卡和其他输入组的复杂控件的网站,并非轻而易举的事情;这需要大量工作和专业知识。"

即使是熟练使用该技术的开发者,他指出,"要么需要编写大量复杂代码,要么必须使用JavaScript库。无论哪种情况,都会增加需要维护的代码量,网站启动时需要加载更多代码。"

"这反过来也会影响网站用户。网站需要的代码越多,加载和可用时间就越长,"他感叹道。

微软的解决方案是一项名为"focusgroup"的技术,该公司早在2022年就分享了这项技术。开发者可以在相关页面找到focusgroup的详细信息。

Brosset写道:"将问题和早期解决方案提交给广泛的协作论坛,使我们能够完善focusgroup理念,经过多次迭代,考虑了许多不同的观点。这产生了一个更好、更完整的Web开发者解决方案。"

微软现在认为这个解决方案已准备好进行更广泛的测试。Brosset的文章宣布focusgroup现已在Microsoft Edge中可供早期测试。由于微软将其实现贡献给了Chromium项目,使用该引擎驱动其他浏览器的开发者也可以尝试使用。

微软Edge Web平台团队高级软件工程师Jacques Newman发布了关于focusgroup及其使用方法的详细信息,并正在寻求反馈意见。

许多国家已将实施WCAG原则作为遵守反歧视法律的基线,使focusgroup成为许多开发者的潜在有用工具,因此也有益于需要无障碍技术的用户。它还可能为所有用户提供更快的网页加载速度,或许还能增加那些尝试保持双手远离指针设备的用户数量。

Q&A

Q1:focusgroup技术是什么?它能解决什么问题?

A:focusgroup是微软开发的一项网站无障碍技术,旨在简化键盘导航网站的开发工作。它解决了传统tabindex属性过于复杂、需要大量代码维护的问题,让开发者能够更轻松地创建支持键盘操作的网站。

Q2:为什么网站需要支持键盘导航?

A:根据万维网联盟的Web内容无障碍指南(WCAG),网站必须支持键盘导航来满足无障碍要求。许多国家已将实施WCAG原则作为遵守反歧视法律的基线,这使得键盘导航成为法律要求而非可选功能。

Q3:开发者如何使用focusgroup技术?

A:目前focusgroup技术已在Microsoft Edge中可供早期测试,由于微软将其贡献给了Chromium项目,使用该引擎的其他浏览器开发者也可以尝试。开发者可以通过微软提供的相关页面获取详细的使用方法和文档。

http://www.jsqmd.com/news/449902/

相关文章:

  • 在.net中读写config文件的各种方法
  • 分布式日志收集系统: Facebook Scribe
  • 程序员职业发展的绊脚石-思想的枷锁
  • 选河南种子会要考虑啥,对接会效果是否有保障 - 工业推荐榜
  • 通知监控系统框架:Python + API + Email + Docker + GitHub Actions + Prometheus
  • 2026年天津继承律师电话查询推荐:解决继承难题指南 - 品牌推荐
  • 擦亮自己的眼睛去看SQLServer之谈谈锁机制
  • 《C语言程序设计(第五版)》谭浩强--第4章习题答案
  • 一文讲透|当红之选的降AI率工具 —— 千笔·专业降AI率智能体
  • 1388: PIPI的逃跑路线Ⅳ
  • 基本复现:阶梯式碳交易机制与电制氢的综合能源系统热电优化
  • 为什么要关闭数据库连接,可以不关闭吗?
  • OpenAI发布GPT-5.4模型,朝自主智能体迈出重要一步
  • 女程序员如何高效率、不被骗地找到优质男友?——一份融合认知科学、行为心理学与系统化择偶策略的实战指南
  • 共享储能背景下微网运营商与用户聚合商间的Stackelberg博弈模型:MATLAB仿真与优化策略
  • 2026年汇总超声波液位计性价比高的品牌,值得收藏 - 工业品网
  • 计算机毕业设计之springboot大学生二手闲置物品置换交易管理系统
  • 亲测好用!2026 年私藏的 6 个 AI 论文写作宝藏网站
  • 郑州室内家装公司哪个靠谱,分享品牌推荐 - 工业设备
  • 帛书《周易》“泰壮”象不是《易经》“大壮”卦
  • OpenClaw 暴露面分析:当火爆的 AI 代理框架成为攻击者的“肥肉”
  • 基础算法题型——高精度
  • 采购供货货源供需抖音快手微信小程序看广告流量主开源
  • 韩语BERT模型详解[特殊字符]——KcBERT实战指南
  • Comsol 锂枝晶模型:探索锂离子电池枝晶生长的奥秘
  • MQ的运用
  • 华芯微特如何通过U盘烧写到外部flash
  • 【MacOS配置】——新Mac开发环境配置
  • 2026别错过!最受喜爱的AI论文网站 —— 千笔写作工具
  • Solidity 高级合约交互 3| 委托调用 (Delegatecall)