可安全删除的 aria-* 属性包括：aria-hidden="true"（双重隐藏时）、role="presentation"/role="none"（加在无语义标签上）、tabindex="-1"与aria-hidden="true"共存时、aria-label=""或空格值；需人工验证DOM层级与JS依赖。
哪些 aria-* 属性可以安全删掉
直接删掉 aria-hidden="true"、role="presentation"、role="none" 这类属性，比加一堆“修复逻辑”更有效——前提是确认它们真没参与可访问性行为。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
常见冗余场景包括：
-
aria-hidden="true"加在本身不可聚焦、无文本内容、且父级已声明aria-hidden="true"的元素上（双重隐藏） -
role="presentation"加在<div> 或 <code><span></span>这类无原生语义的标签上（它本就不播报，加了反而干扰无障碍树） -
tabindex="-1"和aria-hidden="true"同时出现（一个管键盘焦点，一个管读屏器，目标不一致，通常只留其一） -
aria-label=""或aria-label=" "（空值或纯空白，完全无效） -
<script type="text/javascript"></script>→ 删type（HTML5 默认就是 JS） -
<link rel="stylesheet" type="text/css">→ 删type -
<meta charset="utf-8">→ 删charset（<meta>标签保留，属性可省） -
<input type="text">→ 不删（type影响表单验证和输入法行为） -
(border|cellpadding|cellspacing)="[^"]*?"→ 清理<table> 旧布局属性（CSS 已全接管）<li> <code>align="[^"]*?"或valign="[^"]*?"→ 删除内联对齐控制（现代布局靠 Flex/Grid） -
style\s*=\s*["']\s*["']→ 批量删空style属性（注意前后空格别误删） -
on\w+\s*=\s*["'][^"']*?["']→ 清理onclick、onload等内联事件（前提是你已迁移到事件监听） - 右键目标元素 → “Break on > attribute modifications” 和 “Break on > node removal”，看是否有 JS 动态操作它
- 全局搜索该元素的
id、class、data-*值，在 JS 文件中查是否被querySelector、getElementById或 ARIA 属性（如aria-labelledby）引用 - 临时注释掉整段 HTML，刷新页面并走一遍核心路径（表单提交、弹窗、Tab 键导航、读屏器朗读），观察是否异常
VSCode 中可用正则快速定位：aria-[a-z-]*=["']\s*["'] 匹配所有空值 aria- 属性；aria-label=["']\s*["'] 单独抓取无效 label。但注意：匹配后必须人工检查 DOM 层级，不能直接全替——比如 role="presentation" 加在 <table> 上可能是有意绕过默认表格语义。<h3>HTML5 冗余属性怎么用 minify 自动清理</h3>
<p>Webpack 项目里，<code>html-webpack-plugin 的 removeRedundantAttributes 是最稳妥的批量清理方式，它基于 HTML5 规范语义判断，不是硬删。
立即学习“前端免费学习笔记（深入）”；
启用后会安全移除以下属性：
关键提醒：removeRedundantAttributes 和 removeEmptyAttributes 别一起开。后者会删 class=""、data-id="" 这类空值属性——它们常被测试脚本或 CSS 选择器依赖，删了就断功能。
VSCode 正则批量删老式 HTML 属性
对遗留项目或 CMS 导出 HTML，用 VSCode 全局搜索（Ctrl+Shift+F，开启 .* 模式）能高效干掉浏览器早已不认的属性。
推荐正则模式及用途：
⚠️ 必须跳过 <pre class="brush:php;toolbar:false;"></pre>、<code>、<script></script>、<textarea></textarea> 内容块——这些区域的原始空白和字符串可能有语义，正则无法安全识别。
删之前必须人工验证的三件事
自动化清理再准，也替代不了人工交叉验证。盲目删除可能导致 JS 绑定失效、样式错乱或无障碍功能降级。
动手前务必检查：
最易忽略的是 <noscript></noscript>、<link rel="preload">、<meta property="og:*"> 这类不渲染但影响 SEO、分享、加载性能的标签——它们不在视觉层，却决定页面真实表现。
