Skip Navigation
Skip to Footer

The Basics of Online Accessibility

25% of American adults have a disability. Below, learn about the basic steps anyone can take to make their online content more accessible to them.

Websites

Ensure that links are descriptive.
Good: Learn more about WCAG 2.2.
Bad: Click here!

Avoid timeouts if at all possible. If someone stopped you from reading this before you were ready to be stopped, you’d be rightfully annoyed.

Have a “Skip Navigation” option so people using screen readers don’t have to hear about every page on your website whenever they click a link to a new page.

Minimum font size = 16 pt. Avoid serif fonts.

Avoid flashing and blinking animations. If you must have them, warn users and allow users to turn them off.

Ensure that color contrast is accessible using WebAIM tool. For example: black on white is accessible, light gray on white isn’t (and is annoying).

Color should never be the sole way to convey information!

a popup saying "click the green button to win a car or the red button to erase your hard drive!" both buttons say "go!"

An example of what not to do.

Alt Text

Alt text communicates the purpose of a graphic, not just its appearance.

Keep in mind how the image is used to convey important content, to provide visual enhancement, or to link to other areas.

A woman wearing a face mask working at a computer

Sample Alt Text: A woman wearing a face mask working at a computer

There is no need to write “image of” in your alternative text. The user’s screen reader will identify the image as an image before it reads the alt text, so “image of” is redundant.

RespectAbility staff and board members smile together outside a restaurant in Washington DC

Sample Alt Text: RespectAbility Staff and Board members smile together outside a restaurant in Washington, D.C.

The best alternative text is as succinct as possible while still conveying all crucial information. If an image has too much text in it to convey in less than a sentence or two of alternative text, you should find another way to share the content.

Captions

Captions help with comprehension of dialogue, clarification of terminology, concentration, and engagement.

80% of people who use captions aren’t Deaf or hard of hearing. Many people turn them on in loud environments or when they want to watch discreetly.

Easily add captions by uploading your video to YouTube. If the audio quality is high enough, captions will automatically be generated after a bit of time.

Ensure accurate captions, not “craptions.” Inaccurate captions reflect poorly on you and your brand. In YouTube Studio choose the option to “Duplicate and Edit” automatic captions to add in names of speakers, fix punctuation/capitalization, and correct any words YouTube auto-captioning incorrectly transcribed. Learn more about how to do this at YouTube’s support website.

Share Your Captions Anywhere! If you are posting the video somewhere other than YouTube, download the subrip (SRT) file and upload it to wherever you are hosting the video.

Skip to Footer

Connect with us:

RespectAbility on Meta
RespectAbility on Instagram
RespectAbility on YouTube
Respectability on LinkedIn
RespectAbility on Tiktok

Respect Ability - Fighting Stigmas. Advancing Opportunities.

Contact Us

Mailing Address:
RespectAbility
43 Town & Country Drive
Suite 119-181
Fredericksburg, VA 22405

Office Number: 202-517-6272

Email: info@respectability.org

Operational Excellence

RespectAbility is recognized by GuideStar at the Platinum level, and has earned a Four-Star Rating from Charity Navigator.
© 2023 RespectAbility. All Rights Reserved. Site Design by Cool Gray Seven   |   Site Development by Web Symphonies   |      Sitemap

Back to Top

Translate »