summaryrefslogtreecommitdiff
path: root/snippets/Fork-Awesome-1.2.0/src/doc/accessibility.html
diff options
context:
space:
mode:
Diffstat (limited to 'snippets/Fork-Awesome-1.2.0/src/doc/accessibility.html')
-rw-r--r--snippets/Fork-Awesome-1.2.0/src/doc/accessibility.html36
1 files changed, 36 insertions, 0 deletions
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/accessibility.html b/snippets/Fork-Awesome-1.2.0/src/doc/accessibility.html
new file mode 100644
index 0000000..74fdffc
--- /dev/null
+++ b/snippets/Fork-Awesome-1.2.0/src/doc/accessibility.html
@@ -0,0 +1,36 @@
+---
+layout: base
+title: Fork Awesome & Accessibility
+navbar_active: accessibility
+view_class: v-accessibility
+relative_path: ../
+---
+{% capture jumbotron_h1 %}<i class="fa fa-universal-access" aria-hidden="true"></i>&nbsp; Accessibility{% endcapture %}
+{% capture jumbotron_p %}Make your icons awesome for all of your users{% endcapture %}
+
+{% include jumbotron.html %}
+
+<div class="container">
+ <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>
+
+ <h2 class="page-header">
+ Using {{ site.forkawesome.name }} with Acessibility in mind
+ </h2>
+
+ {% include accessibility/accessibility-manual.html %}
+ {% include accessibility/other.html %}
+</div>