ARIA widget roles (see: https://www.w3.org/TR/wai-aria-1.2/#widget_roles)

aria-widget-roles

[role="button"],[role="checkbox"],[role="gridcell"],[role="link"],[role="menuitem"],
[role="menuitemcheckbox"],[role="menuitemradio"],[role="option"],[role="progressbar"],[role="radio"],[role="scrollbar"],[role="searchbox"],[role="separator"],[role="slider"],[role="spinbutton"],
[role="switch"],[role="tab"],[role="tabpanel"],[role="textbox"],[role="treeitem"]{
  outline:2px solid #000f8a;
  outline-offset: -2px;
  outline-style: dashed;
}

:is([role="button"],[role="checkbox"],[role="gridcell"],[role="link"],[role="menuitem"],
[role="menuitemcheckbox"],[role="menuitemradio"],[role="option"],[role="progressbar"],[role="radio"],[role="scrollbar"],[role="searchbox"],[role="separator"],[role="slider"],[role="spinbutton"],
[role="switch"],[role="tab"],[role="tabpanel"],[role="textbox"],[role="treeitem"])::after{
  background: #5563ff;
  border:1px solid #000f8a;
  border-radius:4px;
  color:#fff;
  content:" ("attr(role)") ";
  font-size:0.75em;
  display: block;
  margin:0 0.2em;
  padding:0.02em;
}