For the Open Source Studio Class, we were assigned to make the accessibility audit of a website. Since Itay and I are currently working in UX and QA for the next Adjacent issue (Adjacent is the online journal of emerging media published by ITP) and making it accessible is mandatory for us, I decided to audit it.
It is important to note that the page is not officially published yet, as we do have some design features to review, images to add and links to set. As we will be doing do in the next few days, this review could guide us on what’s missing regarding accessibility so we can launch it next Monday when it’s ready – and accessible!
The methodology was a complementary use of the WAVE – Web Accessibility Evaluation Tool and the Mac screen reader Voice Over.
The WAVE tool analyzes the writing code and the design issues related to the accessibility guidelines defined by the W3C in the WCAG. We can see we have several errors. I noted the absence of a header, which should be fixed. The other errors though are mainly regarding the use of the same links that is being used now as a placeholder for when all articles and pages are published.
Regarding colors, everything seems to be ok and accessible!
The website was also audited by using Mac VoiceOver. This was proven to be very hard, since there is no final content on in, and the repeated placeholders made everything confusing. I will definitely need to get back and redo this accessibility audit once we have the final version of the website.