Hello Andy,
Thank you for raising this concern! We take accessibility very seriously and have worked specifically to improve accessibility with this designversion of website to the past version.
We performed two audits to compare and improve accessibility:
1. Google Lighthouse
https://developers.google.com/web/tools/lighthouse/
a. Lighthouse checks if all ui components have aria-* attributes and all interactive elements have correct labelling for Screenreaders. b. Lighthouse also checks color contrast ratios for all elements on website and flags the ones that do not pass WCAG guidelines c. It also checks for proper navigation methods throughout ordered and unordered lists
The new website scored 94/100 on Lighthouse Audit. It passed 18 tests and failed 2.
There are 3 more fixes we need to do which we are planning to submit to bring that score to 100/100. Those involve modification to 3rd party extensions that are used on WordPress and thus taking a bit of time to get around.
2. aXe
aXe is a testing tool to perform similar audit but can catch some other kinds of accessibility issues like page landmarks.
The previous design had 146 accessibility issues with aXe audit and we brought that number down to 43 issues, most of which are WCAG contrast issues which are contextual because of line colors or ornamentation that is not essential to websites function. However, we are working to improve things to bring it down to 0. There are some known easy fixes for this too which we are working to deploy.
3. The new Firefox version released this week also has some interesting accessibility tests
We plan to run those as well, it was just released on July 9th.
That was just the audits we performed, but you bring up a good point about autoscrolling element. We should definitely include the mechanism to pause/play the sliding mural so we pass that test. We will take this into our workboard and work towards fixing this.
Accessibility for us is a never ending effort and we always find ways to improve it wherever possible. We will keep track of these issues and fix them on priority.
- greg and Design team
On Jul 10, 2019, at 1:59 AM, Andy Mabbett andy@pigsonthewing.org.uk wrote:
On Wed, 10 Jul 2019 at 02:31, Gregory Varnum gvarnum@wikimedia.org wrote:
Today, we are thrilled to share an updated visual design style on the Wikimedia Foundation website (wikimediafoundation.org)!
Thank you. This is a vast improvement on the previous design.
However, I'm troubled that there is a scrolling background image, and I cannot find a way to stop it moving. This is in breach of this WCAG 2 web accessibility guideline:
https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html
and, if that guideline is breached right on the home page, then I am concerned that insufficnt thought has been given to accessibility in general.
What kind of accessibility audit was undertaken on the new design?
-- Andy Mabbett @pigsonthewing http://pigsonthewing.org.uk
Wikimedia-l mailing list, guidelines at: https://meta.wikimedia.org/wiki/Mailing_lists/Guidelines and https://meta.wikimedia.org/wiki/Wikimedia-l New messages to: Wikimedia-l@lists.wikimedia.org Unsubscribe: https://lists.wikimedia.org/mailman/listinfo/wikimedia-l, mailto:wikimedia-l-request@lists.wikimedia.org?subject=unsubscribe