diff options
Diffstat (limited to 'library/font_awesome/src/_includes/examples/accessible.html')
| -rw-r--r-- | library/font_awesome/src/_includes/examples/accessible.html | 40 |
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 %} |