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.

133 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.

  19. After going over a few of the blog posts on your blog,
    I really like your way of writing a blog.

    I bookmarked it to my bookmark webpage list and will be
    checking back soon. Take a look at my web site too and let me know
    what you think.

  20. Excellent website. A lot of helpful info here.
    I’m sending it to several pals ans additionally sharing in delicious.
    And naturally, thank you in your sweat!

  21. Thank you a lot for sharing this with all folks you actually recognise what
    you’re speaking approximately! Bookmarked.
    Kindly also visit my web site =). We will have a link exchange contract among us

  22. I have been exploring for a little for any high quality articles
    or weblog posts on this kind of area . Exploring in Yahoo I eventually stumbled
    upon this web site. Studying this information So i am satisfied to convey that I
    have an incredibly just right uncanny feeling I found out exactly
    what I needed. I such a lot no doubt will make certain to don?t fail to
    remember this website and provides it a glance on a relentless basis.

  23. Hello outstanding website! Does running a
    blog similar to this require a large amount of work?
    I’ve absolutely no expertise in coding however I was hoping to
    start my own blog soon. Anyway, should you have any ideas or techniques for
    new blog owners please share. I know this is
    off subject however I simply needed to ask. Thanks a lot!

  24. When someone writes an paragraph he/she retains the thought of a user
    in his/her brain that how a user can know it. Therefore that’s
    why this post is perfect. Thanks!

  25. Hi there! I just wanted to ask if you ever have any trouble with hackers?
    My last blog (wordpress) was hacked and I ended up losing months of hard work due to no backup.

    Do you have any solutions to prevent hackers?

  26. When I initially commented I clicked the “Notify me when new comments are added” checkbox and now
    each time a comment is added I get four e-mails with
    the same comment. Is there any way you can remove me from that service?
    Many thanks!

  27. hello!,I love your writing very much! share we be in contact more about your post on AOL?
    I require a specialist in this area to unravel my problem.
    Maybe that is you! Taking a look forward to peer you.

  28. Magnificent goods from you, man. I’ve understand your stuff previous
    to and you’re just too magnificent. I actually like what you
    have acquired here, really like what you’re saying and the way in which you say it.
    You make it enjoyable and you still care for to keep it smart.
    I can not wait to read far more from you. This is really a great website.

  29. Wonderful goods from you, man. I’ve understand your stuff previous to
    and you are just extremely magnificent. I actually like what you have
    acquired here, certainly like what you are saying and the
    way in which you say it. You make it entertaining and you still take care of to keep it sensible.

    I can’t wait to read much more from you. This is really a great website.

  30. Great post. I used to be checking constantly this weblog and I am inspired! Extremely helpful info particularly the closing part 🙂 I maintain such information much. I was seeking this certain info for a long time. Thank you and good luck.

  31. whoah this blog is excellent i really like reading your
    posts. Stay up the great work! You understand, lots of people are hunting round for this information, you can help them greatly.

  32. Hi! I could have sworn I’ve been to this blog before but after browsing through some of the
    post I realized it’s new to me. Anyways, I’m definitely delighted I
    found it and I’ll be book-marking and checking back often!

  33. hello!,I really like your writing very a lot!
    percentage we be in contact extra approximately your post on AOL?
    I require a specialist on this area to solve my
    problem. Maybe that’s you! Looking ahead to look you.

  34. Every weekend i used to pay a quick visit this website, as i want enjoyment, since this this web page conations truly fastidious funny data too.

  35. Hello There. I discovered your blog using msn. That is a very well written article.

    I’ll make sure to bookmark it and come back to learn extra of your
    helpful info. Thank you for the post. I’ll definitely
    comeback.

  36. I do not even know how I ended up here, but
    I thought this post was great. I don’t know who you are but certainly you are going to
    a famous blogger if you are not already 😉 Cheers!

  37. Can I simply just say what a relief to discover someone who genuinely understands what they’re talking
    about online. You certainly realize how to bring an issue to light and make it important.
    More people really need to look at this and understand
    this side of the story. It’s surprising you’re not
    more popular given that you certainly possess the gift.
    cheap flights http://1704milesapart.tumblr.com/ cheap flights

  38. Magnificent items from you, man. I’ve take note your stuff previous to and you’re
    simply extremely fantastic. I really like what you have got right here, really like what you are
    stating and the way by which you say it. You are making it enjoyable and you continue to care for to
    stay it sensible. I can’t wait to learn much
    more from you. This is actually a terrific web site.
    scoliosis surgery https://coub.com/stories/962966-scoliosis-surgery scoliosis surgery

  39. Thanks , I’ve just been searching for information approximately this subject for ages and yours is the greatest I’ve came upon till now. But, what about the bottom line? Are you positive concerning the source?

  40. Hey I am so glad I found your site, I really found you by accident, while I was looking
    on Bing for something else, Regardless I am here now and would
    just like to say thanks for a fantastic post and a all round enjoyable
    blog (I also love the theme/design), I don’t have time to read it all at the minute but I have bookmarked it and also added in your RSS feeds, so when I have time I
    will be back to read a lot more, Please do keep up the superb jo.

  41. Heya i’m for the first time here. I found this board and I find It really useful &
    it helped me out much. I hope to give something back and help others
    like you helped me.

  42. I am really loving the theme/design of your web site.
    Do you ever run into any browser compatibility issues?
    A small number of my blog visitors have complained about my website not
    working correctly in Explorer but looks great in Chrome.
    Do you have any solutions to help fix this issue?

  43. Hey! This is my 1st comment here so I just wanted to give a quick shout out and tell you I truly enjoy
    reading through your articles. Can you recommend any other
    blogs/websites/forums that deal with the same subjects? Thanks!

  44. When I originally commented I clicked the “Notify me when new comments are added” checkbox and
    now each time a comment is added I get four emails with the
    same comment. Is there any way you can remove me from that
    service? Many thanks!

  45. I am really loving the theme/design of your web site.
    Do you ever run into any browser compatibility issues?

    A small number of my blog visitors have complained about my site not operating correctly in Explorer but looks great in Firefox.
    Do you have any tips to help fix this issue?

  46. My programmer is trying to persuade me to move to .net from PHP.
    I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using Movable-type on various websites
    for about a year and am nervous about switching to another platform.
    I have heard excellent things about blogengine.net. Is
    there a way I can transfer all my wordpress posts into it?

    Any help would be greatly appreciated!

  47. Thanks for one’s marvelous posting! I truly enjoyed reading it,
    you could be a great author.I will be sure to bookmark your
    blog and will eventually come back at some point.
    I want to encourage you to ultimately continue your great posts, have a nice weekend!

  48. With havin so much content do you ever run into any issues of plagorism or copyright violation? My
    site has a lot of completely unique content I’ve either authored
    myself or outsourced but it appears a lot of it is popping it
    up all over the internet without my permission.
    Do you know any solutions to help protect against content from being stolen?
    I’d definitely appreciate it.

  49. You’re so cool! I don’t think I’ve read through something like this
    before. So nice to find someone with unique thoughts on this subject.
    Really.. thanks for starting this up. This web site is one thing that’s needed on the
    web, someone with a bit of originality!

  50. An impressive share, I just given this onto a colleague who was doing a little analysis on this. And he in fact bought me breakfast because I found it for him.. smile. So let me reword that: Thnx for the treat! But yeah Thnkx for spending the time to discuss this, I feel strongly about it and love reading more on this topic. If possible, as you become expertise, would you mind updating your blog with more details? It is highly helpful for me. Big thumb up for this blog post!

  51. I discovered your blog site on google and check a few of your early posts. Continue to keep up the very good operate. I just additional up your RSS feed to my MSN News Reader. Seeking forward to reading more from you later on!?

  52. Great weblog right here! Also your web site rather a lot up very fast! What web host are you the use of? Can I am getting your associate link for your host? I desire my website loaded up as fast as yours lol|

  53. Greetings! Very useful advice in this particular post! It’s the little changes that produce the most significant changes. Many thanks for sharing!|

  54. An impressive share! I’ve just forwarded this onto a colleague who had been conducting a little research on this. And he actually ordered me breakfast simply because I found it for him… lol. So allow me to reword this…. Thank YOU for the meal!! But yeah, thanks for spending time to discuss this matter here on your web page.|

  55. Pingback: keto sugar

Leave a Reply

Your email address will not be published.