Accessibility
The target is WCAG 2.2, level AA. Here is where the site actually is.
Most sites that name a standard have only named it. This one lists the fixes made in the rebuild, with a check next to each so you do not have to take any of them on trust, and then says plainly what has not been done. If a page here stops you, there is an address at the bottom and a person reads it.
The target
What level AA promises, and what it does not.
WCAG 2.2 is the standard nearly everyone means when they say a site is accessible, and AA is the middle of its three levels: the one that laws and procurement rules generally point at. It is a list of testable checks. Text contrast. Everything reachable from a keyboard. Motion you can stop. Focus you can see. Labels that stay put. Targets big enough to hit.
What it does not promise is that a site is pleasant to use. A page can pass every check on the list and still be tiring, and a page can fail one check in a corner nobody visits. AA is a floor, and the value of naming it is that it is a floor somebody else wrote, so it cannot be quietly lowered here.
That level is the target for every page on this site. It is not a claim that every page meets it, and the difference between those two is not modesty. It is that nobody outside this desk has tested it. What follows is what was changed, and how to check it.
What was fixed
Eight things this rebuild changed, and how to check each one.
Each row names something the previous version of this site got wrong, says what happens instead now, and ends with something you can do from where you are sitting to see whether it is true.
- The film
- The silent film on the homepage begins automatically on an ordinary connection and uses a smaller file below 768 pixels. It has no play or pause button. It is not loaded at all if your browser reports that you prefer reduced motion, data saver is on, or the connection says it is 2G. Turn reduced motion on in your system settings and reload the homepage: what you get is a still photograph with the headline on it.
- The students film
- The film at the top of the Students page is the group’s own: members talking, over music. It starts after the page has loaded, always with the sound off, uses a square version below 640 pixels, and stops by itself when you scroll past it or switch tabs. Two buttons sit in its bottom right corner, Sound and Pause film. Tab to them and press Enter or Space; each is announced as pressed or not pressed. If your browser reports reduced motion, data saver or a 2G connection, you get a still photograph and the film is not fetched, with Pause film already pressed: press it to play the film. It has no captions yet, which is listed below.
- Everything else that moves
- Text arrives as it reaches the screen. The homepage film, coverage map and research brief catalog repeat, along with the Health heartbeat and the students film described here. Nothing repeats on the Education, Commerce & Distribution or Green Energy pages. The silent Education and Commerce films move only as you scroll, and Green Energy uses still images. The homepage film has no visible player controls. The four briefs pause on hover or keyboard focus and have visible pause and page controls. They do not rotate automatically under reduced motion. Select a brief to open a larger reading view, use Zoom in for smaller text, and press Escape to close it. The moving map appears on desktop and mobile, but is not loaded under reduced motion or on a connection reporting data saver or 2G; in those cases the same map is drawn still. Under reduced motion, text and rules appear in place without travelling across the screen. Practice pages have no on-page movement toggle. To limit camera motion and scene transitions, enable reduced motion in your system settings. These pages also respect reported data-saver preferences.
- The Financial Services page
- Four decorative scenes change as you scroll. Reduced motion and data saver remove camera motion and dissolves, leaving still scenes. The three payment selectors also work with the arrow keys, Home and End. All research questions remain readable without JavaScript.
- The Agriculture & Food page
- The food-chain journey moves horizontally as you scroll on larger screens. Five stage buttons also select a scene; use the arrow keys, Home or End. Phones and very short windows use a horizontal swipe gallery with snapping and the same buttons. Reduced motion and data saver remove camera drift and change scenes directly. Without JavaScript, all five scenes appear in page order.
- The Health page
- The silent heartbeat runs while the opening is visible and stops when you scroll past it or switch tabs. Reduced motion, data saver and 2G keep a still image and prevent the video from loading. Large screens pair scrolling chapters with a changing image. Smaller screens use four chapter tabs. The five payer tabs change the buyer example. Both tab groups support the arrow keys, Home and End. Without JavaScript, all chapters and examples remain readable.
- The Education page
- The silent book film moves only as you scroll, without autoplay or a loop. Reduced motion, data saver and 2G keep its still image and prevent the film from loading. Learners, Buyers and Adoption form wide photographic chapters with written research questions. Use the chapter tabs with Left, Right, Home or End, the Previous and Next buttons, or swipe the photograph. Reduced motion and reported data-saving preferences remove transitions. Without JavaScript, all three chapters remain readable in page order.
- The Commerce & Distribution page
- The silent conveyor film moves only as you scroll, without autoplay or a loop. Reduced motion, data saver and 2G keep its still image and prevent the film from loading. Shop, Move and Deliver form a horizontal photographic journey linked to normal scrolling on larger screens. Smaller or short windows use a native swipe gallery. The scene tabs also work with Left, Right, Home and End. Reduced motion and reported data-saving preferences remove camera travel and transitions. Without JavaScript, all research questions remain readable in page order.
- The Green Energy page
- The illustrated house changes from dusk through payment, service and connection decisions. Larger screens link the scenes to scrolling; smaller screens use a horizontal swipe gallery. Five tabs also select a scene with the arrow keys, Home and End. ON and OFF labels accompany lighting changes. Reduced motion and data saver keep the camera still and make lighting changes immediate. Without JavaScript, every scene appears in page order.
- Pictures
- The site uses a still image behind the homepage headline, verified team portraits, four research brief images, seven photographs on the news page, and on the Students and About pages the logos of the firms members went on to, each carrying the firm’s name as its text alternative. A member without a verified portrait appears with their name and initials. Informative images carry text alternatives, and the brief reading view includes a text description of each page and its findings. The decorative hero still is ignored by screen readers because the headline provides the page meaning. The news photographs also carry captions and are frames from the homepage film rather than pictures of the stories beside them. No image is loaded from another company.
- The keyboard
- Press Tab at the top of any page and the first stop is a link that skips the navigation. The focus ring is two pixels and changes with the background. Main actions use native links, buttons and form controls. Education chapter tabs and Previous and Next buttons, along with Commerce scene tabs, make every research question available from the keyboard. The six country names beside the homepage map take focus to highlight their country and carry no action role.
- The menu on a phone
- Below 1024 pixels the row of links is replaced by a menu, and that menu sits inside its own navigation landmark. In the previous version the only navigation region on the site was hidden at that width, so a phone had none at all. It is a disclosure element rather than a hand-rolled toggle, so it needs no JavaScript to open and is announced as what it is. Below 640 pixels it fills the screen under the bar: the five main pages set large, then the six practices and the three other pages in two columns, then the page’s own action at the foot, and Escape or a press outside it closes it. At that width the page’s action also sits in a bar along the bottom of the screen, where a thumb reaches it. That bar withdraws while the opening screen, a form, the closing band or the footer is on screen, because each of those carries the same action itself, and it is out of the tab order while withdrawn. Without JavaScript it never appears and the action stays in the top bar instead.
- Rows that scroll sideways on a phone
- The homepage practice posters and news filters scroll sideways on phones. Students skills and member groups remain visible in page order. Education chapters can be swiped, and Commerce, Agriculture and Green Energy use swipeable scene galleries on smaller screens. Each practice gallery has scene or chapter buttons. Keyboard users can reach every control without swiping.
- The forms
- There are no placeholders. A hint is a real element under the label, tied to its control, and it is still there after you start typing. Fields are forty-eight pixels tall and buttons forty-six. There is no puzzle to solve anywhere: an invisible field catches automated senders, so nobody is asked to prove they are a person. If a send fails, what you typed stays in the boxes and an email address appears next to it.
- Native controls on a white page
- A select, a date picker and an autofill menu render light on the white sections and dark on the black ones, because the colour scheme is declared by each section instead of once for the whole document. The previous version declared it dark at the top of every page, so those controls came back dark on white in exactly the place a form sat.
- Colour
- Every colour pair on this site was measured, and its ratio is written beside the colour in the one file that defines it. The rule in that file is that a pair under 4.5 to one cannot carry small text, and a pair under 3 to one cannot carry a border or a focus ring that means anything. Nothing on the site is set smaller than eleven pixels.
- Knowing where you are
- The scrollbar is hidden, because a pale scrollbar down a black page reads as a second column. What it was telling you is now told by the rule under the navigation bar, which fills as the page scrolls. Scrolling itself is untouched: wheel, trackpad, touch, Page Down, Home and End all do what they have always done. This is the one line on the list somebody could reasonably argue with, so it is stated as a trade rather than as a fix.
You do not have to take any of that on trust. Every line is a setting you can turn on, a key you can press, or a control you can go and look for.
One thing on this site is a picture, and a picture is where this usually goes wrong. The coverage map on the homepage carries a written description naming every country a company has brought the desk a question from, and counting the ones that have not, so the meaning of the map does not depend on seeing it. The list of country names beside it answers keyboard focus exactly as it answers a mouse, and it does that with no script at all.
What is not true yet
Four limitations, stated plainly.
On ordinary connections, the homepage film, coverage map and Health heartbeat can run continuously without an on-page stop control. That does not meet WCAG 2.2 success criterion 2.2.2. Visitors whose systems report reduced motion receive still versions instead, but that mitigation is not equivalent to a control a visitor can operate.
The film on the Students page has people speaking in it and no captions or transcript yet. That does not meet WCAG 2.2 success criterion 1.2.2. Everything the page says in words is also written on the page, but what the members say in the film is not.
No page here has been read with a screen reader by somebody who uses one every day. It was built against the standard and checked against it by the people who built it, which is a different thing and a weaker one. Until that testing happens, everything in the section above describes what the code does rather than what using it is like, and those two come apart more often than anybody building a site would like.
Nobody independent has audited it. There is no report to link to and no certificate to show, so this page is the desk marking its own work, and that is worth what marking your own work is usually worth.
The homepage prints one figure about this desk, and the figure is zero invoices issued. The map leaves forty-eight countries unlit. A page that stopped at a commitment to accessibility would be the only page on this site asking to be believed rather than checked.
One more thing, which is not a gap yet. Nothing has been published to the briefs page, and a document raises questions a web page does not. When the first brief goes up, what is true of the file gets added here at that point rather than after somebody has been caught out.
If a page here stops you
One address, and a person reads it.
Write to hello@ubuntuadvisorygroup.com and say which page you were on, what you were trying to do, and what got in the way. If you know your browser and your assistive software, those are useful. If you do not, send it anyway. Not knowing them has never once been the reason a fault could not be found.
There is no form for this on purpose. A form is a strange thing to put in front of somebody whose message is that the forms are the problem.
A barrier is treated as a fault rather than as a preference. It gets fixed, and the list above gets edited to say so. If it cannot be fixed quickly you are told what the position is, which is smaller than a fix and better than silence, and nothing here asks you to accept an answer you do not think is one.
This page covers the website. If you are working with the desk and need what it sends you in a particular form, say so on the first call, and it is arranged then rather than at the end when the work is already written.
Reviewed 18 September 2026
If a line above is wrong
A page that claims a fix it did not make is worse than one that claims nothing.
Everything here was written so that it can be checked, which means it can also be caught. If you test a line and it does not hold, that is our mistake, and we would rather hear it from you than leave it standing.