[wp-trac] [WordPress Trac] #48533: TwentyTwenty: Skiplink, author by-line, post date intro text, and comments link reading as one word instead of several while using a screen reader

[WordPress Trac]

#48533: TwentyTwenty: Skiplink, author by-line, post date intro text, and comments
link reading as one word instead of several while using a screen reader
---------------------------+----------------------------
 Reporter:  arush          |       Owner:  williampatton
     Type:  defect (bug)   |      Status:  accepted
 Priority:  normal         |   Milestone:  5.3
Component:  Bundled Theme  |     Version:  trunk
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  accessibility
---------------------------+----------------------------

Comment (by williampatton):

 The CSS that is in use for the theme is this:

 {{{
 .screen-reader-text {
         border: 0;
         clip: rect(1px, 1px, 1px, 1px);
         -webkit-clip-path: inset(50%);
         clip-path: inset(50%);
         height: 1px;
         margin: -1px;
         overflow: hidden;
         padding: 0;
         position: absolute !important;
         width: 1px;
         word-wrap: normal !important;
 }

 .screen-reader-text:focus {
         background-color: #f1f1f1;
         border-radius: 3px;
         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
         clip: auto !important;
         -webkit-clip-path: none;
         clip-path: none;
         color: #21759b;
         display: block;
         font-size: 14px;
         font-size: 0.875rem;
         font-weight: 700;
         height: auto;
         right: 5px;
         line-height: normal;
         padding: 15px 23px 14px;
         text-decoration: none;
         top: 5px;
         width: auto;
         z-index: 100000;
 }
 }}}

 It comes from the page here originally but it seems there have been some
 adjustments: https://make.wordpress.org/accessibility/handbook/markup/the-
 css-class-screen-reader-text/

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/48533#comment:11>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform