Ticket #43532: 43532.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;
 }
@@ -241 +241 @@
 
 table.diff .diff-deletedline {
         background-color: #ffe9e9;
+        position: relative;
+}
+
+table.diff .diff-deletedline:before {
+        position: absolute;
+        top: .5em;
+        left: .5em;
+        display: inline-block;
+        content: "\f460";
+        font-size: 1em;
+        font-weight: normal;
+        font-family: dashicons;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
 }
 
 table.diff .diff-deletedline del {
@@ -249 +263 @@
 
 table.diff .diff-addedline {
         background-color: #e9ffe9;
+        position: relative;
+}
+
+table.diff .diff-addedline:before {
+        position: absolute;
+        top: .5em;
+        left: .5em;
+        display: inline-block;
+        content: "\f132";
+        font-size: 1em;
+        font-weight: normal;
+        font-family: dashicons;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
 }
 
 table.diff .diff-addedline ins {

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 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 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>";
         }
 
         /**