diff options
Diffstat (limited to 'library/font_awesome/src/_includes/accessibility/accessibility-facdn.html')
| -rw-r--r-- | library/font_awesome/src/_includes/accessibility/accessibility-facdn.html | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/library/font_awesome/src/_includes/accessibility/accessibility-facdn.html b/library/font_awesome/src/_includes/accessibility/accessibility-facdn.html new file mode 100644 index 000000000..624e0fcec --- /dev/null +++ b/library/font_awesome/src/_includes/accessibility/accessibility-facdn.html @@ -0,0 +1,21 @@ +<section id="accessibility-cdn" class="accessibility-cdn"> + <div class="row"> + <div class="col-md-8"> + <h3> + <i class="gg-col fa fa-magic text-muted fa-lg padding-right" aria-hidden="true"></i> + Use Font Awesome CDN's auto accessibility + </h3> + + <p><a href="{{ page.relative_path }}get-started/#get-started-cdn">Font Awesome CDN</a> helps you automate accessibility support more easily so your icons work for the most people possible. You only need turn on a setting, <a href="https://cdn.fontawesome.com/help#qa-autoa11y">use our simple syntax</a>, and any icons you use will have all of the best practices and manual techniques below <strong>applied automatically</strong>.</p> + </div> + + <div class="col-md-4"> + <a href="{{ page.relative_path }}get-started/#get-started-cdn" class="btn btn-success btn-block btn-lg margin-top-lg margin-bottom">Automate Your Icons' Accessibility</a> + + <p class="text-sm text-center margin-bottom-none"> + <a href="https://cdn.fontawesome.com/help#qa-autoa11y">Read more about our auto accessibility</a> + </p> + </div> + </div> + +</section> |