WCAG/1.1.1: Fix example for accessible icon fonts to work with NVDA too
refs #8358
This commit is contained in:
parent
cd11cf3469
commit
97f5018247
|
@ -10,22 +10,9 @@
|
||||||
.icon-star:before {
|
.icon-star:before {
|
||||||
content: "★";
|
content: "★";
|
||||||
}
|
}
|
||||||
.sr-only {
|
|
||||||
border: 0;
|
|
||||||
clip: rect(0 0 0 0);
|
|
||||||
height: 1px;
|
|
||||||
margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 0;
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<span tabindex="0">
|
<i role="img" class="icon-star" aria-label="Top rated article" title="Top rated article"></i>
|
||||||
<i class="icon-star" aria-hidden="true"></i>
|
|
||||||
<span class="sr-only">Top rated article</span>
|
|
||||||
</span>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue