C16

焦点弹层

手机上可以运行，但建议在电脑上完成代码练习。

编辑器加载中…

预览

点击「运行」在隔离沙箱中预览

任务说明

React 沙箱

实现无障碍帮助弹层：点「打开帮助」弹出 role="dialog" aria-modal="true" 的弹层（测试靠 role 查找弹层），打开后焦点移入弹层内（「关闭」按钮），按 Esc 可关闭，关闭后焦点回到「打开帮助」触发按钮，背景不会误接收焦点。起始代码完全没有焦点管理。

要求

分层提示

先自己试，再逐层展开。

参考答案

卡住时再看；查看操作会记录下来用于复盘。测试版本 1.0.0

Command Palette