Running Head: WE ARE TEACHERS ACCESSIBILITY REPORT 1

Accessibility Report: We Are Teachers

Shannon Mendrin
Arizona State University
WE ARE TEACHERS ACCESSIBILITY REPORT 2

Abstract

This report describes the conformance of the We Are Teachers website with general Web

Content Accessibility Guidelines (WCAG). The review process is described in Section 4 below

and is based on the W3C's.

Based on this evaluation, the We Are Teachers website is close to meeting the

accessibility standards.

Detailed review results are described in Section 5 below. Resources for follow-up study

are listed in Section 6 below.

Context

Conformance evaluation of web accessibility requires a combination of semi-automated

evaluation tools and manual evaluation by the reviewer. The evaluation results in this report are

based on evaluation conducted on July 12, 2020. The website may have changed since that time.

I chose to review We Are Teachers website as it is a website directed towards teachers. As

teachers, accessibility should be of utmost importance.

Website Reviewed

For this assignment, I chose to review weareteachers.com. We Are Teachers is a website

that provides resources, articles, and classroom ideas for teachers. I reviewed the homepage,

found at https://www.weareteachers.com/ on July 12, 2020. The natural language of the website

is English.

Review Process

As this was my first time ever reviewing website accessibility, I decided to review the

WCAG 2 checklist to the best of my ability, then compare it to ANDI findings to see if my
WE ARE TEACHERS ACCESSIBILITY REPORT 3

review is accurate. The WCAG 2 Checklist is extremely detailed, so I chose to focus on the main

aspects for this assignment due to length.

To begin the review process, I used the WCAG 2 Checklist. The first criteria to check is

non-text content. I checked the images on the site by right clicking and choosing “Inspect.” This

allowed me to discover that many images did not have alt text. The only form on the site was a

search function, which included a descriptive value in both the input field and the button. There

are no audio or video aspects to review on this website. As I review the code, it appears as

though the reading and navigation order is logical and organized. The colors have a

distinguishable contrast of color, using a white background with dark grey font and teal aspects.

There is an image with text used, however it meets the WCAG guidelines because it is strictly

for decoration purpose and doesn’t convey content. There is no flashy content or non-essential

animation on the page.

Next, I ran the ANDI program on the We Are Teachers website. As I previously

mentioned, many of the images lacked information, such as a title and alt text. Only two out of

the five had information provided. Of the focusable elements, this was the only flagged issue. I

then used ANDI to review the structures of the website. This included items like headings, lists,

and menus. ANDI found no issues with this aspect. When checking the tab order, I found that

most of the content was in a logical order, however there is a banner at the top of the page that is

set to the very last option and the title of the website comes after “register” and “login.” I then

checked the color contrast and discovered that the only color that was in compliance with the

proper ratio was the dark grey font color. The teal/white only had a contrast ratio of 2.83 and the

orange/white used was 2.68. This surprised me, as I originally felt the colors were in compliance.

Results & Recommendations

WE ARE TEACHERS ACCESSIBILITY REPORT 4

The We Are Teachers website showed strengths in many aspects, such as labeling of

links and use of font color. However, upon closer inspection there are aspects that could be

strengthened. Tab order was mostly correct, but there are a few items out of order. A majority of

the images lacked a title or alt text. Finally, while the colors originally appear to be adequate,

further inspection shows the colors used fail to meet the proper contrast standards.

These issues could easily be resolved with minimal effort. The first recommendation to

improve accessibility would be to change the color scheme to meet the correct ratio. A darker

shade of teal and orange may be sufficient, without being too drastic of a change. Tab order

could be rearranged slightly, so that the title of the website is read first, followed by any banners

with announcements at the top. Finally, adding information to all images appearing on the page

would improve accessibility.

WE ARE TEACHERS ACCESSIBILITY REPORT 5

References

ANDI - Accessibility Testing Tool - How To Use. (2020). ANDI.

https://www.ssa.gov/accessibility/andi/help/howtouse.html

WebAIM. (2020). WCAG 2 Checklist. https://webaim.org/standards/wcag/WCAG2Checklist.pdf