Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

2019-07-12 Thread Gregory Varnum
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 

https://www.deque.com/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  wrote:
> 
> On Wed, 10 Jul 2019 at 02:31, Gregory Varnum  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, 
> 


___
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, 


Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

2019-07-11 Thread Paulo Santos Perneta
Hey Greg,

Looks way nicer than the previous version. The thing always moving may be a
little bit annoying after some time, maybe it could have a stop button, and
it would be nice if we could slide it on our will. But the drawing is very
cool.

+1 to change the bright canary yellow box to a more discrete colour (like a
pale yellow, maybe).

Best,
Paulo



Gregory Varnum  escreveu no dia quarta, 10/07/2019
à(s) 02:32:

> Hello!
>
> Today, we are  thrilled to share an updated visual design style on the
> Wikimedia Foundation website (wikimediafoundation.org)!
>
> This updated design was developed by the Wikimedia Foundation’s Product
> design team. We worked on feedback from Meta-Wiki, emails, Phabricator, and
> hundreds of conversations paired with user testing with people in the
> target audiences for the website. We are incredibly appreciative of the
> great care that team has taken in making strategic, data-led design
> decisions and really helping us amplify the website's ability to convey our
> story to people generally unfamiliar with Wikimedia.
>
> We have also expanded on the information about the website on its Meta-Wiki
> page,[1] and updated the public mirror of the code base to reflect the
> technical changes made to the site for this updated design.[2]
>
> Thank you to the now hundreds of people that have been involved in helping
> us build a website for the Foundation which we can be proud of!
> -greg & the Wikimedia Foundation Communication team
>
> = A bit more about the site =
>
> == How is the site doing? ==
>
> Since the site's soft launch in July 2018, traffic has continued to
> increase. There has also been a significant increase in donations collected
> via this website. Two key audiences, potential staff and partners, have
> shared positive feedback on the site’s content and organization, enabling
> them to find jobs and contact key teams respectively. Additionally, user
> testing has shown a positive response to the content and overall
> architecture of the site.
>
> == What brought us here ==
>
> The Wikimedia Foundation Communications department has been collecting
> feedback on the Foundation's website since late 2016 and beginning in
> early 2017 has been working on addressing the backlog of issues related to
> the website. The original Foundation site, launched in 2004, did not have a
> clear audience, and as a result was not effectively serving any of the
> hundreds of uses people saw for it. Maintaining the site's content beyond
> English had become a growing problem - leaving visitors with different
> information, depending on which language they were using, on basic details
> like our address and executive staff. Additionally, the site had over
> 17,000 pages - a vast majority of which were either out of date or no
> longer in use.
>
> In 2017-18, the Communications department ran a "Discovery" process to help
> inform our decision making. This process included reviews of methods used
> by other organizations, assessment of our current communication channels,
> collecting feedback at Wikimania, and interviews with dozens of volunteers,
> donors, contractors, and staff. The resulting report[3] and recommendations
> helped identify the objectives and audiences of the website,[1] and were
> utilized throughout the initial design and development of the new website.
>
> Shortly after the soft launch, the department began working with the
> Product department's design team to perform user testing, process feedback
> collected in the weeks following the soft launch, and collect additional
> feedback to help us make informed decisions. They helped us collect and
> process feedback from hundreds of individuals within and outside of the
> movement.
>
> Based on feedback, they conducted user testing and developed the updated
> design we deployed this morning. We will continue to use a data and
> feedback informed decision making in managing the site. Given the external
> audience nature of the site, it has consistently proven important to take
> the time to collect feedback and data from a wide variety of sources -
> including volunteers, press, donors, partner organizations, and readers of
> the projects.
>
> == What comes next ==
>
> More languages! The Communications department will continue to work on
> content development and expanding translations to additional languages. If
> you are interested in our plans for translations, please check out the
> information shared recently about the Organization communications
> translators group.[5]
>
> == Providing feedback ==
>
> The Communications department will continue to monitor the talk page for
> the Foundation's website on Meta-Wiki.[6] Additionally, I will be attending
> Wikimania in Stockholm and available to chat with folks.[7]
>
> [1] https://meta.wikimedia.org/wiki/Wikimedia_Foundation_website
> [2] https://github.com/wikimedia/wikimediafoundation-org
> [3]
>
> 

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

2019-07-11 Thread Thomas Townsend
Andy

> What kind of accessibility audit was undertaken on the new design?

You might like to look at Phabricator ticket T6845 concerning an
accessibility issue dating back to 2006 which remains unresolved.

The Turnip

___
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, 


Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

2019-07-10 Thread Samuel Klein
Hello Greg + all! Gorgeous, text- & image-rich, substantive, structural,
inspiring, multilingual. 11/10.German? -SJ

On Tue, Jul 9, 2019 at 9:32 PM Gregory Varnum  wrote:

> Hello!
>
> Today, we are  thrilled to share an updated visual design style on the
> Wikimedia Foundation website (wikimediafoundation.org)!
>
> This updated design was developed by the Wikimedia Foundation’s Product
> design team. We worked on feedback from Meta-Wiki, emails, Phabricator, and
> hundreds of conversations paired with user testing with people in the
> target audiences for the website. We are incredibly appreciative of the
> great care that team has taken in making strategic, data-led design
> decisions and really helping us amplify the website's ability to convey our
> story to people generally unfamiliar with Wikimedia.
>
> We have also expanded on the information about the website on its Meta-Wiki
> page,[1] and updated the public mirror of the code base to reflect the
> technical changes made to the site for this updated design.[2]
>
> Thank you to the now hundreds of people that have been involved in helping
> us build a website for the Foundation which we can be proud of!
> -greg & the Wikimedia Foundation Communication team
>
> = A bit more about the site =
>
> == How is the site doing? ==
>
> Since the site's soft launch in July 2018, traffic has continued to
> increase. There has also been a significant increase in donations collected
> via this website. Two key audiences, potential staff and partners, have
> shared positive feedback on the site’s content and organization, enabling
> them to find jobs and contact key teams respectively. Additionally, user
> testing has shown a positive response to the content and overall
> architecture of the site.
>
> == What brought us here ==
>
> The Wikimedia Foundation Communications department has been collecting
> feedback on the Foundation's website since late 2016 and beginning in
> early 2017 has been working on addressing the backlog of issues related to
> the website. The original Foundation site, launched in 2004, did not have a
> clear audience, and as a result was not effectively serving any of the
> hundreds of uses people saw for it. Maintaining the site's content beyond
> English had become a growing problem - leaving visitors with different
> information, depending on which language they were using, on basic details
> like our address and executive staff. Additionally, the site had over
> 17,000 pages - a vast majority of which were either out of date or no
> longer in use.
>
> In 2017-18, the Communications department ran a "Discovery" process to help
> inform our decision making. This process included reviews of methods used
> by other organizations, assessment of our current communication channels,
> collecting feedback at Wikimania, and interviews with dozens of volunteers,
> donors, contractors, and staff. The resulting report[3] and recommendations
> helped identify the objectives and audiences of the website,[1] and were
> utilized throughout the initial design and development of the new website.
>
> Shortly after the soft launch, the department began working with the
> Product department's design team to perform user testing, process feedback
> collected in the weeks following the soft launch, and collect additional
> feedback to help us make informed decisions. They helped us collect and
> process feedback from hundreds of individuals within and outside of the
> movement.
>
> Based on feedback, they conducted user testing and developed the updated
> design we deployed this morning. We will continue to use a data and
> feedback informed decision making in managing the site. Given the external
> audience nature of the site, it has consistently proven important to take
> the time to collect feedback and data from a wide variety of sources -
> including volunteers, press, donors, partner organizations, and readers of
> the projects.
>
> == What comes next ==
>
> More languages! The Communications department will continue to work on
> content development and expanding translations to additional languages. If
> you are interested in our plans for translations, please check out the
> information shared recently about the Organization communications
> translators group.[5]
>
> == Providing feedback ==
>
> The Communications department will continue to monitor the talk page for
> the Foundation's website on Meta-Wiki.[6] Additionally, I will be attending
> Wikimania in Stockholm and available to chat with folks.[7]
>
> [1] https://meta.wikimedia.org/wiki/Wikimedia_Foundation_website
> [2] https://github.com/wikimedia/wikimediafoundation-org
> [3]
>
> https://upload.wikimedia.org/wikipedia/foundation/1/1b/Wikimedia_Foundation_website_-_2017-2018_update_-_Discovery_brief.pdf
> [5]
>
> https://meta.wikimedia.org/wiki/Communications/Organization_communications_translators_group
> [6] https://meta.wikimedia.org/wiki/Talk:Wikimedia_Foundation_website
> [7] 

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

2019-07-10 Thread Andy Mabbett
On Wed, 10 Jul 2019 at 02:31, Gregory Varnum  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, 


Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

2019-07-10 Thread Strainu
În mie., 10 iul. 2019 la 09:21, Kalliope Tsouroupidou
 a scris:
>
> Hey Greg,
>
> Sending privately [snip]

Nope :)

> Warm regards,
>
> K.
>
> On Wed, Jul 10, 2019 at 4:32 AM Gregory Varnum 
> wrote:
>
> > Hello!
> >
> > Today, we are  thrilled to share an updated visual design style on the
> > Wikimedia Foundation website (wikimediafoundation.org)!

I can't possibly express the relief I feel for not having to live with
the horrifying color choices of the previous version. Welcome back to
the 21st century WMF!

Strainu

> >
> > This updated design was developed by the Wikimedia Foundation’s Product
> > design team. We worked on feedback from Meta-Wiki, emails, Phabricator, and
> > hundreds of conversations paired with user testing with people in the
> > target audiences for the website. We are incredibly appreciative of the
> > great care that team has taken in making strategic, data-led design
> > decisions and really helping us amplify the website's ability to convey our
> > story to people generally unfamiliar with Wikimedia.
> >
> > We have also expanded on the information about the website on its Meta-Wiki
> > page,[1] and updated the public mirror of the code base to reflect the
> > technical changes made to the site for this updated design.[2]
> >
> > Thank you to the now hundreds of people that have been involved in helping
> > us build a website for the Foundation which we can be proud of!
> > -greg & the Wikimedia Foundation Communication team
> >
> > = A bit more about the site =
> >
> > == How is the site doing? ==
> >
> > Since the site's soft launch in July 2018, traffic has continued to
> > increase. There has also been a significant increase in donations collected
> > via this website. Two key audiences, potential staff and partners, have
> > shared positive feedback on the site’s content and organization, enabling
> > them to find jobs and contact key teams respectively. Additionally, user
> > testing has shown a positive response to the content and overall
> > architecture of the site.
> >
> > == What brought us here ==
> >
> > The Wikimedia Foundation Communications department has been collecting
> > feedback on the Foundation's website since late 2016 and beginning in
> > early 2017 has been working on addressing the backlog of issues related to
> > the website. The original Foundation site, launched in 2004, did not have a
> > clear audience, and as a result was not effectively serving any of the
> > hundreds of uses people saw for it. Maintaining the site's content beyond
> > English had become a growing problem - leaving visitors with different
> > information, depending on which language they were using, on basic details
> > like our address and executive staff. Additionally, the site had over
> > 17,000 pages - a vast majority of which were either out of date or no
> > longer in use.
> >
> > In 2017-18, the Communications department ran a "Discovery" process to help
> > inform our decision making. This process included reviews of methods used
> > by other organizations, assessment of our current communication channels,
> > collecting feedback at Wikimania, and interviews with dozens of volunteers,
> > donors, contractors, and staff. The resulting report[3] and recommendations
> > helped identify the objectives and audiences of the website,[1] and were
> > utilized throughout the initial design and development of the new website.
> >
> > Shortly after the soft launch, the department began working with the
> > Product department's design team to perform user testing, process feedback
> > collected in the weeks following the soft launch, and collect additional
> > feedback to help us make informed decisions. They helped us collect and
> > process feedback from hundreds of individuals within and outside of the
> > movement.
> >
> > Based on feedback, they conducted user testing and developed the updated
> > design we deployed this morning. We will continue to use a data and
> > feedback informed decision making in managing the site. Given the external
> > audience nature of the site, it has consistently proven important to take
> > the time to collect feedback and data from a wide variety of sources -
> > including volunteers, press, donors, partner organizations, and readers of
> > the projects.
> >
> > == What comes next ==
> >
> > More languages! The Communications department will continue to work on
> > content development and expanding translations to additional languages. If
> > you are interested in our plans for translations, please check out the
> > information shared recently about the Organization communications
> > translators group.[5]
> >
> > == Providing feedback ==
> >
> > The Communications department will continue to monitor the talk page for
> > the Foundation's website on Meta-Wiki.[6] Additionally, I will be attending
> > Wikimania in Stockholm and available to chat with folks.[7]
> >
> > [1] https://meta.wikimedia.org/wiki/Wikimedia_Foundation_website
> > [2] 

Re: [Wikimedia-l] An updated design for the Wikimedia Foundation website

2019-07-10 Thread Kalliope Tsouroupidou
Hey Greg,

Sending privately to say that I think the site looks fantastic! Huge
improvement from the previous version. And I love that moving graphic image
on the landing page.

My only one suggestion would be that that bright canary yellow banner is
softened up. I'm a big fan of colours, don't get me wrong, but I wonder if
this might be a little too bright? I very much like the soft red/pink
banner used on the Support Wikipedia page (which is the only deviation from
the bright yellow seen on all other pages) and wonder whether it might look
nice for each page to be colour coordinated with a different colour. So, a
pale blue for Research, pale green for Advocacy, and so on so forth.

All in all, this looks great. Again I love that graphic!!! Very fresh and
very creative!

Warm regards,

K.

On Wed, Jul 10, 2019 at 4:32 AM Gregory Varnum 
wrote:

> Hello!
>
> Today, we are  thrilled to share an updated visual design style on the
> Wikimedia Foundation website (wikimediafoundation.org)!
>
> This updated design was developed by the Wikimedia Foundation’s Product
> design team. We worked on feedback from Meta-Wiki, emails, Phabricator, and
> hundreds of conversations paired with user testing with people in the
> target audiences for the website. We are incredibly appreciative of the
> great care that team has taken in making strategic, data-led design
> decisions and really helping us amplify the website's ability to convey our
> story to people generally unfamiliar with Wikimedia.
>
> We have also expanded on the information about the website on its Meta-Wiki
> page,[1] and updated the public mirror of the code base to reflect the
> technical changes made to the site for this updated design.[2]
>
> Thank you to the now hundreds of people that have been involved in helping
> us build a website for the Foundation which we can be proud of!
> -greg & the Wikimedia Foundation Communication team
>
> = A bit more about the site =
>
> == How is the site doing? ==
>
> Since the site's soft launch in July 2018, traffic has continued to
> increase. There has also been a significant increase in donations collected
> via this website. Two key audiences, potential staff and partners, have
> shared positive feedback on the site’s content and organization, enabling
> them to find jobs and contact key teams respectively. Additionally, user
> testing has shown a positive response to the content and overall
> architecture of the site.
>
> == What brought us here ==
>
> The Wikimedia Foundation Communications department has been collecting
> feedback on the Foundation's website since late 2016 and beginning in
> early 2017 has been working on addressing the backlog of issues related to
> the website. The original Foundation site, launched in 2004, did not have a
> clear audience, and as a result was not effectively serving any of the
> hundreds of uses people saw for it. Maintaining the site's content beyond
> English had become a growing problem - leaving visitors with different
> information, depending on which language they were using, on basic details
> like our address and executive staff. Additionally, the site had over
> 17,000 pages - a vast majority of which were either out of date or no
> longer in use.
>
> In 2017-18, the Communications department ran a "Discovery" process to help
> inform our decision making. This process included reviews of methods used
> by other organizations, assessment of our current communication channels,
> collecting feedback at Wikimania, and interviews with dozens of volunteers,
> donors, contractors, and staff. The resulting report[3] and recommendations
> helped identify the objectives and audiences of the website,[1] and were
> utilized throughout the initial design and development of the new website.
>
> Shortly after the soft launch, the department began working with the
> Product department's design team to perform user testing, process feedback
> collected in the weeks following the soft launch, and collect additional
> feedback to help us make informed decisions. They helped us collect and
> process feedback from hundreds of individuals within and outside of the
> movement.
>
> Based on feedback, they conducted user testing and developed the updated
> design we deployed this morning. We will continue to use a data and
> feedback informed decision making in managing the site. Given the external
> audience nature of the site, it has consistently proven important to take
> the time to collect feedback and data from a wide variety of sources -
> including volunteers, press, donors, partner organizations, and readers of
> the projects.
>
> == What comes next ==
>
> More languages! The Communications department will continue to work on
> content development and expanding translations to additional languages. If
> you are interested in our plans for translations, please check out the
> information shared recently about the Organization communications
> translators group.[5]
>
> ==