aboutsummaryrefslogtreecommitdiffstats
path: root/library/font_awesome/src/accessibility.html
diff options
context:
space:
mode:
authorredmatrix <git@macgirvin.com>2016-04-30 15:02:45 -0700
committerredmatrix <git@macgirvin.com>2016-04-30 15:02:45 -0700
commit84d93cca6e2ac0b552a6f5c570fbcfce766200a1 (patch)
treea8a9c46ee6f70dd4b8824499a49b1e39e2980dc6 /library/font_awesome/src/accessibility.html
parent45512e6aba602604143e946cca49c363ae88aa1e (diff)
parent9446d0cbb463af6a256efebf97e10618469f1193 (diff)
downloadvolse-hubzilla-84d93cca6e2ac0b552a6f5c570fbcfce766200a1.tar.gz
volse-hubzilla-84d93cca6e2ac0b552a6f5c570fbcfce766200a1.tar.bz2
volse-hubzilla-84d93cca6e2ac0b552a6f5c570fbcfce766200a1.zip
Merge branch 'dev' of https://github.com/redmatrix/hubzilla into dev_merge
Diffstat (limited to 'library/font_awesome/src/accessibility.html')
-rw-r--r--library/font_awesome/src/accessibility.html28
1 files changed, 28 insertions, 0 deletions
diff --git a/library/font_awesome/src/accessibility.html b/library/font_awesome/src/accessibility.html
new file mode 100644
index 000000000..3968e99df
--- /dev/null
+++ b/library/font_awesome/src/accessibility.html
@@ -0,0 +1,28 @@
+---
+layout: base
+title: Font Awesome & Accessibility
+navbar_active: 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 %}
+{% 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>
+
+ <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 %}
+
+ {% include accessibility/background.html %}
+ {% include accessibility/using-with-accessibility.html %}
+ {% include accessibility/other.html %}
+</div>