Categories
News

Resources for building accessible websites using WP

The resources below accompany the talk on accessible website design, from both user and developer perspectives, given by Zuzana Kunckova and Elisabeth Klaar at the March 2018 meeting of Cambridge WordPress Meetup.

Reasons for making your site accessible to everyone

Disability affects 1 in 5 of the UK population – that’s 12.9 million people who will find it easier to be your customers or site user if your site is accessible to them. An infographic from A Bright Clear Web gives further facts and figures to motivate you to make your site accessible. Fully referenced at the bottom of the page.

Also worth reading is Zuzana Kunckova’s medium article ‘Is your website accessible? If not you may be losing money!’

You can also learn more about the Social Model of Disability on Wikipedia.

Design principles

The W3C Web Accessibility Initiative’s guide to Accessible Design Principles will get you up to speed on the key principles (make your site Perceivable, Operable, Understandable and Robust) of accessible design.

Accessibility tips for beginners/users/non-coders

WPBeginner has a useful introductory article giving ‘non-coder’ tips for improving accessibility

The WP Accessiblity Plug-in developed by Joe Dolson is also an excellent way to configure your site if you are concerned it’s not accessible but you don’t want to change themes.

Adding images, text and video

A Bright Clear Web has an excellent ‘how to’ blog piece on adding alt text to images in the right way.

Foxland’s article on accessible content covers all bases from a user perspective – headings, video, images and more.

The UK Government has produced some fantastic posters about accessibility and website design, indicating the various ways the users with different impairments can benefit from tweaks in use of colour, in particular.

There are particular considerations for sharing information with people who have a learning difficulty, and the technique of Easy Read has been developed to help with this.

Accessibility for developers

The W3C guidelines for accessibility are a key resource

The WordPress Accessibility Handbook

There are also many articles on WebAIM going into detail about many aspects of accessibility, including intros/guidelines for key areas.

WAI-ARIA guidelines: https://www.w3.org/TR/wai-aria-1.1/

Tools for assessing accessibility

HTML validator – https://validator.w3.org/ Chrome/Firefox Developer tools aXe Firefox and Chrome browsers extention WAVE – accessibility checker https://wave.webaim.org/ (also a chrome extension) Readibility checker – https://www.webpagefx.com/tools/read-able/ Contrast ration checker – http://leaverou.github.io/contrast-ratio/ Accessibility checklist – https://github.com/Heydon/inclusive-design-checklist

Courses, for if you want to take it further

Udacity course on Accessible website design (general)

https://github.com/mgifford/a11y-courses (general)

WordPress: Accessibility on Lynda (WordPress specific)

People/groups to follow on twitter or on their blogs

The following people tweet or blog regularly about issues concerning accessibility and WordPress:

Joe Dolson   @joedolson

Claire Brotherton  @abrightclearweb

Graham Armfield  @coolfields

Adrian Roselli   @aardrian

Sami Keijonen  @samikeijonen

Rian Rietveld    @rianrietveld

WordPress.tv

And don’t forget to check out the useful and interesting videos on WordPress.tv, in particular those exploring issues to do with accessibility. Typcially, these are videos of talks given at WordCamps around the world and are a useful resource for learning about many aspects of WordPress.

Categories
Presentations

Creating awesome images for your business presentation

Here are the slides from the “Creating awesome images for your business” presentation by Jemima Willcox.

Jemima talked about creating images for use on your website and for social media. She also discussed how to find royalty-free images, using pictures of people correctly, sizing images and more.

Check out the slides below:

Click on the image above to open the slides in PDF format
Categories
Courses

Useful WordPress Courses

Here are some useful WordPress courses. Do you have any others you’d like to add? Let us know!

General WP Courses

WPShout – described as “In-Depth WordPress Tutorials for Developers”

Free Code Camp (free, natch) – Very accessible and of course free, so if you don’t get on with it you don’t lose anything. I don’t think there is a lot of WordPress conent (feel free to correct me on this!) But it does have a tonne of JS and React stuff

WP101 – Described as Easy WordPress video tutorials for beginners. I’ve heard this is the go to place for beginners. Haven’t tried it myself though

Press Ups – A more personal way to learn WP? (Again I haven’t tried it). Looks like lots of short free WordPress screencasts

KnowTheCode (paid) – A huge resource of videos for developers, including a selection of free ones. I found the delivery style of the videos a bit difficult. But it’s probably the most comprehensive resource out there. Learn how to build themes and plugins “the right way”. Learn local development as well. Seemed to have a bit of a bias towards building sites using the Genesis theme as a framework.

Gutenberg courses

Gutenberg Development Courses (online, paid for) featuring instructors Zac Gordon and Joe Casabona. Joe teaches users about how do use the new Gutenberg interface and Zac teaches developers how to develop for Gutenberg, including how to upgrade an older site to be compatible with Gutenberg.

The course will cost you $79 (about £55) but there is a discount for ($49) if you use the discount code earlyadopter (see WP Tavern)

I’ve done courses with Zac before and found them very friendly and useful.

Creatorcourses – Another Gutenberg specific course. One of our members has enrolled so should have some feedback soon. There’s also a discount via the Gutenberg Courses above.

CSS / Design courses

Wes Bos has announce a new CSS Grid course (online, paid for) . If you’re new to CSS Grid or want to know more, check it out.

Learn JS Deeply courses

This is more of an aside than a course suggestion. The future of WordPress development is going to require a deep understanding of JavaScript include the new stuff in ES2015/16/18 and the use of frameworks like React.

Matt Mullenweg goes into some detail about why learning JS deeply will be important for developers in this video:

So, does anyone have any good suggestions for how to learn JS deeply?

I’ve been doing the Advanced Web Developer Bootcamp (online, paid for) on Udemy, which isn’t WordPress specific but does have an excellent section on the latest JS (ES2015 / 16 / 17) and a section on React (you need to know the latest JS to develop for react because it makes heavy use of modern JS features).

Videos

Jakson – Short YouTube videos that tackle many aspects of WordPress development.

Here’s a taster:

24 resources for learning WordPress

Here’s a timely article from regular speaker and co-organiser of the WordPress Cambridge Meetup group, Steven Watts of Newt Labs on some of the best resources for learning WordPress. Includes a selection of some of the best WordPress courses, blogs and Youtube channels for 2018.

Summing up

If you have any course suggestions for wither users or developers? Let us know!

Categories
Presentations

Graphic Design: Tips for non-designers

Graphic design Ann-Marie Miller (of www.carbonorange.com) gave us her graphic design tips.

You can see here slides here:

Graphic Design Presentation Cover by Ann-Marie Miller
Click on the image above to see the presentation (PDF format)

Ann-Marie wrote a blog post giving some insight into the experience of giving a talk to the meet up here: http://www.carbonorange.com/taking-a-leap

 

 

Categories
Presentations

Graphic Design with Mario Prelorentsos

We were very fortunate to be able to welcome Mario Prelorentsos of JDJ Creative to talk to us about graphic design – in particular the use of colour.

In addition to a number of great points of interest (green is the colour of the year 2017, for example!) Mario provided us a number of links to handy sites for stock photography and other design resources:

500px

Unsplash

Death to the Stock Photo

Book: Brainfluence

Smashing Magazine

Abduzeedo

You can see Mario’s presentation here:

JDJ-Colour Presentation

Categories
Presentations

Graphic Design Goldfish Bowl

In a change to the planned presentation, we ran a “goldfish bowl” group discussion around graphic design – so no slides to share! Thanks to everyone who contributed and we’ll be running more goldfish bowls later in the year.

Categories
Presentations

Communicate memorable information

Julia Wix spoke around communicating memorable information, including lively discussions around selecting the right imagery and how this reflects your brand and product. Details can be found here: https://www.meetup.com/wordpress-cambridge/events/233979836/

Categories
Presentations

Web Typography

Web Typography: A brief guide to type on the web

This is a presentation I did for the Cambridge WordPress meetup. It is quite an indepth look at typography on the web.

I hope it is useful for developers and designers alike