What we tested

The artist on the right won the Album of the year

Taylor Swift Ed Sheeran

Title I of the CARE Act creates a program of formula and supplemental competitive grants to help metropolitan areas with 2,000 or more reported AIDS cases meet emergency care needs of low-income HIV patients. Title II of the Ryan White Act provides formula grants to States and territories for operation of HIV service consortia in the localities most affected by the epidemic, provision of home and community -based care, continuation of insurance coverage for persons with HIV infection, and treatments that prolong life and prevent serious deterioration of health. Up to 10 percent of the funds for this program can be used to support Special Projects of National Significance.

Example page with a long block of unorganised content.

GDS is part of the Cabinet Office. Our job is digital transformation of government.

The green mushrooms listed here are OK to eat. The red mushrooms will kill you.

• Amanita
• Chanterelle
• Porcini
• Shitake
• Tylopilus

This small text does not have enough contrast with it's background

This small text does not have enough contrast with it's background

This small text does not have enough contrast with it's background

This small text does not have enough contrast with it's background

This links has visible focus but this button Search doesn't

Many people with cognitive disabilities have trouble tracking lines of text when a block of text is single spaced. Providing spacing between 1.5 to 2 allows them to start a new line more easily once they have finished the previous one.

Typing sentences or phrases IN ALL CAPITALS is rarely a good idea. It may make sense under some circumstances, but only rarely. Lengthy segments of capitalized content are more difficult to read. In some cases, a screen reader may interpret ALL CAPITAL text as being an acronym and may read it as letters rather than words. For example, a screen reader may read the uppercase text CONTACT US as "Contact U. S." because it interprets the uppercase "US" as being an acronym for "United States".

Blinking text and moving text (such as a marquee) can distract the reader's attention. This is especially relevant to people with attention deficits or cognitive disabilities. Neither is likely to cause a seizure, but they are likely to decrease the readability of the document as a whole and increase the time it takes for users to finish reading it.

Italics are sometimes used to highlight text. But you shouldn't use italicized text because they make letters hard to read. The letters have a jagged line compared to non-italic fonts. The letters also lean over making it hard for dyslexic users to make out the words. When the text size is small, the text is even more illegible.

The BLINK and MARQUEE element animates content in a way that cannot be overridden or disabled by the user.

For people with some reading or vision disabilities, long lines of text can become a significant barrier. They have trouble keeping their place and following the flow of text. Having a narrow block of text makes it easier for them to continue on to the next line in a block. Lines should not exceed 80 characters

This is some tiny text, much too small for some people to read

When text is justified to both margins it may add additional spaces between words which may be difficult for users with visual or cognitive impairments to read. Full text justification can also cause words to be spaced closely together thus making it difficult to determine where a word starts and ends.

الإعفاء الإلكتروني من التأشيرة

Example page with an empty lang attribute

Mother, he's asking you to go. He's saying, "Allons, Madame plaisante!"

Electronic visa waiver

Example page with an invalid lang attribute

Mother, he's asking you to go. He's saying, "Allons, Madame plaisante!"

Example page with a missing lang attribute

Example page with a lang attribute set to the wrong language

Mother, he's asking you to go. He's saying, "Allons, Madame plaisante!"

Example page with a inappropriate page title

Example page with a empty page title

Example page with a missing page title

This paragraph is preceded by an empty H4

Example page with no H1

This paragraph is preceded by a div that is styled to look like a heading

Heading 3

Pages should be structured in a hierarchical manner, generally with one 1st degree headings (h1) being the most important (usually page titles or main content heading), then 2nd degree headings (h2 - usually major section headings), down to 3rd degree headings (sub-sections of the h2), and so on.

Heading 5

Technically, lower degree headings should be contained within headings of the next highest degree (i.e., one should not skip heading levels, such as from an h2 to an h4, going down the document).

Heading 4

This is an example where heading levels have been skipped and are not in a logical order, which makes the page difficult to understand and navigate for people using assistive technologies such as screen reader.

no parent

* apple
* orange
* banana
* pear

html

a markup language for describing web documents

• improperly nested

Road Traffic at Junctions

Road	Junction	Car	Bus
Regent Street	Oxford Street	307	12
Regent Street	Bond Street	1731	58
Southwark Street	Union Street	1975	51

Opening times

	Monday-Friday	Saturday	Sunday
08:00 - 12:00	open	open	closed
12:00 - 16:00	open	closed	closed

Item	Cost
Lunch	£6.99
Holiday Item Cost Accommodation £499.99 Travel £109.99	£609.98

Item	Cost
Lunch	£6.99
Holiday Item Cost Accommodation £499.99 Travel £109.99	£609.98

Shelly's Daughters

Name	Age	Birthday
Jackie	5	April 5
Beth	8	January 14

Requester information

Requester Information
Name	Jon Smith							Date	9/9/2005
Department	Customer Service
E-mail	jon.smith@gov.uk				Phone	07700 900258

Foo	Bar	Bat	Baz

Name	Age	Birthday
Jackie	5	April 5
Beth	8	January 14

Home About us Our products

Welcome to our homepage Here you can find out who we are, what we do and why you should buy our products.

Shelly's Daughters

	Age	Birthday
Jackie	5	April 5
Beth	8	January 14

Bills before Parliament 2016-17

Current House	Bill title	Last updated
	A
Lords	Abortion (Disability Equality) Bill [HL]	26.05.2016
Lords	Access to Palliative Care Bill [HL]	10.06.2016

The image below contains a lot of information, such as which departments the sale is on. The text alternative in the alt attribute does not include this information, only a partial "25% off sale"

Press me!

Polar bear

The polar bear is a carnivorous bear whose native range lies largely within the Arctic Circle, encompassing the Arctic Ocean, its surrounding seas and surrounding land masses.

Read more

Twitter

Page A Page B Page C

Google

Listen to the interview

A normal link
Some text
Link only identifiable by colour alone

Dyslexia style guide

Do something

Lions are the only truly social cats, with related females living together in prides overseen by male coalition that compete for possession in fierce and often fatal battles. Lions are predatory carnivores and it's the females that perform most of the hunting at night; the majority of the prey being antelope, zebra and wildebeest.

To know more about me, visit my page.

Red Panda

Visit the GOV.UK website .

Red Panda

Find out more about Doctor Who

Watch the interview

Click here for more information on the Rocky Mountains.

My favourite bat

You need to fix the errors on this page before continuing.

Passport number Name on passport Date of expiry

Your child's date of birth

Phone number is not valid

Country

Do you already have a personal user account?

Yes
No

I am a fieldset without a legend

Non-matching for attribute

form

Which types of waste do you transport regularly?

Waste from animal carcasses
Waste from mines or quarries
Farm or agricultural waste

Date of issue

Day Month Year

You need to fix the errors on this page before continuing.

Claimant's name Claimant's surname Claimant's date of birth

Name
Name

What is your nationality?

British (including English, Scottish, Welsh and Northern Irish) Irish Citizen of a different country

National Insurance number

It'll be on your last payslip. For example, JH 21 90 0A.

You need to fix the errors on this page before continuing.

Name Surname Date of birth

Select your language Change your language English German French

a b c d e f g h i j k l m n o p q r s t u v w x y z

You should complete this form in 20 minutes

Prisoner's name

Open lightbox

A link with a tabindex greater than 0

Link with no focus style

My favourite car

Understanding user research

• How user research improves service design
• Start by learning user needs
• Understanding users who don't use digital services

Preparing for user research

• Plan user research for your service
• Plan a round of user research
• Find user research participants
• Choose a location for user research
• Write a recruitment brief
• Getting users' consent for research

Analysing and sharing findings

• Sharing user research findings
• Analyse a research session

Example page that contains a keyboard trap

Open lightbox

Continue

Your driving licence number ? Your driving licence number can be found in section 5 of your driving licence photocard

A link with an accesskey attribute

Open lightbox

Open lightbox

This text becomes unreadable when you increase the text-size (Zoom text only) in Firefox

My favourite food is

Read more about rugby

Read more about football

Elsewhere on GOV.UK

This text is centred using the center element

We are here. And you are there.

The colour of this text is set using inline styles.

Your

  /\ (`/`|| _     +
 /--\,)\,||   (||`|

        goes here

The size and face of this text is set using the font element and the size and face attributes