accessibility-drives-aesthetics

Paying homage to OXO, Eames, GOV.UK, and more.

Alex Chen

Graphic of 4 accessibility icons in a row gradually increasing in contrast over a purple lilac background.

Graphic of 4 accessibility icons in a row gradually increasing in contrast over a purple lilac background.

Image descriptions are in the alt text.


There’s an article circulating that claims accessibility and aesthetics are at odds with each other, creating a paradox that forces us to compromise. Here’s why I find that belief completely and utterly false:

The article claims that if we are “too accessible,” we will meet the needs of the minority but end up hurting those of the majority. This creates a false equivalence between having legitimate access needs and having a preference for a certain aesthetic.

Let’s assume two people are looking at a poster to check for movie times. Person A can read it just fine, but Person B can’t read it at all. The words are too small and the colors are too faint to see. So Person B requests a new poster.

The movie theater takes the feedback into account and releases a new poster. Now, both people can read it. But Person A doesn’t think it looks nice.

These needs are simply not the same.

The majority-minority mentality itself is a harmful way to divide people. To provide an example of how this plays out in planning, the 80–20 rule suggests that we should focus development efforts on the majority use case that plays out 80% of the time.

Oftentimes, ableist people use this as an excuse to avoid designing for disabled people. That’s not what this rule is actually about. This rule is intended to focus on the most common user goals and scenarios. Take a pet supply online store, for example. If 80% of people want to buy pet food, we can de-prioritize the case where 20% of people want a treat tasting subscription service. But people should be able to buy pet food whether they are Blind, or Deaf, or have cerebral palsy, or have any kind of disability that requires accessibility.

Edge cases refer to scenarios, not humans.

The article constantly compares people with visual impairments to people with “normal vision.”

Normal is a lazy word. When people say someone is normal, they usually mean able-bodied. Or white. Or cisgender. Or male. Or heterosexual. Normal is an othering tool because it implies marginalized people are abnormal.

In an age where technology is constantly straining our eyes, breaking our posture, and forcing us into sedentary lifestyles, having access needs is normal. When nearly 13% Americans have a disability and nearly 75% use some sort of vision correction, disability is normal (disability source, vision source).

Rather than use the word normal, I find it’s helpful to use specific terms:

  • Blind vs. sighted
  • Deaf vs. hearing
  • Disabled vs. non-disabled
  • Disabled vs. able-bodied

Instead of acting as an inhibitor, accessibility is often a driving factor in aesthetics. You don’t need to sacrifice aesthetics in order to be accessible (and if you think the two concepts are polar opposites of each other, I don’t think you’re trying hard enough).

To prove it, here are some of my favorite examples of beautiful accessible design:

  • OXO Swivel
  • Eames leg splint
  • RX bar packaging
  • Prime Access Consulting
  • Gov.UK design system
  • Cash App

(None of these were paid product endorsements.)

OXO Swivel

Kitchen tools like potato peelers were notoriously difficult to use. Fashioned purely out of thin metal rods, they often hurt to hold, especially for people with arthritis.

(It’s worth noting that this was a health issue that disproportionately affected women, since they were often expected to carry out household labor without complaining.)

Comparison of the old metal peeler (not accessible, not aesthetic) with the new OXO grip peeler (accessible! aesthetic!)

Comparison of the old metal peeler (not accessible, not aesthetic) with the new OXO grip peeler (accessible! aesthetic!)

OXO released their Good Grips line in 1990, with the swivel peeler as their flagship product designed specifically for people with arthritis. It’s significantly easier to grip and has a charming, bold look. I personally love the contrast between the chunky black handle and the thin, metal peeler.


Eames leg splint

Disabled veterans were a major reason why accessibility became a top issue in post WWII America. Specifically, medics found the standard metal leg splint actually made injuries worse and needed a better solution, so they went to the Eames designers.

Comparison of the old metal leg splint (not accessible, not aesthetic) with the bent plywood splint (accessible! aesthetic!)

Comparison of the old metal leg splint (not accessible, not aesthetic) with the bent plywood splint (accessible! aesthetic!)

Charles and Ray Eames, arguably the two most famous industrial designers in history, were commissioned to design a light-weight, easily manufacturable leg splint for veterans. They created the splint using bent plywood (their most well-known medium of choice). I find this object really elegant and impressive to look at, and far more friendly than the metal version.


RX Bar packaging

Most packaged foods list the ingredients on the back in fine print, making it difficult and sometimes impossible to read.

(This poses a real issue to folks with allergies and specific dietary needs.)

Comparison of a Lays chips bag (not accessible, not aesthetic) with bold RX bar packaging (accessible! aesthetic!)

Comparison of a Lays chips bag (not accessible, not aesthetic) with bold RX bar packaging (accessible! aesthetic!)

RX Bar values transparency in their design by listing all the ingredients in big bold letters. This benefits people with low vision, and ultimately everyone who wants to take a closer look at the ingredients. I find the simplicity of this package design makes a beautiful, bold impact.


Prime Access Consulting and Purple Rock Scissors

Prime Access Consulting (PAC) is a consultancy that specializes in accessibility and inclusion. They do a lot of impressive work, especially for museums, which are historically inaccessible to Blind folks.

(When we think about visually accessible design it’s important to consider that Black and Indigenous people have higher rates of visual impairment, so this is as much a race issue as a disability issue. source)

PAC has created braille labels and audio recordings for Cooper Hewitt, a bold new website for the Field Museum and MCA Chicago with high contrast and large touch targets, and an image description management system called the Coyote Project.

Purple Rock Scissors is an independent strategic creative agency. They specialize in a holistic approach including UX design, content, business strategy, and agile tech.

Compare the Louvre’s site with that of the Field Museum’s, which Purple Rock Scissors redesigned while also consulting Sina, the founder of PAC.

The visual clutter on the Louvre’s site is distracting and makes it difficult to look for and focus on what you want to do. In comparison, the clean aesthetic of the Field Museum’s site — with big bold text, helpful visuals, and clear call to actions — is more accessible and better looking. Purple Rock Scissors has an awesome case study about this project.


GOV.UK Design System

Government agencies are required to meet rigorous accessibility standards (as they should, they serve the people). But I think anyone who has used a government institution’s website can relate to these sites being difficult to use. Often stuck in the 90’s, they typically have small font sizes, overly dense text, and are not responsive on mobile.

Compare, for example, the San Francisco Department of Public Health’s website with that of GOV.UK.

What a big difference. Not only was the SF website full of clutter but I swear it took about 10 seconds to fully load all the images (on my Google chrome browser). In comparison the GOV.UK site places all the essential information front and center and took about 1 second to load. I find their high contrast, simple writing, and clear status messages really supportive and highly aesthetic.

Related to the UK design system is Adam Silver’s website. Adam is currently a designer for the UK ministry and also writes a blog about creating accessible UI. His site is intentionally very clean, with large font sizes and clever use of white space. I think it creates a really pleasant look overall.

Adam Silver website screenshot

Adam Silver website screenshot


Cash App

I use Venmo, Paypal, Chase Pay, and Cash App to send money to people. In my experience, most of these apps have several distracting elements on the screen. Especially on Venmo and Chase Pay, I have to navigate through several options before I find what I need. (And Venmo keeps showing me other people’s transactions? Why?)

Comparison of the Venmo app(not accessible, not aesthetic) with the Cash app (aesthetic! sort of accessible)

Comparison of the Venmo app(not accessible, not aesthetic) with the Cash app (aesthetic! sort of accessible)

In my opinion, Cash App is the most intuitive. When you open it, you can immediately request or pay money without having to navigate to another page. Its simple interface creates a playful and minimalist look.

Update: Cash App is definitely aesthetic and almost accessible! The color contrast runs just shy of passing WCAG compliance. Here’s a comparison chart showing what the app would look like at AA large, AA, and AAA. Thanks to the very observant reader for that catch.

Comparison chart of Cash App: 1) original at 2.71, fail, 2) AA large pass at 3.05, 3) AA pass at 4.55, 4) AAA pass at 7.08

Comparison chart of Cash App: 1) original at 2.71, fail, 2) AA large pass at 3.05, 3) AA pass at 4.55, 4) AAA pass at 7.08


And many more

I shared some of the most notable examples of beautiful accessible design that come to mind, though I want to point out that there are many more examples out there that I didn’t mention.

If any come to mind that you want to share, comment or tweet at me @thetuttingtutor.

Of course disability rights is about disabled people.

It’s also about women. And race. And class. Every social issue is also a disability issue. This means accessibility is not just a matter of compliance, it’s a means of working toward restorative justice.

When we talk about accessibility, we have to talk about systemic barriers as well. It is completely legal for employers to pay disabled people below minimum wage (source). The state can take away benefits when they get married (source). The healthcare industry charges them exorbitant prices for medical care (see the price of insulin) and mobility aids (see the price of wheelchairs).

When we pit aesthetics and accessibility against each other, we are complacent in the systems that create barriers for disabled people. When we prioritize aesthetics over accessibility — as subjective as that judgment may be — we actively oppress disabled people further.

However…

When we declutter our designs to focus on the essentials, we create minimalist interfaces that are accessible for people with cognitive disabilities. And aesthetic.

When we design objects to be ergonomic and naturally form with our bodies, we create products that are accessible to physically disabled people. And aesthetic.

When we up the contrast, increase the font size, and choose a clear typeface, we become accessible to people with low vision. And aesthetic.

Accessibility drives aesthetics because the ability to use something is beautiful.


12–02–2019: Made correction that Purple Rock Scissors redesigned the Field Museum website, not PAC. Apologies for the misinformation.

65 comments

  1. “I’m extremely pleased to discover this website. I need to to thank you for your time for this particularly fantastic read!! I definitely appreciated every little bit of it and I have you saved to fav to look at new things in your blog.”
    דירה דיסקרטית בבת ים

  2. Studying abroad is a complex and expensive business: the cost of a year can vary from hundreds of thousands to one and a half million rubles per year. However, there are many grants and scholarships available, some of them covering up to 100% of the tuition costs. You can learn about the subtleties of preparing a portfolio for admission and receiving scholarships at the exhibition of British education “Study UK: Discover You”. We advise you on which educational institutions you should pay attention to.

    BIMM (British & Irish Modern Music Institute)
    The music industry in miniature .Britain’s most prestigious school of contemporary music. It teaches not only how to play a musical instrument well, but also how to interact with the industry. Among the directions — vocals, playing instruments, music business, production and songwriting (it is taught, for a moment, vocalist Lamb).

    On the territory of the Institute there are several rehearsal bases and small studios: young musicians gather groups, record demos and organize concerts without leaving the walls of their native University, and student journalists publish LDN magazine, where they talk about their colleagues and interview masters from big show business. Senior colleagues (ranging from Chuck D to Brian may) also visit students, telling them about the intricacies of their work and leaving Souvenirs: in one of the halls, for example, you can admire an autographed Niall Rogers guitar. In General, there is a whole model of the music industry-and the model is quite working. As a result, bimm alumni include George Ezra, Tom Odell, Izzy Bizu, and the Cure drummer Jason Cooper. Royal Academy of Music. The oldest Conservatory in the United Kingdom, under the personal patronage of Her Majesty, will celebrate its bicentenary in 2022. The list of graduates and alumni is no less impressive: among others, Annie Lennox from Eurythmics and Elton John studied here (for authenticity, a couple of scenes of “Rocketman” were filmed in the Royal Academy

    write essay for me free best college essay ever how to write an imagery essay

  3. What’s up, yup this post is in fact nice and I have learned lot of
    things from it concerning blogging. thanks. asmr 0mniartist

  4. Fantastic site you have here but I was wondering if you knew of
    any forums that cover the same topics talked about in this article?
    I’d really love to be a part of community where I can get feedback from other
    knowledgeable individuals that share the same interest.
    If you have any suggestions, please let me know. Many thanks!

  5. Hello to all, how is everything, I think every one
    is getting more from this web site, and your views are good in favor of new
    viewers.

  6. Wonderful beat ! I would like to apprentice while you amend
    your site, how can i subscribe for a blog web site?
    The account helped me a acceptable deal. I had been tiny bit acquainted of this your broadcast
    provided bright clear idea

  7. Thank you a bunch for sharing this with all people you actually understand what you’re talking about!
    Bookmarked. Kindly additionally visit my website =).
    We could have a hyperlink trade contract among us

  8. Excellent post. I was checking constantly this blog and I am inspired!
    Very helpful information specially the closing section 🙂 I handle such info much.
    I was seeking this certain info for a long time.
    Thanks and good luck.

  9. After I initially left a comment I appear to have clicked on the -Notify me when new
    comments are added- checkbox and from now on each time
    a comment is added I receive 4 emails with
    the same comment. Perhaps there is a way you can remove me from that
    service? Many thanks!

  10. scoliosis
    You really make it appear really easy along with your
    presentation but I to find this matter to be actually one thing
    that I think I would by no means understand. It sort of feels too complex and extremely vast for me.
    I’m looking ahead on your next put up, I’ll attempt to get
    the grasp of it! scoliosis

  11. scoliosis
    Quality posts is the secret to invite the viewers to pay a
    quick visit the web site, that’s what this web site is providing.
    scoliosis

  12. free dating sites
    When I initially left a comment I appear to have clicked the
    -Notify me when new comments are added- checkbox and from now on every time a comment is added I receive 4 emails with
    the exact same comment. Perhaps there is a means you are able to remove me from that service?
    Thank you! https://785days.tumblr.com/ free dating sites

  13. If some one desires to be updated with newest technologies after that he
    must be visit this site and be up to date all the time.

  14. I think everything wrote was actually very reasonable. However, what about this?
    suppose you were to create a killer headline? I ain’t suggesting your content is not good., however suppose you
    added a headline that grabbed people’s attention? I mean Accessibility drives aesthetics – Pavvy Designs is kinda boring.

    You ought to look at Yahoo’s home page and note how they create post titles to get people interested.
    You might add a video or a pic or two to grab readers interested about everything’ve got to say.
    In my opinion, it might bring your posts a little bit more interesting.

  15. Thanks for a marvelous posting! I definitely enjoyed reading
    it, you can be a great author.I will ensure that I bookmark your blog
    and may come back very soon. I want to encourage one to continue your great writing, have a nice holiday weekend!

  16. Greate article. Keep writing such kind of info on your site.
    Im really impressed by it.
    Hey there, You’ve done a great job. I will definitely digg it
    and personally recommend to my friends. I am confident they’ll be benefited from
    this website.

  17. I’m very happy to find this page. I need to to thank you for ones time just for this wonderful
    read!! I definitely loved every part of it and I have you saved as a favorite to look at new things on your blog.

  18. certainly like your web-site but you need to check the spelling on quite a few of your posts.
    Several of them are rife with spelling problems and I find it very bothersome to inform the
    reality however I’ll surely come back again.

Leave a Reply

Your email address will not be published.