Interview: Amelia Bellamy-Royds
Released: Jul 20, 2015
Interview with Amelia Bellamy-Royds. Amelia is a professional freelance writer specializing in scientific and technical communication. She’s the coauthor of the SVG Essentials 2nd Edition book, an “invited expert” on the W3C’s SVG working group, involved in the SVG Accessibility Task Force, and has extensive experience using SVG for data visualizations. With a masters degree in journalism, Amelia is an amazing technical writer.
Show Links
She recommended to following two places to see what she’s up to:
http://codepen.io/AmeliaBR/
https://twitter.com/AmeliasBrain
The Books:
SVG Essentials, 2nd Edition:
http://shop.oreilly.com/product/0636920032335.do
Using SVG with HTML5 and CSS3 (to be published in early 2016, maybe a pre-release ebook in fall 2015):
http://shop.oreilly.com/product/0636920037972.do
SVG Colors, Patterns, & Gradients (no link yet, will be available early fall 2015)
SVG Text Layout (no link yet, should be available late fall 2015)
Responsive SVG:
"How to Scale SVG" on CSS-Tricks:
https://css-tricks.com/scale-svg/
CodePen Collection of Examples for that blog:
http://codepen.io/collection/neJJpB
"Scaling Up (and Down) SVG", notes for a talk on SVG on responsive web design:
https://github.com/AmeliaBR/responsive-svg-notes
CodePen Collection of Examples for that talk:
http://codepen.io/collection/njbPRv/
The talk slides also have links to other people's articles, you might want to list them separately
Accessible SVG:
Email archive for the SVG Accessibility Task Force:
https://lists.w3.org/Archives/Public/public-svg-a11y/
The task force's brainstorming wiki:
https://www.w3.org/wiki/SVG_Accessibility
Summary of key accessibility features that will be in SVG 2, and links to related specifications:
https://svgwg.org/svg2-draft/access.html
"Future Web Accessibility: SVG" by Aaron Andersen on the Web AIM blog. A little out of date (from 2010), but it explains the main problems with SVG accessibility not working as well as it was intended.
http://webaim.org/blog/future-web-accessibility-svg/
"Using ARIA to enhance SVG accessibility", a December 2013 post by Léonie Watson of The Paciello Group (who is also on the task force, and who cares a lot about this as a full-time screen reader user herself). The article includes hard data on what works and what doesn't. The situation might have improved somewhat in the past year and a half, but the recommendations are still probably pretty solid.Doug Schepers' talk on Invisible Visualizations (
http://schepers.cc/invisible-visualization) and blog post on the "Current State of Authoring Accessible SVG" as of September 2013 (
http://schepers.cc/authoring-accessible-svg)
http://www.paciellogroup.com/blog/2013/12/using-aria-enhance-svg-accessibility/
Léonie Watson’s–Tips for Creating Accessible SVG
http://www.sitepoint.com/tips-accessible-svg/
SVG 2 development:
Links to most of the specs in development under the SVG Working Group (note, some are not being worked on currently):
https://svgwg.org/
Links to the latest drafts of the CSS/SVG Effects task force (which now handles filters, masking, etc):
http://www.w3.org/Graphics/fx/wiki/Main_Page
The SVG email archive if you want to get involved in the discussion:
https://lists.w3.org/Archives/Public/www-svg/
Also, we referenced Transforms on SVG Elements–Ana Tudor
https://css-tricks.com/transforms-on-svg-elements/
Music Attributions:
Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/
frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti)
notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/