Devies Knowledge

UX, Design & Accessibility

Guides to user research, prototyping, design systems and accessibility: WCAG, EN 301 549 and the accessibility laws, and how to build and test usable products.

Wireframe screen with a layout grid and a pointer selecting a button

All UX, design and accessibility articles

Loose pages on the left sorted into a tidy shelf of labelled boxes on the right, one box highlighted in blue

Guide · UX, Design & Accessibility

Information architecture: structuring content so people find it

An eight-step guide to organising and labelling a website, intranet or product so that people find what they need, tested with users before anything is built.

Tender document with a checklist and seal, linked by a thin line to a browser window and a phone app

Guide · UX, Design & Accessibility

Accessibility requirements in procurement: what to put in the tender

How public and private buyers turn accessibility into requirements that suppliers can price, prove and keep meeting after go-live.

Keyboard with the Tab key raised, linked by a dotted path to an interface where one button has a blue focus outline

Explainer · UX, Design & Accessibility

Keyboard accessibility explained: focus, order and traps

What it means for an interface to work without a mouse, the WCAG criteria behind it, the failures that block users, and how to test it.

A path of steps from start to goal with one tablet screen on it, the screen outlined in blue

Comparison · UX, Design & Accessibility

UX or UI design: what is the difference and who do you need?

UX and UI are often used as if they meant the same thing. They do not, and the difference matters when you write a job ad, scope a project or wonder why a beautiful product still loses customers.

Form card with labelled fields and a checkbox, one field outlined in blue with a short message line beneath it

Guide · UX, Design & Accessibility

Accessible forms: labels, errors and validation that work

Ten steps for sign-up, checkout and contact forms that everyone can complete, mapped to the WCAG 2.2 AA criteria behind them.

Interface screen split into ten small regions, each linked to a checkbox on a clipboard, one checkbox in blue

Guide · UX, Design & Accessibility

WCAG 2.2 AA checklist for product teams

All 55 level A and AA success criteria grouped into ten checks that match how designers, writers and developers actually work.

Modular interface tiles snapping into a grid that turns into code brackets, with one tile highlighted.

Guide · UX, Design & Accessibility

Design systems from Figma to code

How a design system connects UX, UI and code, shortens lead times and keeps the product consistent.

Two overlapping cards with text bars, one dense and clear, one faint, beside a slider with a blue marker

Explainer · UX, Design & Accessibility

Colour contrast explained: the WCAG ratios and how to test them

What the 4.5:1 and 3:1 ratios measure, where they apply, what is exempt, and how design and development teams test it before release.

Three screens in a row: a grey box layout, a styled static screen and a clickable screen with a blue cursor path

Comparison · UX, Design & Accessibility

Wireframes, mockups or prototypes: what to make and when

A plain comparison of the three most common design artefacts, what question each one answers, and how to choose the cheapest one that still gives you a reliable answer.

Web page with structured text blocks resting on a stack of test reports, one checkbox outlined in blue

Guide · UX, Design & Accessibility

How to write an accessibility statement that holds up

The six parts Swedish rules require, the evidence each claim needs, and a routine that keeps the statement true after every release.

A laptop dashboard with bar and line charts and one blue highlighted tile with an arrow leading to a task list

Guide · UX, Design & Accessibility

Dashboard design for B2B products

How to design dashboards inside a B2B product that customers and operators actually rely on, from the first question to charts, data states and the build-or-embed decision.

Four phone screens on a canvas linked by curved arrows, one arrow highlighted in blue from a button to the next screen

Guide · UX, Design & Accessibility

Prototyping in Figma: from flows to testable prototypes

A practical eight-step method for turning static Figma screens into a prototype that real users can try, and that tells your team something useful.

Laptop and smartphone showing simple page blocks, with sound waves from a speaker and a pair of headphones

Guide · UX, Design & Accessibility

Screen reader testing for developers: NVDA, VoiceOver and TalkBack

Which screen reader and browser to test with, the handful of commands you actually need, and a short routine that finds the problems automated tools miss.

Wall board with sticky notes in columns and a wavy line across them, one dip in the line highlighted in blue

Guide · UX, Design & Accessibility

Customer journey mapping: from workshop to backlog

How to map a customer journey with the people who own it, and turn the result into backlog items the team will actually build.

Laptop showing a shared screen with a cursor path, next to a notebook and sticky notes, one note highlighted in blue

Guide · UX, Design & Accessibility

Usability testing on a budget: a lightweight method for product teams

How to plan, run and act on a small usability test in about a week, without a lab, a research team or a large budget.

Design canvas with interface components connected by one continuous line to a code editor window and a browser

Guide · UX, Design & Accessibility

Web accessibility from design to code: building universal design into product teams

How designers, developers, content authors and product owners can share the work, so accessibility is built in every sprint instead of patched before launch.

Public building with columns linked by thin lines to a browser window and a phone showing simple interface blocks

Regulation · UX, Design & Accessibility

The Swedish DOS law (lagen om tillgänglighet till digital offentlig service): requirements for public-sector websites and apps

Who the law covers, what it requires of websites and apps, how DIGG enforces it, and the first steps for a public body or a publicly funded provider.

Browser window scanned by a sweeping beam on one side and a keyboard with a highlighted focus outline on the other

Comparison · UX, Design & Accessibility

Automated accessibility testing or a manual audit: what do you need?

What an automated checker can and cannot tell you, what a manual audit adds, and how to decide which one your product needs now.

WCAG 2.2 accessibility testing: browser window with interface cards, a highlighted focus ring and a checklist

Guide · UX, Design & Accessibility

WCAG 2.2 in practice: the criteria and how to test

What is new in WCAG 2.2, what level AA means, how EN 301 549 fits in, and a method for testing your website and app.

Shopping Cart

We use cookies

We use cookies to improve your experience on this website. You may choose which types of cookies to allow and change your preferences at any time. Disabling cookies may impact your experience on this website. You can learn more by viewing our Cookie Policy.

Check out

Contact Form text

We will contact you text