aboutsummaryrefslogtreecommitdiffstats
path: root/library/font_awesome/src/_includes/examples/accessible.html
diff options
context:
space:
mode:
Diffstat (limited to 'library/font_awesome/src/_includes/examples/accessible.html')
-rw-r--r--library/font_awesome/src/_includes/examples/accessible.html40
1 files changed, 16 insertions, 24 deletions
diff --git a/library/font_awesome/src/_includes/examples/accessible.html b/library/font_awesome/src/_includes/examples/accessible.html
index 2f51aed9c..0360a4621 100644
--- a/library/font_awesome/src/_includes/examples/accessible.html
+++ b/library/font_awesome/src/_includes/examples/accessible.html
@@ -5,19 +5,16 @@
<div class="row">
<div class="col-md-3 col-sm-4">
<p>
- <a class="btn btn-default" href="path/to/settings">
- <i class="fa fa-cog" title="Settings" aria-hidden="true"></i>
- <span class="sr-only">Settings</span>
+ <a class="btn btn-default" href="path/to/settings" aria-label="Settings">
+ <i class="fa fa-cog" aria-hidden="true"></i>
</a>
- <a class="btn btn-danger" href="path/to/settings">
- <i class="fa fa-trash-o" title="Delete" aria-hidden="true"></i>
- <span class="sr-only">Delete</span>
+ <a class="btn btn-danger" href="path/to/settings" aria-label="Delete">
+ <i class="fa fa-trash-o" aria-hidden="true"></i>
</a>
- <a class="btn btn-primary" href="#navigation-main">
- <i class="fa fa-bars" aria-hidden="true" title="Skip to main navigation"></i>
- <span class="sr-only">Skip to main navigation</span>
+ <a class="btn btn-primary" href="#navigation-main" aria-label="Skip to main navigation">
+ <i class="fa fa-bars" aria-hidden="true"></i>
</a>
</p>
@@ -41,9 +38,8 @@
</p>
<p>
- <a href="path/to/shopping/cart" class="btn btn-primary">
- <i class="fa fa-shopping-cart" title="View 3 items in your shopping cart" aria-hidden="true"></i>
- <span class="sr-only">View 3 items in your shopping cart</span>
+ <a href="path/to/shopping/cart" class="btn btn-primary" aria-label="View 3 items in your shopping cart">
+ <i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>
</p>
@@ -58,19 +54,16 @@
</p>
{% highlight html %}
-<a class="btn btn-default" href="path/to/settings">
- <i class="fa fa-cog" title="Settings" aria-hidden="true"></i>
- <span class="sr-only">Settings</span>
+<a class="btn btn-default" href="path/to/settings" aria-label="Settings">
+ <i class="fa fa-cog" aria-hidden="true"></i>
</a>
-<a class="btn btn-danger" href="path/to/settings">
- <i class="fa fa-trash-o" title="Delete" aria-hidden="true"></i>
- <span class="sr-only">Delete</span>
+<a class="btn btn-danger" href="path/to/settings" aria-label="Delete">
+ <i class="fa fa-trash-o" aria-hidden="true"></i>
</a>
-<a class="btn btn-primary" href="#navigation-main">
- <i class="fa fa-bars" aria-hidden="true" title="Skip to main navigation"></i>
- <span class="sr-only">Skip to main navigation</span>
+<a class="btn btn-primary" href="#navigation-main" aria-label="Skip to main navigation">
+ <i class="fa fa-bars" aria-hidden="true"></i>
</a>
{% endhighlight %}
@@ -94,9 +87,8 @@
{% endhighlight %}
{% highlight html %}
-<a href="path/to/shopping/cart" class="btn btn-primary">
- <i class="fa fa-shopping-cart" title="View 3 items in your shopping cart" aria-hidden="true"></i>
- <span class="sr-only">View 3 items in your shopping cart</span>
+<a href="path/to/shopping/cart" class="btn btn-primary" aria-label="View 3 items in your shopping cart">
+ <i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>
{% endhighlight %}