Stimulus: a school notice to audit for accessibility

Part 1 — what the page looks like on screen

[A wide photograph of a mountain ridge sits across the top of the page.]

NEW! [This word flashes on and off twice a second, continuously.]

Year 8 Trip — Bannau Brycheiniog — Friday 12 June

Year 8 are going walking in Bannau Brycheiniog on Friday 12 June and it is going to be a brilliant day out so please read all of this notice carefully because there is a lot of important information in it and we do not want anyone turning up without the right kit or missing the coach which will not wait, and if you have any questions at all you should ask your form tutor before Wednesday because after Wednesday the office cannot add anyone to the list, and remember that the weather in the mountains changes quickly so waterproofs are not optional even if it looks sunny when you leave home, and finally there is a small charge for the coach.

Pupils highlighted in red must bring a packed lunch. Pupils highlighted in green have ordered a school lunch.

[A photograph of a handwritten timetable. The departure and return times appear only inside this photograph.]

Consent form: Click here

Kit list: Click here

Last year's trip video: Click here

Questions? Email the trips office.

Part 2 — the technical facts about the page

Item	What the page actually does
Mountain photograph at the top	No alternative text is set. The HTML is <img src="bannau.jpg">.
"NEW!" banner	Flashes on and off twice a second and cannot be stopped, paused or hidden.
Body text	Set at 10 pixels. Mid-grey text on a light grey background; the measured contrast ratio is 2.1 to 1.
Page settings	The page header contains user-scalable=no, maximum-scale=1.0, so pinch-zoom is blocked on a phone.
Headings	There are none. The trip title is an ordinary paragraph made big and bold by hand.
Timetable photograph	A photograph of handwritten times. No alternative text, and the times appear nowhere else on the page.
Lunch instruction	Which pupils are "highlighted in red" or "in green" is shown by background colour only, with no label, symbol or list of names.
The three "Click here" links	All three have the link text "Click here". A screen reader user listing the links on the page hears "Click here, Click here, Click here".
Consent form	A scanned PDF. It is a photograph of a paper form, so it contains no selectable text at all.
Trip video	Four minutes long, with a spoken commentary. No captions, no transcript, no audio description.
Keyboard use	The "Email the trips office" button can only be triggered by a mouse click; pressing Enter on it does nothing.

Item

What the page actually does

Mountain photograph at the top

No alternative text is set. The HTML is <img src="bannau.jpg">.

"NEW!" banner

Flashes on and off twice a second and cannot be stopped, paused or hidden.

Body text

Set at 10 pixels. Mid-grey text on a light grey background; the measured contrast ratio is 2.1 to 1.

Page settings

The page header contains user-scalable=no, maximum-scale=1.0, so pinch-zoom is blocked on a phone.

Headings

There are none. The trip title is an ordinary paragraph made big and bold by hand.

Timetable photograph

A photograph of handwritten times. No alternative text, and the times appear nowhere else on the page.

Lunch instruction

Which pupils are "highlighted in red" or "in green" is shown by background colour only, with no label, symbol or list of names.

The three "Click here" links

All three have the link text "Click here". A screen reader user listing the links on the page hears "Click here, Click here, Click here".

Consent form

A scanned PDF. It is a photograph of a paper form, so it contains no selectable text at all.

Trip video

Four minutes long, with a spoken commentary. No captions, no transcript, no audio description.

Keyboard use

The "Email the trips office" button can only be triggered by a mouse click; pressing Enter on it does nothing.

Part 3 — the four WCAG principles, in one line each

The Web Content Accessibility Guidelines are published by the W3C Web Accessibility Initiative and are grouped under four principles, remembered as POUR:

The WCAG contrast requirement at level AA is a ratio of at least 4.5 to 1 for normal-sized text.