WCAG/1.1.1: Add example for screen reader muted icon

refs #8360
2015-02-04 16:40:33 +01:00 · 2015-02-04 16:40:33 +01:00 · 04357d21b6
parent cef9a5c1a2
commit 04357d21b6
1 changed files with 21 additions and 0 deletions
--- a/doc/accessibility/ifont-mute.html
+++ b/doc/accessibility/ifont-mute.html
@ -0,0 +1,21 @@
+<!doctype html>
+<html class="no-js" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Accessibility: Muted Icon Fonts</title>
+    <meta name="description" content="Accessible icon fonts">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type="text/css">
+        .icon-star:before {
+            content: "★";
+        }
+    </style>
+</head>
+<body>
+<a href="#">
+    <i aria-hidden="true" class="icon-star"></i>
+    Visit top rated article
+</a>
+</body>
+</html>