From cef9a5c1a2e51f85d2b79c7ffe4a8cdc095cabd3 Mon Sep 17 00:00:00 2001
From: Eric Lippmann <eric.lippmann@netways.de>
Date: Wed, 4 Feb 2015 16:15:14 +0100
Subject: [PATCH] WCAG/1.1.1: Add example for accessible icon fonts

refs #8358
---
 doc/accessibility/ifont.html | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 doc/accessibility/ifont.html
diff --git a/doc/accessibility/ifont.html b/doc/accessibility/ifont.html
new file mode 100644
index 000000000..481cbff71
--- /dev/null
+++ b/doc/accessibility/ifont.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html class="no-js" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Accessibility: 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: "★";
+        }
+        .sr-only {
+            border: 0;
+            clip: rect(0 0 0 0);
+            height: 1px;
+            margin: -1px;
+            overflow: hidden;
+            padding: 0;
+            position: absolute;
+            width: 1px;
+        }
+    </style>
+</head>
+<body>
+<span tabindex="0">
+    <i class="icon-star" aria-hidden="true"></i>
+    <span class="sr-only">Top rated article</span>
+</span>
+</body>
+</html>
