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