I like the work that Gov UK do in terms of accessibility, changes they make, and how they explain it. Not just from a compliance point of view, but a lot of thought goes into their design too. The first time I had to file my taxes (HMRC site), I was terrified, but their site guided me through the process, with clear divisions, sections, guidance along the way. In all of this their design decisions really shines, and it makes a lot of sense; dealing with legalese and paperwork is daunting, the last thing a user should be doing is having to 'navigate' your website.
There's still plenty to criticize in the gov.uk web design, and I have. That allows me to say amongst other things, one thing you cannot criticize is their reaction: I got a response, it was timely and it valued my input according to its utility, and I felt respected as a user. They didn't over commit to adopting anything I proposed either so there's no false hope here.<p>(I complained about the difficulty finding and understanding overseas payment methods for UK citizens entitled to make national insurance contributions while not working in the UK, towards the UK state pension)<p>Many people misunderstand the use of colour in material design. What is a "clickable" is often unclear. I think in the gov.uk space its always reasonably clear what is, and is not a clickable element, and what is stylistic markup only.
I don’t usually resort to snarky comments but I feel it’s warranted here. It’s a bit odd that so much effort has been put into font sizes and yet there is a permanent cookie icon taking up 10% of my screen on mobile even after rejecting all cookies.
I am happy to see the author mention WCAG and British Dyslexia Association. They seem to have a refreshingly strong focus on accessibility.<p>I wonder how much of an uphill battle is fought inside the GDS and across the UK government to push for this kind of universal access.<p>Also, it's amazing how much of a "brand" GOV.UK is for me even in spite of (or perhaps due to?) its accessibility. To me the brand is: big strong blobs of the high-contrast colour palette, GDS Transport (the typeface), and a relatively (but pleasingly) narrow content.
Love GOV.UK design guidelines. Working for a government department at the moment as a contractor building some internal frontends and the design system is used internally as well. Really helps keep things consistent across all areas of government.
That webpage's fonts simply renders poorly on my older Mac and on my Linux systems. Is it the AA that is wrong for the main font? The only system I have here where it renders kinda okay (I still find that font way too bold for paragraphs) is on Windows.<p>I just don't think it's a good font. I don't think it looks good. I don't think a font that renders poorly on many systems is good from a UI / legibility / accessibility perspective.<p>They may have "solved" the scaling issue but I don't see
very careful thoughts about "typography" here.<p>A font which doesn't render well on several systems is simply broken.<p>Then the screenshots here are just badly resized:<p><pre><code> https://designnotes.blog.gov.uk/2018/02/19/developing-new-typography-and-spacing-for-gov-uk-frontend/
</code></pre>
Makes zero sense to resize screenshots like that, messing the font, <i>when the whole point is to talk about typography</i> (and if they're not resized, then there's something deeply broken with the fonts not just for me).<p>I don't know what font they're using but it looks like some serious case of NIH syndrome and I do believe there are <i>way</i> better fonts out there.<p>I give 5 out of 10 at the very most.<p>P.S: it's also one of the rare website which renders with the center column so narrow and I don't like it either.
> smaller font sizes (14px and below) are bad for accessibility and should not be included as options in the typography scale<p>When improving our accessibility I noticed that in iOS any font size less than 16px on form inputs will zoom in if selected, which is really annoying as you have to zoom back out to see the page layout normally.<p>We actually had our :root set to 14px so this happened on every form input across the app. Definitely font sizes below the browser defaults (16px) can cause unexpected issues.
> <i>1. Remove 14 on the font scale entirely (which used 14px on large screens and 12px on small screens)</i><p>HN please take a note and get rid of the tiny `font-size`s on this site please. Some text gets down to 9 or 10px.