HDTutorial
EN
How to improve your website through accessibility testing (Part 1)

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to improve your website through accessibility testing (Part 1)

1,318 views April 25, 2020 23:17

Watch on YouTube
ChannelAquent Gymnasium

Description from the creator

In this live coding tutorial, Michael Vano of Dev 6, and Jeremy Osborn, the Academic Director of Aquent Gymnasium, will demonstrate how you can use the free Web Accessibility Evaluation Tool (WAVE) to perform a series of automated tests in order to improve the accessibility of a website.

If you liked this video be sure to check out our free, online courses at Aquent Gymnasium and if you or your company have front-end development and/or web accessibility needs, get in touch with us at Dev6.

Aquent Gymnasium: thegymnasium.com
Dev6: dev6.com

Resources mentioned in this video include:

LINKS TO THE WAVE EXTENSION
Chrome: chrome.google.com/webstore/detail/wave-evaluati…
Firefox: addons.mozilla.org/en-US/firefox/addon/wave-acc…

AVOIDING "EMPTY LINKS"

w3.org/TR/WCAG20-TECHS/H30.html
webaim.org/techniques/css/invisiblecontent/ (Includes the code for the SR-only CSS class used in this video)

ACHIEVING PROPER COLOR CONTRAST

webaim.org/articles/contrast/

WORKING WITH FORMS AND LABELS

w3.org/WAI/tutorials/forms/labels/

IMAGE ALT TEXT REFERENCE

w3.org/TR/WCAG20-TECHS/H37.html

About this tutorial

Aquent Gymnasium published this 23:17 video tutorial on April 25, 2020. It has been watched 1,318 times on YouTube.

Category
Education
Duration
23:17
Published
April 25, 2020
Views
1,318
Likes
24

Share

Further reading

  • Handling common accessibility problems - Learn web development | MDN developer.mozilla.org

    Make sure your site's color contrast is acceptable, using a suitable checking tool. Make sure hidden content is visible by screenreaders. Make sure that functionality is usable without JavaScript wherever possible. Use…

  • Top 10 Tips for Making Your Website Accessible | Web Access webaccess.berkeley.edu

    1. Choose a content management system that supports accessibility. There are many content management systems available to help you build your website. Common examples include Drupal and Wordpress, but there are many oth…

  • 10 Ways to Make Your Website Accessible - DreamHost dreamhost.com

    10 Ways to Make Your Website Accessible. Now we’re going to look at a few ways you can make your website more accessible right away. First, we should mention that one of the most important things you need to do is choos…

This tutorial in other languages