Testing on Chrome

[raineydavid]

Test the development site: http://devwomenhackfornonprofits.s3-us-west-2.amazonaws.com/index.html on iPad device (please pm Lili if you need access to browserstack for testing).

• [x] Check that nothing looks broken, things do not overlap anywhere
• [x] Check the layout of all pages looks the same as on Chrome browser, make sure there are no layout issues
• [x] Check you cannot submit forms with missing mandatory/required info
• [x] Try to generate errors when submitting a form, does an appropriate error show?

[raineydavid]

Logo missing women hack for non profits description, more apparent on all pages that are not the index as only reference to women hack for non profits is in the footer.

On the index page our partners section: sponsoring spelt incorrectly as sponsiring

Jaspal's voice is spelt inconsistently eg Jaspals voice and Jaspal's voice and does not mirror the embedded website image spelling of Jaspal's voice

On the about page, there is a floating line over the text

Blog Publishing directly on medium rather than using canonical links. https://help.medium.com/hc/en-us/articles/217991468-Duplicate-Content-and-SEO

Also public message inconsistent: Blog mantra: "Volunteer run community helping women to improve their tech skills while working on real life projects for social good."

Website Mantra: We are a community of women in tech building open source projects for non-profit organizations and individuals with a cause.

Call to Action Buttons Expecting to volunteers and non-profit buttons on the index hero image.

Expecting the call to action buttons eg volunteer with us to take me lower down the page to a div with relevant form eg Volunteer with us

Contact Us Expecting to see twitter facebook email etc.. for example: https://www.britishgas.co.uk/Help_Advice/ContactUs/ whfnp:

Unexpectedly left the site after submitting form to formspree

[lili2311]

Thanks!

• Sponsoring spelling fixed in a PR
• We wont be moving away from formspree as it is free, maybe when there is a CMS instead can use that
• no CTAs will be added to homepage, these designs are final.
• no wording will be added under logo these designs are final. basically we wont be changing much visually as we agreed to just fixed what we had in tickets up until now. Just looking for bugs at this point to deploy.

[raineydavid]

• Please consider moving from formspree to mailchimp, at least you can redirect onto whfnp page http://kb.mailchimp.com/lists/signup-forms/design-and-host-your-own-thank-you-pages
• There is still an issue with speed.. similar for web and mobile

[raineydavid]

Also spam protection for the form eg: Hidden form fields https://www.sitepoint.com/easy-spam-prevention-using-hidden-form-fields/

or Recaptcha https://developers.google.com/recaptcha/

[raineydavid]

Accessibility

Accessibility Violations

Missing text in links for social icons in footer, no text visible to screen readers

Images insufficiently described

eg WHFNP logo image rather than Orange W,H,F,N,P letters in capitals for women hack for non profits logo

colour contrast

Insufficient on index page - see http://webaim.org/resources/contrastchecker/ For example: Become a Partner

Element has insufficient color contrast of 4.41 (foreground color: #ffffff, background color: #e42e3d, font size: 12.0pt, font weight: bold)

Fix any of the following Related Nodes: body > section:nth-of-type(6) > .container > .col-sm-12 > .button

[raineydavid]

Missing files

Missing venntro image as two g in file name for http://devwomenhackfornonprofits.s3-us-west-2.amazonaws.com/index.html https://res.cloudinary.com/drdmdqahj/image/upload/q_auto:good/v1478311036/venntro_logo_mwfngp.pngg

Missing google analytics file http://cdn.owlcdn.com/google/analytics/analytics.js

[lili2311]

• changes to blog are out of scope
• created tickets to fix colour contrast on buttons
• spam prevention out of scope formspree does this sufficiently and we have received no spam for over a year
• moving away from formspree out of scope

[raineydavid]

Fromspree Redirect

http://devwomenhackfornonprofits.s3-us-west-2.amazonaws.com/contact.html It turns out we can do redirect in Formspree (so no mailchimp required) we can do this by adding _next to another hidden input to specify which url we'd like users to be sent to one they’ve submitted the form. Can this be utilised? Just following tutorial from here: https://webdesign.tutsplus.com/tutorials/quick-tip-add-a-formspree-form-to-your-static-sites--cms-23870

\

[lili2311]

what page are you referring to? if you are mentioning the email signup then we want to use mailchimp

[raineydavid]

Updated the comment above to have the correct link .. oops

[lili2311]

Redirect added and button colours fixed.