Replace icon fonts with SVG images #100
Labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference: projects/fipamo#100
Loading…
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Pages: all pages tested, specifically noticable in the nabvar
The use of icon fonts can lead to accessibility issues when people load custom web fonts for readability, such as OpenDyslexic.
This could be solved by replacing the icons with SVG images.
Fig 1. icons missing on the dashboard page
Fig 2. under “options” the SVG icons are still visible while the toolbar icons, which use an icon font, are replaced due to the user loading a replacement font
Some additional background from Heydon’s book “Inclusive Design Patterns”:
Ah, I didn't even think about the custom fonts issue.
I use custom fonts for icons pretty extensively through out the site, but we'll change them to SVG so it doesn't bork out when people make changes for the sake of their needs.
Nice catch.
icon fonts have been removed and replaced with SVGs