Maps


WCAG 2.2 map by theme

Web content accessibility guidelines map resembling an underground train map. Follow the link for more detail.

Select the image or see the WCAG map page for more detail. This diagram groups all the success criteria from the Web Content Accessibility Guidelines (WCAG) version 2.2 levels A and AA, by practical theme for testing. There's also an AAA version of the map.


Mind maps

I've found mind maps really helpful as a way of taking in large amounts of information. As a rule of thumb, I can fit a day's worth of training onto an A4 page.

Although I'm sharing them here, I'm aware the format is not accessible to everyone. Please get in touch using the details at the end of the page if you'd like more information. I would also recommend that everyone seeks out the original courses rather than relying on my interpretation of them.


Cypress (test automation tool)

Notes on using Cypress for end to end Javascript automation. From the brilliant Pluralsight course by Adhithi Ravichandran.

Cypress mind map covering setup, elements, commands, assertions and add ins

This helped me work on Defra's guide on using Cypress and Axe to run automated accessibility tests.

GOV.UK prototype kit

GOV.UK prototype kit training notes expertly delivered by Debs and Joe at Government Digital Service.

Prototype kit roadmap. Setting up the kit, passing through user data, publishing and branching. Official course notes below.

Official prototype course notes and tutorials from the prototype kit pages.


Bristol inclusive design and development #1

Notes from the first meetup with two great talks: Experiencing digital accessibility through a smartphone by Jon Gibbins, and Talking Technology by LĂ©onie Watson.

Mind map on smartphone accessibility tools and empathy. Also talking technology such as speech synthesis markup language. Select the link below for text notes.

Text notes from the inclusive design meetup


Manual to Automation Tester course

Four-day course on building test automation frameworks, delivered by Simon Stratton. It had bonus advice on some of the more evil elements of Javascript such as callbacks. Would definitely recommend attending if you're keen to understand the ecosystem of how automated tests work.

Automation test mind map part 1: building frameworks, writing tests and using Javascript. Automation test mind map part 2: building features, step definitions and page objects. Automation test mind map part 3: Typescript, API testing and ways around using Cucumber.


Designer induction

One-day induction for GOV.UK designers at the Government Digital Service. Thanks to Clara Teoh and Alison Foley for the great course!

Mind map from the GOV.UK designer induction course covering design roles, user-centered design, research, accessibility and communities


Writing for GOV.UK

A course covering government content design from Leena Taha.

Mind map from Writing for GOV.UK course covering user needs, how users read and style guides


UX Bristol 2018

Including sessions on mapping users' mental models, giving feedback, silence and user research bias.

Credit to Mariana Morris, Walt Buchan, Ajara Pfannenschmidt and Emma Howell for the content.

Mind map from UX Bristol 2018 covering mental models, feedback, silence and research bias


Government Accessibility Meetup 7

This covered work on the EU Directive, accessibility statement research, what's new in Web Content Accessibility Guidelines (WCAG) 2.1, the Easy Read document format and building the "multiplication tables check" service.

Credit to Alistair Duggin, Leon Hubert, Katie John, Alastair Campbell, Ben Railton, Jane Wilkinson and Alan Hawkins for the content.

Mind map from 7th government accessibility meetup the latest accessibility guidelines and directives


Interaction design

I've learnt a great deal from possibly the definitive guide to interaction design, About Face by Alan Cooper, Robert Reimann, David Cronin and Christopher Noessel. However, a 700-page book is not the most convenient of formats. Over a few weeks, I tried to condense it into a single sheet of A4. I reckon I got most of it in.

It covers all elements of user-centered design, including research, prototyping, usability, accessibility, visual design and user interface elements.

Interaction Design mind map from the About Face book

Abbreviations used | Publisher's website


User Experience Foundation Course

Delivered by David Travis at Userfocus. A great course on users' needs and the context they're in, then creating and testing usable software.

User Experience Foundation mind map day 1 User Experience Foundation mind map day 2 User Experience Foundation mind map day 3


Performance Test Crash Course

A one-day course covering performance testing using JMeter. Delivered by Simon Stratton.

Performance Test mind map


Advanced Test Analyst

A single page covering lots of test types in detail. Delivered by John Kurowski.

Advanced Test Analyst mind map


Javascript operators

A reference for the main operators in Javascript. From Professional Javascript for Web Developers by Nicholas C. Zakas

Javascript mind map


City maps

When looking into a city, I've made colour-coded maps to get the character of each area, based on browsing Google Streetview. It's very subjective and weighted towards what I was looking for at the time.

Although I'm sharing them here, I'm aware the format is not accessible to everyone. Please get in touch using the details at the end of the page if you'd like more information.


Bath

Bath map


Bristol

Bristol map


Manchester

Manchester map


Portland (Grand Theft Auto III)

Grand Theft Auto map