<div dir="ltr">Hey Jonathan, <div><br></div><div>You bring up a good point. This concern is not only related to just the icons but across components too. Older versions and the current version of PatternFly has addressed accessibility in a limited way. For example, we have addressed contrast ratios [1] however have not used aria tags. We recognize the importance of accessibility though and this has been a topic for the PatternFly roadmap moving forward. Look for more to come on this topic. We will be releasing a blog shortly on the topic of future PatternFly releases. </div><div><br></div><div>Best, </div><div>Leslie</div><div><br></div><div><br></div><div>[1] <a href="http://www.patternfly.org/styles/color-palette/#_">http://www.patternfly.org/styles/color-palette/#_</a></div><div><br></div><div><br><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Dec 1, 2016 at 6:14 PM, Jonathan Yu <span dir="ltr"><<a href="mailto:jawnsy@redhat.com" target="_blank">jawnsy@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div dir="ltr"><div><div><div><div>Hey experts,<br><br></div>In many of our examples [0], we use PatternFly icons with the simple form:<br><br><span style="font-family:monospace,monospace"><span class="pficon pficon-close"></span></span><br><br></div>Reading the Bootstrap documentation[1] today, I noticed that it suggests using <span style="font-family:monospace,monospace">aria-hidden="true"</span> to prevent screen readers from trying to speak out the Unicode.  Should we update our examples to do the same?  Or do the PatternFly icons achieve accessibility in some other way?<br><br></div>Cheers,<br><br></div>Jonathan<br><div><div><div><div><br>[0] <a href="http://www.patternfly.org/pattern-library/communication/inline-notifications/#/api" target="_blank">http://www.patternfly.org/<wbr>pattern-library/communication/<wbr>inline-notifications/#/api</a><br>[1] <a href="http://getbootstrap.com/components/#glyphicons-how-to-use" target="_blank">http://getbootstrap.com/<wbr>components/#glyphicons-how-to-<wbr>use</a><span class="gmail-HOEnZb"><font color="#888888"><br clear="all"><div><div><br>-- <br><div class="gmail-m_2534126535982329847gmail_signature"><div dir="ltr"><div style="color:rgb(68,68,68);font-family:arial,"helvetica neue",helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px"><span><span>Jonathan</span><span> </span><span>Yu</span><span> </span></span>/<span> </span><span>Software Engineer</span>,<span> </span><span>OpenShift</span><span> </span>by<span> </span><span>Red Hat</span><span> </span>/<span> </span><a style="color:rgb(49,175,89);text-decoration:none" href="https://twitter.com/jawnsy" target="_blank">Follow me on Twitter @jawnsy</a></div><br style="color:rgb(68,68,68);font-family:arial,"helvetica neue",helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px"><i style="color:rgb(68,68,68);font-family:arial,"helvetica neue",helvetica,sans-serif;font-size:12px;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px">“Restlessness is discontent — and discontent is the first necessity of progress. Show me a thoroughly satisfied man — and I will show you a failure.”</i><span style="color:rgb(68,68,68);font-family:arial,"helvetica neue",helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;display:inline;float:none"><span> </span>— Thomas Edison</span></div></div>
</div></div></font></span></div></div></div></div></div>
<br>______________________________<wbr>_________________<br>
Patternfly mailing list<br>
<a href="mailto:Patternfly@redhat.com">Patternfly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/<wbr>mailman/listinfo/patternfly</a><br>
<br></blockquote></div><br></div></div></div>