<a role="menuitem" id="appearance" href="/appearance"
hidden="[[!pageVisibility.appearance]]">
<iron-icon icon="settings:palette"></iron-icon>
$i18n{appearancePageTitle}
</a>
再chromium 源码里面发现 role
查了下 转载来自：https://blog.csdn.net/qq_34639706/article/details/106725672?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242
role 是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。
通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性
hidden：
<!DOCTYPE html> <html> <body> <p hidden="hidden">这是一段隐藏的段落。</p> <p>这是一段可见的段落。</p> </body> </html>
结果：