WCAG/1.1.1: Add example for accessible icon fonts

refs #8358
This commit is contained in:
Eric Lippmann 2015-02-04 16:15:14 +01:00
parent a8e0b7effc
commit cef9a5c1a2
1 changed files with 31 additions and 0 deletions

View File

@ -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>