introduction-to-web-accessibility

Accessibility is essential for developers and businesses who want to make a high-quality website and reach as many people as possible. It is often being referred to as A11y, which is an abbreviation of the word accessibility itself.

A is the beginning of the word,

11 represents letters in the middle, and

y at the end of the word.

When you work with accessibility in mind, it will improve the experience of everyone who uses your website.

A great website should be accessible to as many people as possible, regardless of their hardware, software, language, location, or ability. Many companies and developers are not sure why they should invest their time to make their website and digital content accessible. But, it is important and actually can be seen as a competitive advantage for their business. Here are some of the reasons:

  1. Leads to good practices

    Resulting in semantic and better mark-up for SEO.
  2. Helps to avoid legal concerns

    In the year 2000, The Sydney Organizing Committee for the Olympic Games has to paid AUD 20,000 because the official website failed to supply adequate accessibility to the blind user. Read the full story here.
  3. Enhance your brand

    Implementing accessibility will increase the positive image of a company with their diversity and inclusion efforts.
  4. Extend market reach

    1.3 billion people (15% of the world’s population) with a disability and people with low bandwidth connections, older technologies, and temporary disability (like losing their glasses) will be able to use your website.

Disabilities can affect people in different ways. In this article, we will discuss web accessibility for three types of disability: vision disability, hearing impairment, and mobility and cognition disability.

Vision disability

Photo by Edi Libedinsky on Unsplash

Most of the web content and navigation are designed for visual interaction. So, I believe your website already has a beautiful and functional design. However, to offer accessibility for people with various types of visual disabilities, you need to take a couple of things into considerations.

  1. Color blindness

    The most common example is the blindness of red and green. There is also a case of monochrome vision. Check the contrast of your website when designing by desaturating it.
  2. Poor eyesight

    Maybe you often see people with poor eyesight squinting their eyes when reading an article on their phone or computer. So, to make a better experience for them, avoid using fixed size for text, adjust the size according to the screen size. Give users the option to resize the text as well.
  3. Low vision

    Low vision conditions like cataracts and glaucoma can cause a blurry-vision. Make sure your website works with the screen-reader app. For instance, by using captions or alternate attribute (alt) for your HTML image element. To simulate the low vision situation, you can add a blur filter to your website content. At this point, you won’t be able to see the content of your website. Now, try to use the screen-reader app to navigate your site by hitting cmd f5 to enable the built-in VoiceOver tool for Mac or download the NVDA VoiceOver tool for Windows.

Other things you can do to improve the visual accessibility of your website are using regular text instead of an image as text, and not using scrolling/running and flashing text.

Hearing impairment

Photo by Christian Wiediger on Unsplash

If you have audio-visual contents on your website, try to add a visual aid. Considers the following:

  • For podcast content, you can add a transcript.
  • For video content, you can add both subtitles and a transcript.
  • You should also consider setting the audio levels carefully and consistently.
  • Allow for mono audio, if possible, to support users with a hearing aid device.

Mobility and cognition disability

Photo by Kaitlyn Baker on Unsplash

There are several types of mobility and cognition disabilities, such as Cerebral Palsy, Stroke, and Parkinson. To make your website accessible to people with these disabilities, you should:

  • Provide a keyboard-friendly content. Make sure your user can access the entire content of your websites using a keyboard. If possible, support an alternative to handle drag-and-drop or any gestural input.
  • Provide enough time for users to complete the action (read or click) for slider/carousel type content.
  • Minimize the number of steps to accomplished a task by adding keyboard shortcuts, simplifying the UI.
  • Provide a large clickable area.

Depending on the target audiences of your website and where you live, there will be a couple of different guidelines you can adopt.

  1. WCAG (Web Content Accessibility Guidelines)

    WCAG is the international accessibility guidelines from W3C WAI (Web Accessibility Initiative).
  2. US Rule Section 508 standards

    If you work with the US federal agency, you should follow these standards as well.

WCAG 2.0 has been gaining traction globally as the go-to web accessibility requirements. Most likely because it was created by the world’s experts, the documents are well organized, and it covers a wide range of disabilities.

Note: There is a newer version which is WCAG 2.1 that was published on 5 June 2018. It will extends WCAG 2.0 to 13 guidelines and 78 success criteria. I will update the list to WCAG 2.1 later. Please wait for the update.

WCAG 2.0 was published on 11 December 2008. It has four principles as the foundation for web accessibility:

  1. Perceivable

    Users must be able to perceive the information being presented.
  2. Operable

    Users must be able to operate the interface.
  3. Understandable

    Users must be able to understand the information as well as the operation of the user interface.
  4. Robust

    Users must be able to access the content as technologies advance.

Across these principles, there are 12 guidelines and 61 testable success criteria provided to allow WCAG 2.0 to be used where requirements and conformance testing are necessary, such as in design specification, purchasing, regulation, and contractual agreements. In order to meet the needs of different groups and different situations, three levels of conformance are defined:

  1. Level A

    Most basic web accessibility features
  2. Level AA

    Biggest and most basic common barriers
  3. Level AAA

    The highest level of accessibility

My recommendation for the conformance level you should meet on your website is Level AA, which satisfies all the Level A and Level AA success criteria. The checklist below is designed to fulfill this level.

You can see the checklist here.

If you already have a Notion account, you can duplicate the page to check the list and adjust it to your needs.

For the official list of WCAG 2.0 requirements, click here.

the-do?s-and-don?ts-of-writing-introduction-emails

Oh, email. Love it or hate it, email remains “the backbone of what we do, especially when you get into a managerial position,” for most professionals, says Victor Pineiro, the creative director of Big Spaceship, a marketing agency in Brooklyn. 

This extends to connecting two people who have never met IRL, which is often the only realistic way to introduce two busy people. While a good email intro “makes you feel seen,” says Erin McKean, the founder of the online dictionary Wordnik.com, “a bad introduction makes you feel like a subcontractor in a business you don’t run. I’ve gotten some intros in the past that were essentially ‘Please do some tedious and unrewarding work for this person so I don’t have to.’”

Luckily, how to write and respond to introductions over email is a skill that can be learned. Below, professionals who have sent (and received) their fair share of introductory emails share tips for mastering the craft.

But first, a note: When receiving an introductory email, it’s important to remember the stakes, which are usually, in the grand scheme of things, quite low. Yes, receiving a poorly constructed introduction is annoying and potentially time-consuming. “But we need to be much more vigilant about our own behavior and much more forgiving of others’ behavior,” says William Schwalbe, who co-wrote Send: Why People Email So Badly and How to Do It with David Shipley. “As a fundamental rule, there are worse problems in the world than people we know trying to introduce us to someone.”

On to strategies for how to do email introductions right. 

***

Ask for opt-ins.

As a general rule, check that both parties are receptive to the introduction before facilitating the connection. “Make sure the people being intro-ed know this email is coming,” says Polina Marinova, an editor at Fortune Magazine and the creator of The Profile, a newsletter that rounds up the best profiles on the Internet each week. “Do not surprise.” 

In other words, the first step in a successful email introduction is rarely the introductory email itself. Instead, start by messaging the sought-after party and asking “‘Hey, I’d love to introduce Jane to you; she’s working on a new project that I thought you’d love to hear about, and she has questions about X, Y, and Z that you could be really helpful in answering for her,’” McKean says. “And then you wait.” You can follow-up once or twice, “but if you don’t hear back, you drop it.”

Pre-intro checks don’t always have to be formal. If you know one of the parties well, it can be as simple as sending a text or a message on Slack. No matter the method, “it’s great to get a heads up, especially if someone is very busy or super senior to make it easier on everybody,” Pineiro says. 

As the connector, it’s also good protocol to make the mechanisms of the introduction clear to both parties: “I don’t mind if someone asks for a favor, but don’t pretend you are doing me a favor if I am doing you a favor,” Schwalbe says. And if you are asking for a favor, make sure it’s a request worth making. “Most bad intros are bad because either the person making the intro or the person being introduced conveys a sense of unwarranted entitlement to your time and energy,” McKean says. 

Should you receive an intro request you’d like to decline, go ahead and say no. “‘Gosh, I wish I could,’ is a great universal response,” Schwalbe says. You can explain yourself if you’d like, “but you don’t have to give a reason.”

Evaluate the power dynamics.

Like snowflakes, no two introductory emails are exactly the same. One of the most important variables is the power dynamics between the two people being introduced. Oftentimes, there is a clear imbalance, such as when you are connecting a job seeker with a potential job giver, Schwalbe says. In cases like this, it’s crucial to privately check in with both parties beforehand, especially the person with more power to ensure they are up for the introduction. 

In instances where the power dynamic is equal, Schwalbe says he doesn’t always pre-clear an introduction because it’s less transactional in nature. Just make sure the power dynamics are truly level. “If one person is immediately going to want something from the other person, even if they are of equal standing, then it reverts to case one,” Schwalbe says. 

State the reason for the introduction.

A good introductory email makes its purpose clear. “The hardest thing is when you don’t know why someone is introducing you,” Schwalbe says, a situation in which it’s easy “to disappoint just because you didn’t know what was expected of you. It’s awkward.”

After explaining why he is making the introduction, Pineiro sometimes likes to nudge one person to take the next step. Often, this is the person who has more to gain from the exchange: If, for example, Pineiro was to introduce his nephew to a CEO of a company, he’d make it clear that his nephew should reply first.

Either way, after making the initial intro, make it clear that your job is done. “End it with ‘I’ll let you guys take it from here’ and don’t involve yourself more,” Marinova says. 

Schwalbe’s go-to sign-off is a firm but polite: “I’ll leave it to the two of you to be in touch with one another. Please feel free to leave me off the thread going forward.”

Provide context.

This ties directly back to the previous strategy: Not only should your introductory email’s purpose be clear, but you should explain who each person is and, when necessary, what they do. “‘This person is really cool!’ is not context,” McKean says “Don’t make me try to glean from LinkedIn or Twitter what kind of questions might be asked of me.”

Often, this means including a brief professional bio. Hyperlinks, to websites or bodies of work, are your friend here. “If I say someone is an amazing writer, I’d link to one great story she did,” Marinova says. 

Under the right circumstances, this is also the place to include personal details. When making an email introduction, Pineiro tries to include one fact about each person that is not work-related. It could be a shared interest, or something out of left field, like “John knows Mick Jagger.” In Pineiro’s experience, such details, no matter how random, make it easier for people to kickstart a conversation that sounds human rather than robotic. 

Keep it short.

“Always ask yourself: What’s the point of this email? Cut out the small talk that normally clutters the beginning of emails,” Marinova says. “No one wants to read big blocks of text…especially for a first email.”

In addition to being time-consuming, a wall of words can be intimidating. “The longer you make your email, the more pressure it creates,” Pineiro says. As he’s gotten older and climbed the corporate ladder, he’s learned to pare down his email style. “When I was younger, the impetus was ‘let me write out my biography and send it to this person,’” he says. He now recognizes the value of keeping it friendly, but concise. 

Avoid hyperbole.

Connecting two people can come with the well-intentioned impulse to talk up both parties, which explains why so many introductory emails are riddled with superlatives. 

This is often unnecessary. “I don’t need to hear too much praise in your intro, especially not of myself,” McKean says. “If I trust you enough to be interested in your introduction, I don’t need to be flattered to take it.”

Taken too far, hyperbole can be counterproductive. Overselling, particularly when it comes to someone’s job title, is a recipe for awkward moments. (Erroneously promoting someone from an associate at a law firm to a partner, for example, creates a situation in which they are forced to clarify.) 

“Everyone doesn’t have to be amazing. It’s a sweet impulse, but it can actually makes people feel badly,” Schwalbe says. If you must embellish, “you can exaggerate someone’s personal qualities without exaggerating their professional qualifications.”