mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2025-03-13 04:44:38 +08:00
9496b600a8
* adding accessibility informational page * adding in accessibility-minded examples * adding accessibility practices to icon markup example * updating doc site icons with accessibility best practices * updating homepage with accessibility information Fix #6133
16 lines
675 B
HTML
16 lines
675 B
HTML
<div id="background">
|
|
<h2 class="page-header">Icon Fonts & Accessibility</h2>
|
|
<p>
|
|
Modern versions of assistive technology, like screen readers, will read CSS generated content (how Font Awesome icons are rendered), as well as specific Unicode characters. When trying our default markup for rendering icons, assisistive technology may have the following problems.
|
|
</p>
|
|
|
|
<ul>
|
|
<li>
|
|
The assistive technology may not find any content to read out to a user
|
|
</li>
|
|
<li>
|
|
The assistive technolog may read the unicode equivalent which could not match up to what the icon means in context or worse is just plain confusing
|
|
</li>
|
|
</ul>
|
|
</div>
|