PROFESSIONALLY OPTIMIZED WEBSITES STARTING AT $995
Our team of SEO Web Design gurus are standing by to assist you achieve your online marketing goals.

+1-971-599-3330

REQUEST QUOTE
SEO Web Design, LLC aims to improve business by delivering effective solutions based on innovative technologies and professional designs. Discover the variety of services we offer and convince yourself on the basis of the latest works that we've done. We love building fresh, unique and usable websites optimized specifically for your niche.

Responsive Web Design

SEO / SEM / Social Media

Conversion Rate Optimization

Email Marketing

Online Presence Analysis

Web Hosting
Top
SEO Web Design, LLC / Web Design  / Five 5-minute Videos from Ethan on Design & Accessibility

Five 5-minute Videos from Ethan on Design & Accessibility

This is a piece of writing[1] that was posted on .

A small work announcement: over the last month or so, I’ve been working with Aquent Gymnasium[2] to produce a series of five short tutorial videos, which have been launching over the course of this past week. Since the last video just went live, I’m thrilled to share the whole list with you:

  1. Introduction to using VoiceOver on macOS[3]
  2. Designing beautiful focus states[4]
  3. Flexible and accessible typesetting[5]
  4. Responsively designing with viewport units[6]
  5. Designing beautiful and accessible drop caps[7]

From browsing the titles, you can probably tell there’s a theme of accessibility running throughout all five videos. Whether it’s introducing folks to their first screen reader, or communicating the importance of moving away from pixels for font sizing, my goal for each tutorial was to give the viewer one thing to consider when it comes to making the web beautiful for a broader, more inclusive group of people. My hope is that these videos help the idea of accessible design feel…well, more accessible to more people.

I said earlier that these were short videos, and I meant it! Gymnasium calls these “Take 5” videos[8] because they’re five minutes long—or less. And wow, that was a really fun, challenging constraint. When you’re trying to show someone how to use VoiceOver on a Mac[9] for the first time, what parts do you focus on? And just as importantly, what do you leave out? I think we struck the right balance in each one, but if you—or a friend!—check out any of these videos, I’d love to hear your thoughts[10].

I’d like to close by thanking Jeremy Osborn[11], who’s the academic director over at Aquent Gymnasium. I first met Jeremy ages ago, when he was the director of the impressive web design program[12] at Boston University’s Center for Digital Imaging Arts[13]. Ever since then, we’d been trying to find a project to collaborate on, and I’m so happy that we’ve finally found one. Working alongside Jeremy on these videos was such a treat, and I’m looking forward to the next thing we’ll work on together.

I’m currently available for hire. Here’s some of the work I’ve done[14]. If you’d like to talk to me about your upcoming project, feel free to get in touch[15].

References

  1. ^ writing (ethanmarcotte.com)
  2. ^ Aquent Gymnasium (www.thegymnasium.com)
  3. ^ Introduction to using VoiceOver on macOS (thegymnasium.com)
  4. ^ Designing beautiful focus states (thegymnasium.com)
  5. ^ Flexible and accessible typesetting (thegymnasium.com)
  6. ^ Responsively designing with viewport units (thegymnasium.com)
  7. ^ Designing beautiful and accessible drop caps (thegymnasium.com)
  8. ^ “Take 5” videos (www.thegymnasium.com)
  9. ^ VoiceOver on a Mac (www.apple.com)
  10. ^ hear your thoughts (ethanmarcotte.com)
  11. ^ Jeremy Osborn (www.jeremyosborn.com)
  12. ^ impressive web design program (vault.simplebits.com)
  13. ^ Boston University’s Center for Digital Imaging Arts (en.wikipedia.org)
  14. ^ the work I’ve done (ethanmarcotte.com)
  15. ^ get in touch (ethanmarcotte.com)

Powered by WPeMatico

[email protected]

CSS-Tricks.com offers daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

No Comments

Sorry, the comment form is closed at this time.