Things are going well in my attempt to create a modern website boilerplate.

Features:
- a11y / accessibility
- Semantic HTML (a11y)
- No FontIcons (a11y)
- IndieWeb
- Webmention
- Microformats
- Latest, widely supported CSS
- No code and practices from the old days. (Like a whole page of CSS resets and normalizations.)
- BEM methodology

Font Icons are bad for a11y (accessibility). Never ever use them again.

The best way is to use SVG icons.

You won't realise how bad a website, or mobile app, is when it comes to a11y until you, or a love one, needs it.

FontIcons are in the Top 5, if not the No.1, anti-a11y feature ever created.

People with Dyslexia find it hard to see font icons and make sense of it.

Screen readers don't skip font icons, they READ it. Imagine hearing something like, “unknown letter Facebook”. Screen readers don't read it as, “Facebook Icon, Facebook”.

Screen readers are used by a lot of people, for whatever reason. Yes, primarily by those with eye disability, but also by those who loves to do things by “voice”.

NoToDiscrimination Stop using Font Icons today!