BBC：标出 ARIA 地标
开发者辅助：勾勒页面上的 ARIA 地标区域并用角色名称标注。
可复制的代码
// Developer aid: outline ARIA landmarks and label them
(function () {
var roles = ['banner', 'navigation', 'main', 'complementary',
'contentinfo', 'region', 'search'];
roles.forEach(function (role) {
document.querySelectorAll('[role="' + role + '"]').forEach(function (el) {
el.style.outline = '2px dashed #b80000';
el.style.position = el.style.position || 'relative';
var tag = document.createElement('span');
tag.textContent = role;
tag.style.cssText = 'position:absolute;top:0;left:0;z-index:99999;' +
'background:#b80000;color:#fff;font:11px monospace;padding:1px 4px';
el.appendChild(tag);
});
});
})();如何使用此示例
- 用上方按钮复制代码。
- 安装 JustZix（2 分钟），在目标页面打开扩展。
- 添加一条匹配该页面的新规则。
- 将代码粘贴到规则的 JavaScript 面板并保存 — 每次访问页面时都会运行。
为此示例评分
暂无评分 — 成为第一个。