Accessible Smart SVGs �for the Digitally-Inclusive Age
Heather S. Neff, Founder & CEO Equivalent Design
Caroline Desrosiers, Founder & CEO Scribely
Heather S. Neff
Heather Neff is the Founder and CEO of Equivalent Design, the leading global graphics technology firm for advancing disability inclusion and digital sustainability.
Heather has over 20 years of experience as a graphic and user experience designer. She is currently publishing an accessible graphic design book, “Equity Through Graphics”. She has motor and vision disabilities, which makes her passionate about designing responsive and accessible graphical user experiences.
Heather S. Neff (she/her)�
UX Imagery
Imagery can be a powerful tool, used to influence perception and user experience. Successful imagery communicates product appeal while increasing sales and customer satisfaction.
Unsuccessful imagery, or imagery that is not accessible, has a negative overall impact on user experience.
At Equivalent Design we are revolutionizing imagery �by designing accessible Smart SVG graphics. They are personalized and interactive, making brands more inclusive and memorable.��
“An accessible design is one that every user can �adapt to their personal ability, experience, perception, understanding, and technological requirements.”�
— Association of Registered Graphic Designers
Smart SVG Demo
Smart SVGs are a single dynamic file which �are on average under 10 kb, and contain various layouts and responsive behaviors.
To see our technology in action watch �our two minute Technology Demo.
Smart SVGs
While regular SVG files are scalable, Smart SVGs are accessible, customizable, responsive, and sustainable graphics that change �in size, layout, and even color.
Screen Reader UX
Smart SVGs can be designed �for the ultimate user experience.
Browser Media Queries
Smart SVGs respond to the Operating System settings, matching each user’s personalized preferences.
Contrast Themes
Windows PC users can choose high or low-contrast color schemes, or any combination they prefer. Contrast themes force selected colors across the entire OS, including all browsers. It also removes all background images.
W3C�Contrast�Theme
Could be improved using �Smart SVG technology.
Equivalent
Design
Contrast
Theme
Looks excellent using �Smart SVG Technology.
Dark Mode
A Dark Theme allows your site to offer a Dark Mode experience. This enables a more accessible user experience �for those with and without disabilities.
Dark mode is currently trending. Google has reported that 30% of all Chrome users (on both desktop and smartphone) use dark mode.
Dark Mode Stats
Our vector graphics can save up to 95% of total file size compared to pixel based images.�
average savings on energy consumption
more battery life on OLED mobile devices
of users �prefer dark mode
Reader Mode
A browser feature that strips away clutter like buttons, �ads, background images, and videos while also letting �users customize the layout and theme to fit their �reading preferences.
Accessible Animation
You can also create amazing Flash like interface components. However, continuously animated interfaces can cause health problems for many people.
Smart SVGs avoid these issues:
Smart SVG Favicon
Smart SVG Favicons will respond to dark mode, �light mode and contrast themes. This helps the �brand stay visible within the browser.
Tiny File Size
Image and are the single largest contributors to page load times. The more images you use and the larger those image files, the more data that needs to be transferred and the more energy is used.
Benefits of Smart SVGs
By adopting Smart SVG Technology by Equivalent Design and offering a dark theme, companies and organization will:
“When designers know how to work with imagery, �they are better able to manipulate the emotional reactions of an audience. Product designs can rise �or fall on the quality of their user experience images — which is why it’s vital to get it right.”�
— Rian Dutra
Heather S. Neff, Founder
+1 (828) 575-7731�Confidential and Proprietary. © Equivalent Design. All Rights Reserved.