youronlyone,
@youronlyone@c.im avatar

“Death To Icon Fonts” (2015)

https://www.youtube.com/watch?v=9xXBYcWgCHA

What's your opinion as a #WebDev today?

Did you find a way to address the issues presented while keeping #IconFonts?

Basically:

  1. When our friends with #Dyslexia overrides your fonts, font icons turn into black boxes since the font they're using doesn't have support for those Unicode code blocks.

  2. When screenreaders, or voice assistance, reads a site with icon fonts, they read the icon fonts really weird.

For No.2, a site with properly marked aria labels, or marked as hidden for assistive tech, is the solution I can think of.

However, for No.1, I can't think of a way since once the browser forces the user font, all fonts on the site will rely on the user's custom font.

The only other way I can think of is to provide an option to switch the site's font right from the website, so they don't have to override the site's font.

What's your solution?

#WebDeveloper #WebDevelopers #Coder #Programmer #Webmaster #A11Y #accessibility #assistive #Fonts

gnomicutterance,
@gnomicutterance@hachyderm.io avatar

@youronlyone Icon fonts also suck for voice accessibility, since they're unlabelled icons, and I don't know how to speak their accessible name.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • webdev
  • kavyap
  • ngwrru68w68
  • tacticalgear
  • DreamBathrooms
  • mdbf
  • magazineikmin
  • thenastyranch
  • Youngstown
  • Durango
  • slotface
  • everett
  • vwfavf
  • rosin
  • anitta
  • Leos
  • khanakhh
  • GTA5RPClips
  • cisconetworking
  • InstantRegret
  • ethstaker
  • osvaldo12
  • tester
  • provamag3
  • modclub
  • cubers
  • normalnudes
  • megavids
  • JUstTest
  • All magazines