[wp-meta] [Making WordPress.org] #6305: Inaccessible icons on HelpHub (and Support Forums)

Making WordPress.org noreply at wordpress.org
Fri May 6 20:57:34 UTC 2022

#6305: Inaccessible icons on HelpHub (and Support Forums)
 Reporter:  sabernhardt   |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:
Component:  HelpHub       |  Resolution:
 Keywords:                |

Comment (by sabernhardt):

 styles] should have a text color without the reduced opacity. `#8d969f`
 has a 3:1 contrast ratio against white, and a darker option would be fine.

                 .dashicons {
                         font-size: ms(16);
                         color: #8d969f;
                         width: auto;
                         height: auto;

 If grouping the icon and heading within the link, the `.icon-wrapper`
 element can be a `div` or a `span`:

 <div class="info-box">
         <a href="https://wordpress.org/support/category/getting-started/">
                 <span class="icon-wrapper">
                         <span class="dashicons dashicons-wordpress" aria-
                 <h3>Getting Started</h3>

Ticket URL: <https://meta.trac.wordpress.org/ticket/6305#comment:1>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org

More information about the wp-meta mailing list