Ticket #43532: 43532.2.diff

src/wp-admin/css/revisions.css

@@ -220 +220 @@
         font-family: Consolas, Monaco, monospace;
         font-size: 14px;
         line-height: 1.618;
-        padding: .5em;
+        padding: .5em .5em .5em 2em;
         vertical-align: top;
         word-wrap: break-word;
 }
@@ -240 +240 @@
 }
 
 table.diff .diff-deletedline {
+        position: relative;
         background-color: #ffe9e9;
 }
 
+table.diff .diff-deletedline .dashicons {
+        position: absolute;
+        top: .8em;
+        left: .25em;
+        font-size: 1em;
+}
+
 table.diff .diff-deletedline del {
         background-color: #faa;
 }
 
 table.diff .diff-addedline {
+        position: relative;
         background-color: #e9ffe9;
 }
 
+table.diff .diff-addedline .dashicons {
+        position: absolute;
+        top: .8em;
+        left: .25em;
+        font-size: 1em;
+}
+
 table.diff .diff-addedline ins {
         background-color: #afa;
 }

src/wp-includes/class-wp-text-diff-renderer-table.php

@@ -97 +97 @@
          * @return string
          */
         public function addedLine( $line ) {
-                return "<td class='diff-addedline'>{$line}</td>";
+                return "<td class='diff-addedline'><span aria-hidden='true' class='dashicons dashicons-plus'></span><span class='screen-reader-text'>" . __( 'Added:' ) . " </span>{$line}</td>";
 
         }
 
@@ -108 +108 @@
          * @return string
          */
         public function deletedLine( $line ) {
-                return "<td class='diff-deletedline'>{$line}</td>";
+                return "<td class='diff-deletedline'><span aria-hidden='true' class='dashicons dashicons-minus'></span><span class='screen-reader-text'>" . __( 'Deleted:' ) . " </span>{$line}</td>";
         }
 
         /**
@@ -118 +118 @@
          * @return string
          */
         public function contextLine( $line ) {
-                return "<td class='diff-context'>{$line}</td>";
+                return "<td class='diff-context'><span class='screen-reader-text'>" . __( 'Unchanged:' ) . " </span>{$line}</td>";
         }
 
         /**