Several icons and images are invisible in Forced Colors mode

For the SVG files in this list, it may be that https://www.smashingmagazine.com/2020/03/accessible-svgs-inclusiveness-b... is a useful guide.

Thanks for catching these @rkoller - high contrast issues are often overlooked.

Looking at admin/people/roles I think this would address the problem:

<a href="#" title="Change order" class="tabledrag-handle tabledrag-handle-y">
  <div class="handle" aria-hidden="true">↕</div>
  <span class="visually-hidden">Drag to reorder row</span>
</a>

@media (forced-colors: active) {
  .tabledrag-handle .handle {
    background: none !important; /* Removes background image or mask */
    color: ButtonText !important; /* Uses system text color */
    border: 1px solid ButtonText;
    padding: 2px 4px;
    font-size: 1em;
    display: inline-block;
  }

  .tabledrag-handle {
    cursor: row-resize !important;
  }
}