limograf

There are so many great tools out there now. Lighthouse in Chrome Devtools has an Access audit built in which will give you a few hints. There's also a very useful auditor that just came out from Paciello Group called the Arc toolkit: https://www.paciellogroup.com/toolkit/. Chromevox and Voiceover can be turned on to get quick screenreader-ish feedback.

No Coffee: https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbn... is quite useful to get a non-scientific empathy hit for graphic decisions and how that interacts with common sight problems (98% of people by age 51 have presbyopia) and Sim Daltonism: https://michelf.ca/projects/sim-daltonism/ will give you a more accurate representation of all the most common colour blindnesses (1 in 12 men).

I also urge everyone to turn ON tabbing on their Mac (System Preferences > Keyboard > Shortcuts tab > All Controls) and tab into their sites (unplug your mouse). I also often do a run through with Vimium: https://vimium.github.io/ which gives me some aspects of a voice interaction type system.

These tools will get you some of the way there, though there are established ways to build components which will solve 90% of all known access problems. The main solution is simply to write native HTML. A major issue is how hard it is to style native form elements (like datalist) -- it means developers can't get it past design/clients.

I would def put Punjana in as super sub for Yorkshire Gold if I couldn't get YG.

I don't think so. I have my areas of expertise and of course in a pinch I will pitch in and try to help any way I can, but I've always found my best work is done in a team with fairly well defined roles, a healthy respect for each others' specialisms, and an enthusiasm for short bursts of collab/pair coding and longer stretches of solo(ish) work.

I have fond memories of the team that worked across three time zones so I would get up to a set of well-described problems that I would solve in the morning (so satisfying), then a nice stretch of feature building after lunch, then a burst of pair coding with my newly arisen colleague, then maybe finishing with writing up any roadblocks or requests for the next person. I got very used to identifying blockers that were out of my area and would be better solved by the domain expert, and also a LOT better at ticket writing. It was a really, really productive and rewarding workflow and one of the key points was not getting bogged down in stuff outside my areas. We also all really appreciated each other because we all experienced each other as magical elves giving answers to hard problems in exchange for answers for easy problems! ;)

Hm I'd say Yorkshire Gold is the best tea bag. Second tier are Williamson Afternoon and Ringtons Breakfast, Yorkshire Red. Third tier, Twinings etc, acceptable but not lovely. PG Tips is on the third or fourth tier, at least.

Those are the names of the elements for sure...

ul = countable items in arbitrary order

ol = countable items in a pertinent sequence

dl = key value pairs

table = a matrix of three or more keys and values

It's largely used for large/fullscreen hero images on a page header with text overlaid. The easiest way to ensure required portions of the image are visible and the image always fills the container, and the text placement is exact, was background image. It's a problem we can now solve in multiple ways, with object fit and also with CSS Grid. But there's some inertia on the old background image technique; it's long established and will take time to turn around.