Accessibility
· 13 checks — Landmarks, headings, alt text, forms, and link quality rolled into one auditable list.FHeading HierarchyAction99 headings, 7 skip(s)FIX
- H6 Explore the NS
- H6 Latest Magazine
- H2 Who’s afraid of Olly Robbins?
- H4 Ed Miliband: The era of clean energy security skipped
- H4 A forgotten theory that explains Trump’s psychosis
- H4 The Great British defence con
- H5 Latest
- H5 Half of Londoners are considering going Green in May
- H5 Olly Robbins reveals “constant pressure” from No 10 over Mandelson
- H5 We can’t trust Palantir with our NHS data
- H5 Lena Dunham’s Girls girls
- H5 Why the Western mind cannot comprehend Iran
- H5 The fertility rituals of the Blackheath Morris Men
- H2 Is it still cool to be Jay McInerney?
- H4 Patrick Radden Keefe’s obituary for Britain skipped
- H4 Private equity’s hostile takeover of Britain
- H4 The Wizard of the Kremlin has no magic
- H4 Does Inter Alia understand the manosphere?
- H4 How to laugh at the lanyard class
- H4 Franz Kafka’s ten apostles
- H2 1. Keir Starmer vs the civil service
- H4 2. The Great British defence con skipped
- H4 3. A forgotten theory that explains Trump’s psychosis
- H4 4. Ed Miliband declares the end of the fossil fuel era
- H4 5. The prostate cancer conundrum
- H1 Angry Young Women
- H4 Meet the Angry Young Women skipped
- H4 Revealed: the new radicalism among young women
- H4 We’re all stuck in Donald Trump’s cage fight
- H4 Patrick Radden Keefe’s obituary for Britain
- H2 How JD Vance lost the mandate of heaven
- H4 Apartheid fetishism skipped
- H4 Trump’s pyrrhic victory in Iran
- H4 “Internally displaced” doesn’t do justice to those now living on Lebanon’s streets
- H4 The far right has moved on from Orbán
- H4 Trump is not going to “chicken out” in Iran
- H4 Donald Trump is WEAK on Catholicism
- H2 Ed Miliband declares the end of the fossil fuel era
- H4 Nine things we learned from Starmer’s Mandelson statement skipped
- H4 Nigel Farage fights for the limelight
- H4 Keir Starmer vs the civil service
- H4 Should Keir Starmer resign?
- H4 “Lol. Bad”: How Labour MPs feel about Keir Starmer
- H4 Basildon Man wants reform
- H2 AI is embedded in the British state
- H2 George Saunders has no faith in Christian nationalism
- H2 What was life like before capitalism?
- H2 Trump’s ground options in Iran
- H4 What Jürgen Habermas leaves behind skipped
- H4 Cyprus, Iran and the long 20th century
- H4 Labour’s original sinner
- H4 International law is not dead
- H4 Marxism can still change the world
- H4 How politics went hyper
- H4 Britain can’t afford to be middle class anymore
- H4 When a foreign billionaire sacks British workers, the taxpayer gets the bill
- H4 After the Iran war, the electro-state will rise
- H4 Yanis Varoufakis: Trump has been betraying Maga’s base since day one
- H4 Nick Butler: We thought we could rely on an open energy market. This crisis will prove that’s not adequate
- H4 Trump has destroyed your chance of prosperity
- H4 Reform of the skills system cannot be stuck in nostalgia for Britain’s past
- H4 The prostate cancer conundrum
- H4 The oncology postcode lottery
- H4 Where have England’s health visitors gone?
- H4 Get care right and everything else follows
- H4 How do we get employers to better engage with skills reform?
- H4 The tourist tax is costing Britain
- H4 Lives stuck in limbo
- H4 2026 ISA Investment Guide
- H4 Clinical leadership can drive better rare disease care
- H2 We at Progressive Media Investments value your privacy
- H3 We and our partners process data to provide:
- H2 Privacy Preference Center
- H3 Manage Consent Preferences
- H4 Functional Cookies
- H4 Performance Cookies
- H4 Targeting Cookies
- H4 Strictly Necessary Cookies
- H4 Store and/or access information on a device 813 partners can use this purpose
- H4 Personalised advertising and content, advertising and content measurement, audience research and services development 966 partners can use this purpose
- H5 Use limited data to select advertising 762 partners can use this purpose
- H5 Create profiles for personalised advertising 619 partners can use this purpose
- H5 Use profiles to select personalised advertising 621 partners can use this purpose
- H5 Create profiles to personalise content 263 partners can use this purpose
- H5 Use profiles to select personalised content 237 partners can use this purpose
- H5 Measure advertising performance 883 partners can use this purpose
- H5 Measure content performance 405 partners can use this purpose
- H5 Understand audiences through statistics or combinations of data from different sources 560 partners can use this purpose
- H5 Develop and improve services 661 partners can use this purpose
- H5 Use limited data to select content 178 partners can use this purpose
- H4 Use precise geolocation data 291 partners can use this special feature
- H4 Actively scan device characteristics for identification 159 partners can use this special feature
- H4 Ensure security, prevent and detect fraud, and fix errors 628 partners can use this special purpose
- H4 Deliver and present advertising and content 621 partners can use this special purpose
- H4 Match and combine data from other data sources 444 partners can use this feature
- H4 Link different devices 372 partners can use this feature
- H4 Identify devices based on information transmitted automatically 578 partners can use this feature
- H4 Save and communicate privacy choices 478 partners can use this special purpose
- H3 Vendors List
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
Skipping heading levels breaks the document outline. Screen readers may interpret missing levels as structural errors.
Skipping heading levels breaks the document outline — screen-reader users lose track of section nesting.
Learn more ▾ ▴
Screen reader users navigate by jumping between headings (H1 → H2 → H3). Skipping (H1 → H3) breaks the sense of hierarchy. Use sequential levels even if you don't like the default styling — restyle with CSS instead. WCAG 1.3.1 (Info and Relationships) treats this as an A failure.
Source: WCAG 2.1 SC 1.3.1 / W3C WAI
FAlt Text QualityAction42 of 77 images have issuesFIX
| Issue | Count |
|---|---|
| missing | 6 image(s) |
| filename | 24 image(s) |
| generic | 12 image(s) |
Images without alt text are invisible to screen readers.
Each image without alt text is a WCAG 1.1.1 failure — invisible to screen-reader users, lost from Google Image Search.
Learn more ▾ ▴
WCAG 2.1 Level A requires text alternatives for non-decorative images. Empty alt='' is fine for decorative; meaningful images need descriptive text. Common fixes: CMS audit + bulk add, build-time linter (alt-text-required ESLint rule), CI gate on Lighthouse a11y score.
Source: WCAG 2.1 SC 1.1.1 / WebAIM Million Report
An image inside a link with no alt creates an empty link.
Image-only links with no alt create empty links — screen-reader users hear 'link' with no destination context.
Learn more ▾ ▴
An <a><img></a> with no img alt is the worst-case for accessibility: AT announces the link but can't describe where it goes. Either add alt to the image OR add aria-label to the link.
Source: WCAG 2.1 SC 2.4.4
FLink & Button QualityAction28 issue(s) across 396 links and 69 buttonsFIX
| Element | Text | Issue | Suggested Fix |
|---|---|---|---|
| # | (empty) | empty | Add link text or aria-label |
| (empty) | empty | Add link text or aria-label | |
| # | (empty) | empty | Add link text or aria-label |
| # | (empty) | empty | Add link text or aria-label |
| # | (empty) | empty | Add link text or aria-label |
| # | (empty) | empty | Add link text or aria-label |
| # | (empty) | empty | Add link text or aria-label |
| # | (empty) | empty | Add link text or aria-label |
| https://www.newstatesman.com/podcasts/po… | (empty) | empty | Add link text or aria-label |
| https://podcasts.apple.com/gb/podcast/th… | icon | new tab | Add '(opens in new tab)' to text |
| https://open.spotify.com/show/1SyYLJwPKf… | icon | new tab | Add '(opens in new tab)' to text |
| https://www.youtube.com/channel/UC2DHAQO… | icon | new tab | Add '(opens in new tab)' to text |
| https://www.newstatesman.com/podcasts/th… | (empty) | empty | Add link text or aria-label |
| https://podcasts.apple.com/gb/podcast/th… | icon | new tab | Add '(opens in new tab)' to text |
| https://open.spotify.com/show/1SyYLJwPKf… | icon | new tab | Add '(opens in new tab)' to text |
| https://www.youtube.com/channel/UC2DHAQO… | icon | new tab | Add '(opens in new tab)' to text |
| https://www.newstatesman.com/podcasts/ne… | (empty) | empty | Add link text or aria-label |
| https://podcasts.apple.com/gb/podcast/th… | icon | new tab | Add '(opens in new tab)' to text |
| https://open.spotify.com/show/1SyYLJwPKf… | icon | new tab | Add '(opens in new tab)' to text |
| https://www.youtube.com/channel/UC2DHAQO… | icon | new tab | Add '(opens in new tab)' to text |
| https://www.newstatesman.com/podcasts/po… | (empty) | empty | Add link text or aria-label |
| https://podcasts.apple.com/gb/podcast/th… | icon | new tab | Add '(opens in new tab)' to text |
| https://open.spotify.com/show/1SyYLJwPKf… | icon | new tab | Add '(opens in new tab)' to text |
| https://www.youtube.com/channel/UC2DHAQO… | icon | new tab | Add '(opens in new tab)' to text |
| # | (empty) | empty | Add link text or aria-label |
| https://nst.my.darwin.cx/ | Help Centre | new tab | Add '(opens in new tab)' to text |
| https://en-gb.facebook.com/NewStatesman/ | new tab | Add '(opens in new tab)' to text | |
| https://www.instagram.com/newstatesman/?… | new tab | Add '(opens in new tab)' to text | |
| https://twitter.com/newstatesman | new tab | Add '(opens in new tab)' to text | |
| https://www.linkedin.com/company/new-sta… | new tab | Add '(opens in new tab)' to text | |
| https://www.newstatesman.com/privacy-pol… | here | generic text | Replace with descriptive text |
Before: here Suggested: Privacy Policy | |||
| https://cookiepedia.co.uk/giving-consent… | More information about your pr… | new tab | Add '(opens in new tab)' to text |
| https://www.onetrust.com/products/cookie… | Powered by OneTrust Opens in a… | new tab | Add '(opens in new tab)' to text |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
| <button> | (empty) | empty | Add button text or aria-label |
Links without text are announced as raw URLs by screen readers.
#; a#menuLoadMore; #; #; #; #; #; #; https://www.newstatesman.com/podcasts/politics-podcast/2026/04/ai-is-embedded…; https://www.newstatesman.com/podcasts/the-exchange/2026/04/george-saunders-ha… (+3 more)
Links with no accessible text (empty <a></a>, image-only no alt, icon-only no aria-label) are unidentifiable to screen readers.
Source: WCAG 2.1 SC 2.4.4
Generic link text like 'click here' doesn't describe the destination.
https://www.newstatesman.com/privacy-policy ("here")
Generic anchor text ('click here', 'read more', 'learn more') tells screen readers and search engines nothing about the destination.
Learn more ▾ ▴
Out-of-context lists of links read by AT (one navigation pattern) become useless when every link says 'click here'. Use the destination's title or topic as anchor text. Doubles as SEO win — Google passes anchor-text relevance to the destination.
Source: WCAG 2.4.4 / Google Search Central
Add '(opens in new tab)' to link text or aria-label.
https://podcasts.apple.com/gb/podcast/the-new-statesman-podcast/id630596898; https://open.spotify.com/show/1SyYLJwPKfvdTIb96nYmAN?si=fd9e6c6415d24ed4; https://www.youtube.com/channel/UC2DHAQOeEg-Z-4trARDXHRA; https://podcasts.apple.com/gb/podcast/the-new-statesman-podcast/id630596898; https://open.spotify.com/show/1SyYLJwPKfvdTIb96nYmAN?si=fd9e6c6415d24ed4; https://www.youtube.com/channel/UC2DHAQOeEg-Z-4trARDXHRA; https://podcasts.apple.com/gb/podcast/the-new-statesman-podcast/id630596898; https://open.spotify.com/show/1SyYLJwPKfvdTIb96nYmAN?si=fd9e6c6415d24ed4; https://www.youtube.com/channel/UC2DHAQOeEg-Z-4trARDXHRA; https://podcasts.apple.com/gb/podcast/the-new-statesman-podcast/id630596898 (+9 more)
Links with target="_blank" without rel="noopener" leak the originating page's window context — security and UX issue.
Learn more ▾ ▴
Without rel="noopener", the new tab can navigate the original tab via window.opener (tab-nabbing attack). Modern browsers default to noopener for target=_blank but only since recent versions. Always set rel="noopener noreferrer" explicitly.
Source: MDN target / OWASP
Icon-only buttons need an aria-label so screen readers can announce them.
button (#1746 on page); button (#1762 on page); button (#1778 on page); button (#1794 on page); button (#1805 on page); button (#1823 on page); button (#2005 on page); button (#2022 on page); button (#2039 on page); button (#2052 on page) (+4 more)
Buttons with no accessible text (icon-only, no aria-label) can't be activated by voice control or understood by screen readers.
Source: WCAG 2.1 SC 4.1.2
DWeb ManifestActionNot foundFIX
No web manifest found.
DDark Mode SupportActionNo dark mode signalsFIX
Detection limited to meta tags and inline styles.
DPrint StylesheetActionNo print stylesFIX
B404 Error PageHTTP 404, custom pageREVIEW
BFavicon & Branding4 icon(s) detectedREVIEW
BColor Contrast (Screenshot)20 text elements analyzed, 0 fail WCAG AAREVIEW
Analyzes text contrast against the actual rendered page, including background images, gradients, and overlays that CSS-based tools cannot detect.
Show all checked elements (20)
| Element | Ratio | Required | FG | BG | Result |
|---|---|---|---|---|---|
| h2 Privacy Preference C… | 5.24:1 | 3.0:1 | #000000 | #7F7F7F | Pass |
| h3 We and our partners … | 5.24:1 | 3.0:1 | #000000 | #7F7F7F | Pass |
| h3 Manage Consent Prefe… | 5.24:1 | 3.0:1 | #000000 | #7F7F7F | Pass |
| h3 Vendors List | 5.24:1 | 3.0:1 | #000000 | #7F7F7F | Pass |
| title New Statesman | UK P… | 5.24:1 | 4.5:1 | #000000 | #7F7F7F | Pass |
| p Reviewing politics | 5.03:1 | 4.5:1 | #000000 | #7C7C7C | Pass |
| p and culture since 19… | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Politics | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Comment | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a World | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Ideas | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Culture | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Books | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Magazine | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Newsletters | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Spotlight on Policy | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Podcasts | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Politics | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a Comment | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
| a World | 4.96:1 | 4.5:1 | #000000 | #7B7B7B | Pass |
Methodology: The top 20 text elements by font size were checked. Background color was sampled from the desktop screenshot using a 5-point pattern. WCAG 2.1 AA requires 4.5:1 for normal text and 3:1 for large text.
BLighthouse Accessibility AuditsScore 83/100 — 5 failing, 23 passedREVIEW
Accessibility
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
Contrast
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Skills article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-5123 |
Spotlight on Policy article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-845 |
Spotlight on Policy article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-845 |
Public Health article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-31636 |
Spotlight on Policy article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-845 |
Skills article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-5123 |
Partner content div.l-segment__item > article.c-story > header.c-story__header > div.c-story__header__category |
Partner content div.l-segment__item > article.c-story > header.c-story__header > div.c-story__header__category |
Reports article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-25684 |
Partner content div.l-segment__item > article.c-story > header.c-story__header > div.c-story__header__category |
These are opportunities to improve the legibility of your content.
Navigation
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more about heading order.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Ed Miliband: The era of clean energy security div.l-segment__item > article.c-story > header.c-story__header > h4.post-title |
Patrick Radden Keefe’s obituary for Britain div.l-segment__item > article.c-story > header.c-story__header > h4.post-title |
2. The Great British defence con div.h-most-read-col2 > article.c-story > header.c-story__header > h4.post-title |
Meet the Angry Young Women div.l-segment__item > article.c-story > header.c-story__header > h4.post-title |
Apartheid fetishism div.l-segment__item > article.c-story > header.c-story__header > h4.post-title |
Nine things we learned from Starmer’s Mandelson statement div.l-segment__item > article.c-story > header.c-story__header > h4.post-title |
What Jürgen Habermas leaves behind div.l-segment__item > article.c-story > header.c-story__header > h4.post-title |
These are opportunities to improve keyboard navigation in your application.
Names and labels
Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. Learn more about the `alt` attribute.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
figure.c-story__image > a > div.c-story__image--podcast > img.c-story__image__img figure.c-story__image > a > div.c-story__image--podcast > img.c-story__image__img |
figure.c-story__image > a > div.c-story__image--podcast > img.c-story__image__img figure.c-story__image > a > div.c-story__image--podcast > img.c-story__image__img |
figure.c-story__image > a > div.c-story__image--podcast > img.c-story__image__img figure.c-story__image > a > div.c-story__image--podcast > img.c-story__image__img |
figure.c-story__image > a > div.c-story__image--podcast > img.c-story__image__img figure.c-story__image > a > div.c-story__image--podcast > img.c-story__image__img |
Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn how to make links accessible.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
header#c-header > nav.c-header-nav > div.c-header-nav__container > a#mega-menu-button header#c-header > nav.c-header-nav > div.c-header-nav__container > a#mega-menu-button |
div.swiper-slide > div.podcast--item > figure.c-story__image > a div.swiper-slide > div.podcast--item > figure.c-story__image > a |
div.swiper-slide > div.podcast--item > figure.c-story__image > a div.swiper-slide > div.podcast--item > figure.c-story__image > a |
div.swiper-slide > div.podcast--item > figure.c-story__image > a div.swiper-slide > div.podcast--item > figure.c-story__image > a |
div.swiper-slide > div.podcast--item > figure.c-story__image > a div.swiper-slide > div.podcast--item > figure.c-story__image > a |
body.home > main > a#scrollToTopButton body.home > main > a#scrollToTopButton |
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.
Best practices
Touch targets with sufficient size and spacing help users who may have difficulty targeting small controls to activate the targets. Learn more about touch targets.
Performance issues directly impact user engagement and conversion rates.
| Failing Elements |
|---|
Speech article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-33093 |
Ideas article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-5046 |
TV article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-21578 |
Tom McTague div.swiper-slide > div.ows-item > div.ows-item-name > a |
Will Lloyd div.swiper-slide > div.ows-item > div.ows-item-name > a |
Ailbhe Rea div.swiper-slide > div.ows-item > div.ows-item-name > a |
Andrew Marr div.swiper-slide > div.ows-item > div.ows-item-name > a |
UK Politics article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-1291 |
Politics article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-8 |
Politics podcast div.podcast--item > div.c-story__header > div.c-story__header__category > a |
Go to slide 1 section.o-block > div.podcast-slider > div.swiper-pagination > span.swiper-pagination-bullet |
Go to slide 2 section.o-block > div.podcast-slider > div.swiper-pagination > span.swiper-pagination-bullet |
Go to slide 3 section.o-block > div.podcast-slider > div.swiper-pagination > span.swiper-pagination-bullet |
Go to slide 4 section.o-block > div.podcast-slider > div.swiper-pagination > span.swiper-pagination-bullet |
Ideas article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-5046 |
Ideas article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-5046 |
Comment article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-5043 |
International Politics article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-1676 |
Spotlight on Policy article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-845 |
Skills article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-5123 |
Reports article.c-story > header.c-story__header > div.c-story__header__category > a.figaro-cat-25684 |
These items highlight common accessibility best practices.
ALandmark Structure68 landmarksPASS
Add a skip link as the first focusable element so keyboard users can bypass repeated navigation.
Without a skip-nav link, keyboard users tab through every nav item before reaching content — every page, every visit.
Learn more ▾ ▴
WCAG 2.4.1 (Bypass Blocks) requires a mechanism to skip past repeated content. The standard implementation is a 'Skip to main content' link that's the first focusable element, visually hidden until focused. Three lines of HTML + four of CSS.
Source: WCAG 2.1 SC 2.4.1
A+Form AccessibilityAll 24 controls labeledPASS
| Control | Type | Label | Method |
|---|---|---|---|
| s | text | none | |
| s | text | none | |
| #ot-group-id-C0003 | checkbox | Functional Cookies | for/id |
| #ot-group-id-C0002 | checkbox | Performance Cookies | for/id |
| #ot-group-id-C0004 | checkbox | Targeting Cookies | for/id |
| #ot-group-id-IAB2V2_1 | checkbox | Store and/or access information on a device | for/id |
| #ot-group-id-V2STACK42 | checkbox | Personalised advertising and content, advertising and content measurement, audience research and services development | for/id |
| #ot-sub-group-id-IAB2V2_2 | checkbox | Use limited data to select advertising | aria-label |
| #ot-sub-group-id-IAB2V2_3 | checkbox | Create profiles for personalised advertising | aria-label |
| #ot-sub-group-id-IAB2V2_4 | checkbox | Use profiles to select personalised advertising | aria-label |
| #ot-sub-group-id-IAB2V2_5 | checkbox | Create profiles to personalise content | aria-label |
| #ot-sub-group-id-IAB2V2_6 | checkbox | Use profiles to select personalised content | aria-label |
| #ot-sub-group-id-IAB2V2_7 | checkbox | Measure advertising performance | aria-label |
| #ot-sub-group-id-IAB2V2_8 | checkbox | Measure content performance | aria-label |
| #ot-sub-group-id-IAB2V2_9 | checkbox | Understand audiences through statistics or combinations of data from different sources | aria-label |
| #ot-sub-group-id-IAB2V2_10 | checkbox | Develop and improve services | aria-label |
| #ot-sub-group-id-IAB2V2_11 | checkbox | Use limited data to select content | aria-label |
| #ot-group-id-ISF2V2_1 | checkbox | Use precise geolocation data | for/id |
| #ot-group-id-ISF2V2_2 | checkbox | Actively scan device characteristics for identification | for/id |
| #vendor-search-handler | text | Vendor list search | aria-label |
| #chkbox-id | checkbox | checkbox label | for/id |
| #select-all-hosts-groups-handler | checkbox | checkbox label | for/id |
| #select-all-vendor-groups-handler | checkbox | checkbox label | for/id |
| #select-all-vendor-leg-handler | checkbox | checkbox label | for/id |