diff options
Diffstat (limited to 'library/font_awesome/src/accessibility.html')
| -rw-r--r-- | library/font_awesome/src/accessibility.html | 35 |
1 files changed, 23 insertions, 12 deletions
diff --git a/library/font_awesome/src/accessibility.html b/library/font_awesome/src/accessibility.html index 3968e99df..f201921ab 100644 --- a/library/font_awesome/src/accessibility.html +++ b/library/font_awesome/src/accessibility.html @@ -2,27 +2,38 @@ layout: base title: Font Awesome & Accessibility navbar_active: accessibility +view_class: v-accessibility relative_path: ../ --- {% capture jumbotron_h1 %}<i class="fa fa-universal-access" aria-hidden="true"></i> Accessibility{% endcapture %} {% capture jumbotron_p %}Make your icons awesome for all of your users{% endcapture %} {% include jumbotron.html %} -{% include stripe-social.html %} <div class="container"> - {% capture stripe_ad_content %} - <p class="lead"> - Icons are symbols that can convey a ton of information and really help people comprehend directions, signs, and interfaces. Its important that we create and use them so that they can reach the largest amount of people possible. - </p> + <section id="accessibility-intro" class="accessibility-intro"> + <div class="row"> + <div class="col-md-6"> + <p class="lead"> + Icons are symbols that can convey a ton of information and really help people comprehend directions, signs, and interfaces. It's important that we create and use them so that they can reach the largest amount of people possible. + </p> + </div> + <div class="col-md-6"> + {% include accessibility/background.html %} + </div> + </div> + </section> - <p class="lead"> - When creating web sites and apps, that means making sure our icons play well with assistive tech when users are navigating apps and sites. - </p> - {% endcapture %} - {% include stripe-ad.html %} + <h2 class="page-header"> + Using Font Awesome with Acessibility in mind + </h2> - {% include accessibility/background.html %} - {% include accessibility/using-with-accessibility.html %} + {% include accessibility/accessibility-facdn.html %} + + <div class="hr margin-top-xl"> + <span class="hr-text text-xl text-muted">or</span> + </div> + + {% include accessibility/accessibility-manual.html %} {% include accessibility/other.html %} </div> |