LAMC Stock Photo

Disabled Students Programs & Services

Disabled Students Programs & Services : Web Accessibility : Site Evaluation

Site Evaluation

How To Evaluate A Site for Accessibility

There are two steps involved in evaluating site accessibility:

  • Technical Accessibility
  • User Accessibility

The order that these are done in is not important, but understanding the difference between the two is.

  • Technical Accessibility

    • Technical Accessibility can be evaluated by a program or tool that checks the HTML for the presence of necessary code, such as "Alt tags." Checking for technical accessibility manually may be ineffecient, especially on a large website, so these tools are indespensible to the site designer because it saves time, and catches things that may otherwise be missed. Evaluation tools compile a list of things that must be fixed in order for a website to pass the compliance test. Some tools will only present the list to the user, while others will fix or repair the problem. There are many evaluation tools that are free, while some cost hundreds of dollars. This section examines the usage of the tools, Infocus and Bobby. It must be noted however, that these evaluation tools should not be the only thing relied upon to truly test a website.
    •  
  • User Accessibility

    • User Accessibility deals with whether the accessibility in a website is "equivalent." For instance, a user accessibility issue is whether or not an alt tag conveys the meaning and content of a photo accurately enough that the description is equivalent to actually seeing the image. For obvious reasons this cannot be evaluated by a tool or program. Some evaluation programs will bring these up as manual or user checks. While Many evaluation tools prompt a user to check for equivalency, which is helpful, the user must still make that evaluation themselves. It is possible that a website will pass the a technical evaluation with flying colors, but if the content is lacking, then it may still be of minimal assistance to a disabled user.
____________________________________________________________________________________________________

 WAVE - Web Accessibility Evaluation Tool

WAVE is a suite of evaluation tools that help authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. You can use the online WAVE tool by entering a web page address (URL) in the field above. WAVE Firefox and Chrome extensions are available for testing accessibility directly within your web browser - handy for checking password protected, locally stored, or highly dynamic pages. We also have a WAVE Runner servicesubscription WAVE API and a stand-alone WAVE API for easily collecting data on many pages. If you need enterprise-level reporting and tracking of accessibility, WAVE powers the Pope Tech accessibility tool.


Video Credit: WebAIM - Web Accessibility in Mind - Introduction to WAVE (total length 11:20 mins)

Source: 

https://wave.webaim.org/

Download: 

WAVE Toolbar for Chrome 
WAVE Toolbar for FireFox 

____________________________________________________________________________________________________

 Accessible Name & Description Inspector

ANDI is a free tool to test web content for accessibility. It is a "favelet" or "bookmarklet" that will:

  • Provide automated detection of accessibility issues
  • Reveal what a screen reader should say for interactive elements
  • Give practical suggestions to improve accessibility and check 508 compliance
  • Give practical suggestions to improve accessibility and check 508 compliance

ANDI - web accessibility evaluation pluginSource: 

Accessible Name & Description Inspector

Installation:

Refer to the ANDI (Accessible Name & Description Inspector) web page for instructions. 

____________________________________________________________________________________________________

Colour Contrast Analyser

The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators. Features include, WCAG 2.1 compliance indicators, Several ways to set colours: raw text entry (accepts any valid CSS colour format), RGB sliders, colour picker (Windows and macOS only), Support for alpha transparency on foreground colours and Colour blindness simulator.

Colour contrast Analyser tool

Source: 

The Paciello Group, Colour contrast analyser

Download: 

Colour Contrast Analyser for Windows / macOS
____________________________________________________________________________________________________

Grayscale the Web

Removes all color from websites, turning them gray. Can be set for specific sites and tabs, or for all sites. When you first install Grayscale the Web, you will need to refresh any tabs that were already open before this will work for them. Once you refresh a tab it should work from then on out. Any new tabs you open should work fine right away.

Grayscale content testing tool

Source:

Chrome Web Store.

Download:

 Grayscale The Web - Save Sites
____________________________________________________________________________________________________
 

Adds a toolbar button with various web developer tools. The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.

Web Developer extension tool

Source:

Chrome Web Store.

Download:

Web Developer Extension 

Contact Us

818-364-7672

DSPSinfo@lamission.edu

Hours

Monday

8:30am - 4:30pm

Tuesday

8:30am - 4:30pm

Wednesday

8:30am - 4:30pm

Thursday

8:30am - 4:30pm

Friday

8:30am - 1:00pm

Saturday

CLOSED

Sunday

CLOSED


Test Accommodation Hours:
Because of COVID-19 Most exams will be proctor online (in-Canvas) by your professor.

For In-Person exams: No Fridays exams.
Mondays to Thursdays: 8:30am to 4:30pm 
Please be sure to make plans based on
your extra time on exams.

Resources