2018 Audits using webAIM's WAVE

The original district website was run through the webAIM WAVE. 

The program flagged issues such as missing alt text for images and graphics, color contrast issues, and navigation order issues (title, headers and normal text) that would prevent a screen reader from logically following information. 

Screenshot of district website webAIM WAVE report showing list of errors and warnings found

This screenshot of the original district website's webAIM WAVE report showing redundant links. This makes extra work for those navigating the website with the keyboard or a screen reader

Screenshot of original district website's report showing redundant links

These screenshots of the original district website's webAIM WAVE report showing some of the low color contrast issues found

First screenshot of the original district website's webAIM WAVE report showing low color contrast issues found
Second screenshot of the original district website's webAIM WAVE report showing low color contrast issues found

The new district website was also run through the webAIM WAVE program. 

This screenshot of the new district website's webAIM WAVE report shows that all the icons embedded on the site have Alt Text

screenshot showing icons on district website have alt text applied

But the new district website is not free of errors. The report found the website navigation was disrupted by headers used out of order. The first screenshot shows the headers used out of order (H1 to H3 to H2). The second screenshot shows the header issue resolved. This was addressed by making the mission statement a regular block of text rather than the larger header text originally used. This will need to be addressed on all the websites. 

Screenshot of new district site report showing headers out of order
Screenshot of new district website's report showing the header issue resolved

There are still color contrast issues to address with the new websites. These will be addressed in the near future. 

Screenshot of new district website showing some of the known color contrast issues

The webAIM WAVE program also flagged the links within the top navigation. While this is extremely helpful to navigate among the district and school websites for many users, screen readers have trouble with these links. Translation services also seems to have trouble with these top navigation links. To remedy this but also include the option to use top navigation, another set of district and school links were added beneath the website translation section of each website that should aid in translation and screen reader usage.  

Screenshot of new district website report showing issues with top navigation links

The original websites also utilized drop down links from the header. These drop down links were distracting and also difficult for screen readers to follow. The design of the new websites moved most linked content to the main page of the websites. The aimWEB WAVE program reported that this design did not have major errors.

Screenshot of original district website showing drop down menu of links
Screenshot of new district website report showing links embedded within website without errors