Issue #3227431 by mherchel, kostyashupenko, andy-blum, Kristen Pol, andrewmacpherson, cindytwilliams, alexpott, mgifford, dww, shaal, rkoller: Tabledrag icon doesn't adapt to forced-colors mode

core/misc/tabledrag.es6.js

@@ -1704,7 +1704,7 @@
        */
       tableDragHandle() {
         return `<a href="#" title="${Drupal.t('Drag to re-order')}"
-        class="tabledrag-handle"><div class="handle">&nbsp;</div></a>`;
+        class="tabledrag-handle"><div class="handle"></div></a>`;
       },
     },
   );

core/misc/tabledrag.js

@@ -975,7 +975,7 @@
 
     tableDragHandle() {
       return `<a href="#" title="${Drupal.t('Drag to re-order')}"
-        class="tabledrag-handle"><div class="handle">&nbsp;</div></a>`;
+        class="tabledrag-handle"><div class="handle"></div></a>`;
     }
 
   });

core/modules/system/css/components/tabledrag.module.css

@@ -47,6 +47,21 @@ a.tabledrag-handle:hover .handle,
 a.tabledrag-handle:focus .handle {
   background-image: url(../../../../misc/icons/000000/move.svg);
 }
+
+@media (forced-colors: active) {
+  a.tabledrag-handle .handle,
+  a.tabledrag-handle:hover .handle,
+  a.tabledrag-handle:focus .handle {
+    background: linktext;
+    -webkit-mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
+    mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
+  }
+
+  a.tabledrag-handle:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 .touchevents .draggable td {
   padding: 0 10px;
 }