Design system team weeknotes issue 6

Design system meet-up

We hold design pattern meet ups every 3 weeks. In this session we ran an exercise to map the process designers would ideally use to contribute.

From experience, I know there are numerous elements and components used across digital products and services that aren’t in the Design System due to lots of different reasons.

image  of an online whiteboard showing the flow of contribution designers suggested
Live soon will be a page to show people how to contribute.
Live soon will be a page to show people how to contribute.
We also want to be open about what we’re working on and why it’s important.
We also want to be open about what we’re working on and why it’s important.

User journey (Level 2) accessibility testing framework

We have been grouping key accessibility issues into levels based on how likely they are to prevent someone from using something we have made.

Fixing accessibility issues in the design system components

We’ve also begun to fix some of the accessibility issues raised in our first round of component testing. This week we’ve:

Tweaked our button colours so they are fully compliant to our colour contrast guidelines.

Previously the hover states did not have enough contrast.

Fixed colour contrast issues on the skip navigation

Skip navigation is used by people who use the keyboard to navigate quickly move to areas of the page avoiding large blocks of links they may otherwise have to manually tab through.

We increased the tappable areas of the logo — without changing its size

Tap or click areas of interactive elements must be at least 44x44px in most scenarios. Previously the logo was just under at 38x41px.

The red border illustrates the new tappable size.
The red border illustrates the new tappable size.

Researching the developer experience and the structure of our front-end

As the team is looking at some of the current issues flagged by the accessibility audit, we’re also starting to think more longer term to try and shape what the future of the design system looks like.

What’s next

We’ll be continuing:

  • working on the structure of our front-end
  • tidying up our design files

Our roadmap and walls

We’ve revamped our web team walls so you can easily see our strategy, goals and roadmaps for the web platform teams in once place.

Contribution and support

If you need support using the design system, we have a public slack channel #designsystem-support

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Matt Tyas

Matt Tyas

168 Followers

Service and interaction design. Product, team management and front-end engineering. matt.tyas.fyi