updating a11y doc; fixing cheatsheet glyphs

This commit is contained in:
Brian Talbot 2016-04-14 13:49:33 -04:00
parent f4e517046b
commit 84ca422d5a
7 changed files with 728 additions and 8768 deletions

View File

@ -25,7 +25,7 @@ build:
bundle exec lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN} bundle exec lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
# sass ${FA_SCSS_MODERN} ${FA_CSS_MODERN} # sass ${FA_SCSS_MODERN} ${FA_CSS_MODERN}
bundle exec lessc --yui-compress ${SITE_LESS} > ${SITE_CSS} bundle exec lessc --compress ${SITE_LESS} > ${SITE_CSS}
cp -r ${FA_ROOT_DIRECTORY}/* ../ cp -r ${FA_ROOT_DIRECTORY}/* ../
mv README.md-nobuild ../README.md mv README.md-nobuild ../README.md
cd assets && mv font-awesome font-awesome-4.6.1 && zip -r9 font-awesome-4.6.1.zip font-awesome-4.6.1 && mv font-awesome-4.6.1 font-awesome cd assets && mv font-awesome font-awesome-4.6.1 && zip -r9 font-awesome-4.6.1.zip font-awesome-4.6.1 && mv font-awesome-4.6.1 font-awesome

View File

@ -375,13 +375,14 @@
<div id="other"> <div id="other">
<h2 class="page-header">Other cases and information</h2> <h2 class="page-header">Other cases and information</h2>
<p> <p>
While the scenarios and techniques above help avoid some serious issues and confusion, they are not exhaustive. There are many complex contexts and use cases when it comes to accessibility, such as users with low vision using high contrast mode to better see UI. There are some great tools and resources to learn from and work on these issues out there. Here are a few reads we recommend. While the scenarios and techniques above help avoid some serious issues and confusion, they are not exhaustive. There are many complex contexts and use cases when it comes to accessibility, such as users with low vision who need a high color contrast ratio to see UI. There are some great tools and resources to learn from and work on these issues out there. Here are a few reads we recommend.
</p> </p>
<ul> <ul>
<li><a href="https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html">https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html</a></li> <li><a href="https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html">https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html</a></li>
<li><a href="https://css-tricks.com/html-for-icon-font-usage/">https://css-tricks.com/html-for-icon-font-usage/</a></li> <li><a href="https://css-tricks.com/html-for-icon-font-usage/">https://css-tricks.com/html-for-icon-font-usage/</a></li>
<li><a href="http://www.sitepoint.com/icon-fonts-vs-svg-debate/">http://www.sitepoint.com/icon-fonts-vs-svg-debate/</a></li> <li><a href="http://www.sitepoint.com/icon-fonts-vs-svg-debate/">http://www.sitepoint.com/icon-fonts-vs-svg-debate/</a></li>
<li><a href="http://leaverou.github.io/contrast-ratio">http://leaverou.github.io/contrast-ratio/</a></li>
</ul> </ul>
<p> <p>

File diff suppressed because one or more lines are too long

Binary file not shown.

View File

@ -61,7 +61,7 @@
} }
.fa-border { .fa-border {
padding: .2em .25em .15em; padding: .2em .25em .15em;
border: solid 0.08em #eeeeee; border: solid 0.08em #eee;
border-radius: .1em; border-radius: .1em;
} }
.fa-pull-left { .fa-pull-left {
@ -176,7 +176,7 @@
font-size: 2em; font-size: 2em;
} }
.fa-inverse { .fa-inverse {
color: #ffffff; color: #fff;
} }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */ readers do not read off random characters that represent icons */

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff