Skip to content

Nat Tarnoff Posts

GAAD 2024

Selfie of Nat with the VeDA website behind him.

I’m taking a break today from my normal work of auditing and coaching clients on how to make their digital properties more accessible to celebrate Global Accessibility Awareness Day. GAAD is a time when industry professionals, accessibility advocates, and disability defenders make a concerted effort to bring the conversation to the front.

Now this may sound like what I do every day, and it is. My company asks us to do volunteer work, giving back to the disabled communities around us. And you may say to yourself, “Doesn’t Nat already do that?” And yet again fine reader you would be correct. I spend a significant chunk of my free time serving on the board of directors for the Wisconsin Council of the Blind and Visually Impaired. I contribute to the W3C.

But I’m not walking away and making excuses. This year I reached out to VeDA and volunteered to help them with their accessibility. I’m currently working on the audit, but once that is done, I will also help them repair the code base.

Take some time today to do volunteer in making someone’s life better.

Comments closed

You Need Accessibility Testing

This probably isn’t the first time you’ve heard it. Somewhere along the line somebody asked you how well your site or application works for people that are blind. You probably mumbled something along, “They don’t use our stuff,” or maybe, “I don’t know, does it matter?” The short answer is, yes it matters. And you want to pay attention to why.

Accessibility isn’t Just the Blind

Accessible products and websites are often built with the blind in mind, however what it means to be truly accessible runs much deeper than that. Accessible by it’s very nature means that anyone, anywhere, with any tool of their choosing can use it. This means the disabled, which is not just the blind, but those with hearing, neuro-diversity, mobility, physical, and learning disabilities; and it means the abled that are compromised by other means.

Economics plays a huge part in accessibility. AOL still has 2 million people using dialup internet. This is an economic issue. ISPs have decided it isn’t beneficial enough to run faster lines to these areas or they are on fixed incomes and can’t afford the rising cost of internet access. Developing nations don’t have access to the funds to buy the latest and greatest technology, so they use products released years ago to get online.

As developers we all cheer when we hear that Microsoft is dropping all support for browsers below Internet Explorer 11 next week, but how does someone in an African country who can’t afford to upgrade from XP going to feel when we don’t support IE9? And what if that great new mobile application you created only works on iOS 9+ and Android 4.4.4? Many lower income folks in the developed and developing worlds have phones that are 2, 3, 4, or 5 years old and don’t support the latest things we can do with the web or mobile.

Building accessible products and sites means taking all this into account. It is using responsive web design to make sure your content is readable on all devices regardless of size. It is using solid HTML to make sure the content is parseable by a variety of technologies on the client side from browser, to apps, to refrigerators and TVs. It is using progressive enhancement to make certain that the product is usable even when the CSS or Javascript fail to load. It requires building products that while that may be single page applications running on Angular, React, or Ember continue to be useful applications when the CDN doesn’t connect or the connection is slow. It means setting a performance budget so that we aren’t trying to load 3 megabytes of data to run a blog. Knowing to reduce images, minify scripts, use CDNs to load things faster, and trying your darndest to limit any single page to something that will load in under 4 seconds and be usable.†

But Why?

Getting back to the disability side of things, recently the DOJ has taken to pushing through that public websites are liable to be accessible to the disabled. There is recent legislation that is forcing airlines to improve their websites. Netflix, Target, H&R Block, and eBay have all been sued by disabled people because their websites weren’t accessible.

You probably have a good idea what a lawsuit brought in federal court would cost your company even before remediation and damages are incurred. Why get sued when you can save money fixing the problems first?

I’m Here to Help

Your competitors haven’t solved this problem yet. Many are in the same boat as you and don’t know where to start.

With over decade of experience in front end development, user experience design, and accessible development I can get you ahead of the curve. Working together we can do a proper assessment of your website in all the major assistive technologies to make certain any deficits are found before you end up in court. With an active assessment done and a remediation plan in place you can resolve many legal actions before they get started.

Once you know where the problems lay, I can work with or train your team on how to resolve those issues bringing your site up to par with WCAG 2.0 AA standards. This is the standard level used by the Canadian, United Kingdom, Australian, and Japanese governments to write their web accessibility legislature. The European Union has used it to craft theirs; and the United States has similar legislation based on WCAG 2.0 AA facing it for a vote.

Contact me to set up a time to discuss your needs so we can set your product or site off as a differentiator in your industry because it is accessible.

† 4 seconds is a magic number that will cause people to think your app is slow. If your customer is using dialup, then a 500kb page will take 1 minute and 13 seconds to download. Sure 3 megabytes is instantaneous on your home cable connection or 4G smartphone, but in the developing world it could be a minute.

Comments closed

Designing with Empathy

This weekend I had the pleasure of speaking at the inaugural edition of Open Source & Feelings. It was an amazing conference tackling some really hard topics. I received really great feedback from the audience on my “Designing with Empathy” talk and several asked for the transcript as they couldn’t take notes fast enough. So here is the talk broken out with what was on the slides as well as the script I tried to follow. The video is coming, and I will add that when available.

When I first pitched this talk, I was thinking it was about accessibility because that’s usually what I speak about. As I wrote it. And rewrote it. And rewrote it. It evolved into being something bigger, higher level, and more important than just accessibility. It became about thinking of others and building experiences that we can all be proud of.


Trigger Warning

Some slides contain content that may trigger motion sickness

#DZY

Some of my slides contain motion that could make you feel ill. I’ll give you a warning before they occur.

Empathetic design makes badass users.

Comments closed

Granting the User Control

More than once I have spoken about giving the user control over their experience. Too often we make assumptions about how things should work, but in the end those assumptions always forget someone. Providing a set of tools for the user to control the situation or experience allows us to have the most rich and dynamic experience we can build, but one that any user can get behind even if they can’t do all the fancy bells and whistles.

One such example is animation in social media. We love (I know I do) to post animated gifs, videos, vines, and cool new web animations in a place where our friends and colleagues can see. For me, many of these (especially videos and animations) will trigger a vertigo attack. The wrong kind of animation could cause someone with photo-sensitive epilepsy to have a seizure. I have a little faith left in humanity and hope no one posts these kinds of things with the intent to harm, but we can do better.

I’m not asking you to stop posting these. Instead I’m asking to give your followers control. If you come across a video full of violence, profanity, or sexual content while at work (or somewhere you would be embarrassed to get caught viewing it), you appreciate when that video has a NSFW (not safe for work) tag on it. We have learned what this means and now have the choice to view it or save it for when we are less likely to be embarrassed if caught.

We also have TW (trigger warning) for articles that contain descriptions of sexual assault, abuse, or suicide. We recognize that some people out there will be dramatically affected if they read these things, so we let them know up front it could happen. They can then choose to keep reading or not. They have the choice and the control.

So, I’m pushing for two new tags. One warns users that the content may cause dizziness, the other warns against possible seizure inducement.

#DZY

DZY, short for dizzy, but a clear concise item that takes up no more than 4 characters (if including the octothorpe – #). It communicates that the following content may cause some vertigo, motion sickness, or dizziness in some users. Putting this in a tweet with a link allows users like myself to decide if they want to click on it. The user has control. They can click through knowing they will see movement (knowing goes a big way in prevention), or if they are having a bad vertigo day (like I am right now) they can avoid it completely.

#SZR

SZR, short for seizure, is the same concept but for things that strobe and flash. Nothing should ever be created in a strobing or flashing manner that riggers epileptic attacks, but if you aren’t sure if it will, you can now warn your followers and users that something is coming that could.

Leave a Comment

Infinite Canvas 6 With Rachel Nabors

Last week I got to be on a podcast. This week I appear on a screencast with Rachel Nabors talking about vestibular disorders in general and how animation may affect a user on your site.

Rachel Nabors

If you don’t know who Rachel is, she is an amazing illustrator, cartoonist, speaker and animator using all those skills to shine a light on the web can be a better place with the right kinds and amounts of animation.

We had a lot of fun recording it, but I need to get a better microphone, sorry for the scratchiness that my beard brings. Also, we had a few problems trying to record it. Running Skype, Camtasia, Quicktime, and all the websites we looked at kept crashing our GPUs.

The screencast is on Youtube, and you should totally subscribe. She hasn’t done one in a while and it could be another while before we see another, so unlike the podcast episode I did, I’m embedding the video here.

Enjoy! Hit us up on Twitter with any questions you may think of.

Comments closed

I’m on CtrlClickCast Podcast Episode 49

Last fall I met the great hosts of CtrlClickCast at CSSDevConf and they were gracious enough to invite me on the show. I got together with Lea & Emily last week and recorded an episode on Accessibility. It was super fun! I hope to do more podcasts (but I need a better mic!).

The episode is now live! Go listen to it. Really, right now. I’ll wait. It’s about 50 minutes long and Emily and Lea have had the show nominated for the Net Awards recently, it’s a really great show.

Here is a direct link to the full transcript.

I’m not embedding the podcast here because I want you to go to iTunes or Stitcher and subscribe. And after you listen, give a review!

Comments closed

Animated Gifs in Social Media Streams

Last week I encountered a pseudo 3D animated gif from Doritos that autoplayed while viewing my Twitter feed. This gif was brightly colored, and its “3D” effect triggered a vestibular attack and migraine. As I looked more into the issue, it isn’t just Twitter who does this. It also happens in our Instagram, Vine, Facebook, and Snapchat feeds, just to name a few. Now some of you will tell me, “those channels are meant to work that way.” True, but what if due to advertising, or worse hacking, someone uploaded a gif worse than this Doritos one that autoplayed and triggered a photosensitive epileptic seizure? Who is responsible?

I would say whoever uploaded the gif is certainly responsible, but isn’t the platform as well? Do these really have to autoplay? When it comes to ads, is anyone checking to see if the ads meet certain standards? In radio and television, they don’t turn down ads because they don’t like the content, but if the ad promotes violence, cruelty, causes medical emergencies, or harm to the public, they will refuse to air it. I argue that those similar rules need to apply to the social networks we enjoy as a primary source of content.

I personally want an apology from Doritos for causing me pain. I know it wasn’t done on purpose, but that doesn’t mean it couldn’t have been avoided. Good marketers and user experience professionals need to know the audience and if their audience might have a medical condition that this type of ad would bother, then need to change that ad.

I’m also asking Twitter, Vine, Facebook, Instagram and all other social media platforms to put controls that prevent autoplaying of videos and gifs. The user needs to have control over their experience if movement may trigger physical pain.

And for those of you saying I shouldn’t use the Twitter web interface, why is it there if not to be used? Typically I use my phone, but as a consultant I am on many different machines in a week, some of which can’t have clients installed, and sometimes I’m in buildings where my phone won’t work for security reasons.

Comments closed

Human Operating Systems

When I speak with people about my chronic illness, there is often confusion on it. Many people think, “your pain [or dizziness] is just in your head” and that I can just let it go or ignore it. Yes, my disabilities are invisible, but that doesn’t mean they aren’t very real. When we meet people who are deaf, we can’t see what is physically wrong with them, but we believe them when they say they can’t hear us. Why don’t we believe people with other disabilities?

While at a meeting recently with a group of parents, we conducted a mindfulness exercise. We meditated on an itch we had on our body. The goal was to sit with the stress an itch can produce and yet not let it bother us. We couldn’t scratch it either. For some parents, the itch went away. Others let it bother them. I enjoyed the sensation, but then I think I have an unfair disadvantage that the group leader knows about and agreed.

One of the parents was curious, and since I’m not exactly shy about speaking of my disabilities, I expanded on it being chronic pain and dizziness. This father blew off my feelings and experience right away saying “It’s all in you head” meaning that I was making it up. I countered that it is in my head, but very real and that if I could wish it away I would in fact to do that.

Human Computers

This began a discussion that had me communicating in a way that seemed to connect with the other parents. If you have seen my talk, UX of Stairs, you have heard me mention the idea of human hardware and software. We are all really complex computers. We are made up of two main systems that are fairly standard.

The first is our hardware. We are all initially connected with the components needed to grow our biological hardware the same, but due to environmental changes, sometimes that hardware doesn’t develop the way it should. After birth we encounter a gigantic world that too is going to influence our hardware. But for the most part we are born with 5 input systems (5 senses), and two output systems (oral and physical).

We also come with a base operating system. One that turns the hardware on and keeps it running. It can take input and translate it to output. But most importantly it can learn. It can combine the input with algorithms we call emotions and creates a new output that is a subclass that we call art. And art comes in many forms. For some it is a visual output like drawing and painting, others produce auditory output like music or language, and still there is the expansion of the core physical output in the form of dance or sports. With training, anyone can process any input through emotions and produce any of these types of output, but for some it comes more naturally than others.

Once in a while you encounter something in your life that affects your software just as it could affect your hardware. This could be a happy event, or perhaps a traumatic one. This experience alters your input, output, or algorithms in such a way that when you experience it again (or something that reminds you of it), your reaction won’t be the same as someone sitting next to you who hasn’t shared that experience.

For some people, this event can simply be suffering lots of pain. Over time, you develop a tolerance for that pain. Sometimes, you are stubborn, like me, and try to move through it when you can’t make it go away. Additionally, your hardware, nerves in this case, may be more or less sensitive causing the input, not the algorithm, to give you a different tolerance.

My dizziness is a matter of my software being rewritten. The vestibular system is made up of our inner ear system, ocular system, and our sense of spatial awareness. Together these form a kind of internal gyroscope. Thousands of points of data are coming in through these systems every second of every day. Your brain needs to clean that data up and process it.

You subconsciously apply a filter to the incoming data and remove the outliers and extremes. This reduces the data to an average that can be easier to work with. I think this is how my algorithm actually works, except that my filter needs new parameters of what to filter. Right now, it doesn’t filter much. A couple years ago, somehow my settings loaded a new configuration file that turned the filter off completely. Over the last 30 months, I’ve been slowly adding them back in through experience and direct training. This makes sense to me as I have been able to slowly tolerate more experiences.

So what happens when my filter is broken? Imagine you are making coffee in the morning. You have your filter in the pot with the coffee in. As you start to pour the water in it strains through the coffee first, then the paper. But the coffee and the paper can only take so much water at a time. If we pour too fast we begin to see the water backup, the coffee grounds float, and eventually the water/coffee combo flow over the sides of the pot. This is what is going in my head. With too much stimuli or when a filter isn’t working properly, I simply can not digest the data coming in. Something will get lost and a mess follows.

Most of the time this means I experience aphasia. Aphasia comes in two forms, receptive and expressive. Receptive aphasia means I literally won’t know what you are saying or doing (usually words). I won’t recognize the sounds, or that they are in fact words. Any I do catch will not register their meaning. “In one ear, out the other.” is probably the best description of this.

Expressive aphasia is when I’m the one doing the communicating. Typically I stop in the middle of a thought or sentence. I’ll wave my hands wildly and move my mouth, but nothing other than gibberish comes out. I can see the concept right in front of me, but I lack the proper words to express it.

While technically the software is in my head, anyone who has tried to program anything (even a VCR clock), knows that it isn’t always as simple as forgetting the current settings and putting in new ones. With learning systems, we can’t delete those files, otherwise we corrupt the whole system. We must slowly reteach things to overwrite the current configuration. The algorithm will never be the same as the original as it always retains the history of what it previously learned, but with enough training, we can get close to the original. This is my hope.

Humans aren’t copies of each other. We are each unique in our hardware and software. The next time you meet someone whose software isn’t running the same as yours, instead of blowing them off, take a moment and try to understand how and why they process things differently. It will help you empathize and understand them. It will also help you expand your algorithms to make you a better person and technologist.

Comments closed

On Depression

Society has many ills. People are fallible and get themselves addicted to unhealthy things all the time. It may be overeating, under-eating, gambling, alcohol, or drugs, but each of these people is dealing with a pain that their particular addiction gives a little bit of relief from. We recognize that these addictions are diseases; we spend millions a year advertising and partaking in various treatments for them. We recognize that people who have these addictions need to take life a day at a time; there is no magic wand for addiction. It is a constant struggle. But many of these addictions are just covering what the real problem is, mental health. As a society we don’t talk about mental illness. We don’t admit that is too is a disease that takes a daily fight and this needs to change.

Trigger Warning – I say some things some folks won’t like

I’m sure you’ve heard it before, “Depression is hell”. Depression is a deep dark cavern that makes it hard to see the good happening around you. It can be all consuming and weigh you down like an anchor. We look for the light, but too often we can’t see it. But everyone experiences their depression a little differently. I want to describe my depression, because I’ve experienced a lot of it, and it gets reflected in everything I do in one way or another. I can’t speak to all mental health issues, I can only speak to mine. Hopefully by sharing, you will learn what I deal with. Maybe you can relate, maybe you can’t. What matters though is that you take me seriously, as well as all others with mental health issues. Respect them and don’t judge them.

Emotional Heart vs. Rational Mind

I tend to think of myself as a rational person. I have a degree in philosophy and enjoy a hearty debate. I excel in logic problems and write code for a living. I work well through puzzles, yet I am at the same time quite emotional. Every moment of every day I have to make a decision on whether to listen to my emotional heart or my rational mind and they are usually in conflict.

The Cycles of My Depression

The Good

When things are good, like when I fall in love, it becomes very hard to discern between my heart and mind. They want the same thing. My heart is a solid rocket booster burning furiously in just a few moments, while my mind is the long lasting candle you are glad you packed for the tornado kit. I have to choose, and usually fail, to slow things down and take one step at a time. Since both heart and mind want the same thing, the heart usually wins and I get consumed in the flames. Typically, this means something else gets ignored. My health, house, family, or friends are the most likely culprits. If I could follow my mind a little more, I could have it all.

The Bad

When things are bad, and they usually are bad, it is a lot easier to see, but harder to follow the right path. The dark thoughts range from worry about money, weather, or health to unidentifiable panic and self-harm. Very few of these thoughts deserve any merit. Most are nonsensical to begin with and can be quickly forgotten when I’m healthy. A few, like worries about money, are legitimate concerns exaggerated by my unhealthy thoughts. When carefully examined, they are easily dealt with. And while I say I can forget, reason, or ignore things, what often happens is I clench onto them like a kraken around a whale. It’s this grasping and holding that turns into the depressive spiral. I get tunnel vision and only see this one problem, ignorant to all the good in my surroundings.

I tend to be a hypochondriac, which sucks, but sucks even more when you have actual health problems without solutions and cures from doctors. I also get really lonely. I have a full house, two kids and three cats, and lots of people who care about me, but that doesn’t change the fact I get lonely. In the flick of a switch, I can feel like the last person on the planet, while having a conversation with someone sitting right in front of me. Working from home and only interacting with people in a digital realm doesn’t make this easier, but my physical health precludes me from working in an office every day.

The Ugly

I think about suicide a lot. I have since I was a kid. I’ve tried to take my life several times in the past. I plan not to do it again. This is a very important statement. It isn’t that I don’t plan to kill myself, but I specifically plan NOT to commit suicide. I have no desire to die. I want to live, watch my kids grow up, travel the world, help people build better technology, and make beautiful art. I want to climb mountains, hang out with my brother, sister-in-law, nice and nephews, maybe even relearn to surf. It doesn’t matter though. Every day, sometimes every hour, sometimes every minute, I have a thought of suicide. When I’m having a bad day, especially if I’m in a lot of pain, I am in a constant struggle of having a suicidal thought and letting it go. Medication only takes the edge off so that I win these battles more than lose.

How I navigate the day

I use meditation as a practice to learn to let go thoughts. Focus on the breathing. When a thought comes in on something other than my breath, acknowledge it and let it go. This takes focused effort. When I’m depressed they don’t just go away. My heart requires justification before it lets go. This means half my time and mental energy is spent debating my inner self, just to keep moving forward. Think about that. Think about how much time you spend on solving a problem and then try to solve that same problem if every other second you had to argue with someone about a completely pointless and random thing. It becomes really hard to get into a flow space for solving hard problems with this going on.

Meditation for me, and while I know a lot of folks who have had it work for them, it will not work for everyone. I still get into a funk periodically, but most days are better now. I know I can ride out the dark times, but many people with depression can’t.

“Just Get Over It”

Depression isn’t something to “just get over” for most people. Don’t say this to anyone. It shows a clear lack of understanding of what they are going through and a lack of compassion for them as an individual.

Depression is a daily struggle. Some of us have the upper hand on our depression right now, but I can assure that many will eventually slip, needing more understanding, and maybe some help some time in the future. Others are in the heat of the battle and are losing. They can’t break the cycle of bad thoughts. They need understanding, patience, and when they ask for it, help. You can’t force someone into accepting help, so don’t even try. No matter what you do, if they aren’t ready for it, it won’t stick. This doesn’t mean you shouldn’t call for help if they are hurting themselves or others. There is emergency help and long term help. If a person is a threat, emergency services need to be brought in, no questions.

How You can Help

One in five people struggle with mental illness every year. Twenty percent. More people suffer with mental illness than smoke cigarettes. This isn’t some small group we can cast out. These are your neighbors, friends, lovers, parents, cousins and children. Break the stigma and taboo. Talk about it openly and acknowledge that it is a disease that people struggle with daily. More people have mental health issues than breast cancer every year, yet we talk about it less and spend less money fighting it. It is up to you to be compassionate, patient, offer an ear when you can, but always give someone suffering from mental health the same respect as anyone else.

Comments closed

Imposter Syndrome Sucks

But we do it to ourselves. I battle imposter syndrome every day. In fact I made a distinct decision back in 2009 to “fake it until I make it”. I got fired for poor performance (I was severely depressed at the time which affected my work). While out of work in a down economy, I specifically put on a new outward face that would pretend to be someone I’m not to land a job.

The reason we struggle with insecurity is because we compare our behind the scenes with everyone else’s highlight reel – Steven Furtick

I didn’t lie about my skills or abilities. I was actually quite humble about them. I didn’t lie about my background or education. It just wasn’t in my nature. What I did was pretend I was outgoing. I pretended I had something to talk about. I pretended I was interested in other people.

And it worked. I got a new job. I established myself as someone who cared about my team, and thus became a leader. I got on stage and presented my ideas to people. I taught others what I knew. Over the last six years I have turned that decision to fake it into quite a successful career. I’ve been invited to talk at conferences throughout the United States and even in Scotland. I’ve gotten to meet and work with some of my industry heroes. I get to hang out in Slack channels and tweet with people whose knowledge I built my career on (and they know who I am!). Something else happened, something I didn’t expect, I actually enjoy these things, have the skills, and I am interested in people.

But everyday, every time I try to do something, I feel it creeping in the back of my brain, “You don’t belong here. You don’t deserve it. You didn’t write a book. You don’t blog enough. They’re humoring you.” Its the voice of my lack of confidence. I was shy and bullied a lot when I was growing up. It is embedded in my psyche that I am insignificant.

I have a rational brain though. I can look at my history and see the success I achieved at other jobs, popularity in my blog posts, and the fact I keep getting invited to join groups of experts or to talk. I am skilled. I am successful. Yet the imposter syndrome still nags. I know I am not alone in this.

We need to stop comparing ourselves to others. Look inside and figure out what makes you happy and do it. I really like speaking and meeting others, so I’m trying to do more of it (need a speaker? Email me.). I like writing, so I’m working on a bunch of tutorials that could become a book with the right editor. I’m asking you to do the same, no, I’m begging you to find what you love.

Success is not what society tells us. You don’t need to own a home (I want to sell mine), or a fancy car. You don’t need millions in the bank. You just need to do what makes you happy.

I like to make art (but I’m way out of practice), I’d like to learn the guitar again, I want to travel the world, and I want to teach others (not just tech stuff either). So over the next two years I’m going to be focusing on setting up my life to do these things. Why two years you ask? Well, I have two kids in high school, I want to let them graduate before I sell the house and start traveling. Will you decide what makes you happy and try to set yourself up for that life?

Comments closed