summary refs log tree commit diff
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>