Accessibility Statement
Alexandria Sofiakis for IL-10
Last reviewed:
The Alexandria Sofiakis for IL-10 campaign is committed to ensuring this website is accessible to all people, regardless of ability or the technology they use to browse the web. We believe accessibility is a civil right, and that commitment extends to how we build and maintain our digital presence. This page documents what we have built, what remains incomplete, and how to reach us if you encounter a problem.
Our Accessibility Goal
We aim to conform to the Web Content Accessibility Guidelines (WCAG) 2.1 Level AAA — the highest standard set by the World Wide Web Consortium (W3C). These guidelines define how to make web content more accessible to people with a wide range of disabilities, including visual, auditory, motor, cognitive, and neurological differences.
Achieving full AAA conformance across every page is an ongoing effort. We continuously review and improve the site as it grows. Where we have identified gaps, we have documented them honestly in the Known Limitations section below.
Structural Accessibility Measures
The following measures are built into every page of the site as a baseline, independent of any user-adjustable settings:
- A skip-to-content link is present on every page, visible on keyboard focus, allowing keyboard and switch-access users to bypass the navigation and jump directly to the main content
- Semantic HTML landmarks (
<header>,<main>,<nav>,<footer>,<section>) are used throughout to support screen reader landmark navigation - All interactive elements — navigation links, buttons, and form inputs — are reachable and fully operable via keyboard alone
- Images include descriptive
alttext; purely decorative icons carryaria-hidden="true"so they are not announced by screen readers - ARIA labels and roles are applied to navigation regions, forms, buttons, dialogs, and interactive widgets to provide context to assistive technologies
- Form fields include associated
<label>elements,aria-requiredattributes, and inline error messages delivered viaaria-liveregions - The site uses Lexend as its default typeface — a font developed specifically to reduce visual stress and improve reading fluency
- Pages are structured with a logical heading hierarchy (
h1→h2→h3) to support navigation by heading in screen readers - All pages include a
lang="en"attribute on the<html>element; right-to-left languages are supported via an automaticdir="rtl"attribute when an RTL language is selected - All external links include
rel="noopener noreferrer"and carryaria-labelattributes describing their destination
On-Site Accessibility Toolbar
This site includes a built-in accessibility toolbar, accessible via the universal access icon in the navigation bar at the top of every page. All settings are saved to your browser and automatically restored on every visit — you only need to configure them once.
The toolbar provides the following adjustable settings:
Choose from four site-wide display modes. Default is the standard site design. Comfort replaces the white background with a warm cream tone and softens the text color — designed for users who experience visual stress or discomfort with high black-on-white contrast, including those with Meares-Irlen syndrome. High contrast renders the site in pure black and white to meet the strictest AAA contrast thresholds throughout. Dark mode inverts the palette to a dark background with light text and adjusted green accents.
For users with color vision deficiency, two alternative palettes are available. Grayscale removes all color from the page entirely, ensuring no information is conveyed by color alone. Color-safe replaces the site's green-based palette with a blue and amber combination — colors processed by different cone types in the eye — making all visual cues distinguishable across deuteranopia, protanopia, and tritanopia. Both the header and footer are explicitly overridden in these modes to maintain AAA contrast ratios throughout.
A transparent color overlay can be applied across the entire page in five tints: none, cream, blue, green, and rose. Colored overlays are a recognised accommodation for visual stress and Meares-Irlen syndrome, and individual users often respond differently to different tints. All five are offered so you can find what works best for you.
Three font options are available. Default keeps Lexend. OpenDyslexic applies a font with weighted letterform bottoms designed to reduce visual letter-flipping common in some forms of dyslexia. BDA Sans switches to Arial with increased line height, letter spacing, and word spacing per the British Dyslexia Association Style Guide — recommended for users who find a familiar font with generous spacing more comfortable than a specialist font.
Increases the base font size across the site by approximately 18%. This is separate from browser zoom — it scales text only, leaving layout proportions intact. Users who need more significant magnification are encouraged to use their browser's built-in zoom (Ctrl + + on Windows, Cmd + + on Mac), which scales the full layout including images and spacing.
Disables all CSS transitions and animations across the site. This setting is also automatically activated if your operating system's "reduce motion" preference is enabled — you do not need to set it manually if you have already done so at the OS level.
Two independent link aids are available. Underline all links adds an underline to every link on the page, ensuring links are never distinguished by color alone. Highlight body links applies a soft background swatch (similar to a highlighter pen) behind inline text links in the main content area — helping users who scan pages non-linearly, or who benefit from a clear unambiguous visual cue beyond color or underline. The highlight color automatically adapts to whichever display or color vision mode is active.
Replaces the browser's default focus outline with a high-visibility gold ring and halo on every focused element, making keyboard navigation position clearly visible at all times. This setting goes beyond the WCAG 2.4.11 minimum and targets the stricter 2.4.12 AAA enhanced focus appearance criterion.
The site can be translated into 16 languages directly from the accessibility toolbar, including Spanish, Polish, Korean, Chinese, Hindi, Filipino, Arabic, Ukrainian, Japanese, Vietnamese, Hebrew, Gujarati, Russian, Amharic, and Bengali. Translations are currently powered by Google Translate. Machine translation quality varies and nuance may be lost in some cases — we are working toward hand-translated versions of key pages for the most-requested languages, which will be made available as they are completed. Arabic and Hebrew are displayed in right-to-left layout automatically.
Known Limitations
In the interest of transparency, we want to be upfront about areas of the site that do not yet fully meet our accessibility goal. We are actively working to address these where possible.
The interactive map on the IL-10 page is powered by Leaflet.js, a third-party mapping library. While the map receives keyboard focus, it does not fully support screen reader navigation and does not provide a programmatic text alternative to its visual content. Descriptive text about the district is provided directly below the map for users who cannot interact with it. We are evaluating a static accessible alternative for a future update.
Volunteer forms on this site use Cloudflare Turnstile as a spam prevention measure. While Turnstile is designed to be less intrusive than traditional CAPTCHAs, it is a third-party widget and its full compatibility with all assistive technologies cannot be guaranteed. If you experience difficulty completing a volunteer form, please contact us directly and we will sign you up manually.
The homepage features an embedded YouTube video. Closed captioning depends on captions provided within the video on YouTube's platform, which is governed by YouTube's own accessibility features rather than this site. We encourage use of YouTube's built-in caption and playback controls. A text transcript of the video's content is planned for a future update.
The site's default design uses muted secondary text colors that do not fully meet the WCAG 2.1 Level AAA threshold of 7:1 in all contexts. Users who require higher contrast can activate High contrast mode or Color-safe mode via the accessibility toolbar — both modes are explicitly designed to meet AAA contrast ratios throughout, including in the header and footer. We are also progressively improving contrast in the default theme on an ongoing basis.
Languages selected via the toolbar are currently translated by Google Translate. Automated machine translation may produce inaccuracies, miss cultural nuance, or render poorly for complex political content. We are working toward hand-translated versions of key pages for the highest-demand languages and will update this statement as those become available.
Assistive Technology Compatibility
This site is intended to be compatible with commonly used assistive technologies,
including screen readers such as NVDA,
JAWS, and VoiceOver, as well as
keyboard-only navigation, switch access, and browser zoom up to 200%. The
accessibility toolbar itself is fully keyboard-navigable and announces state
changes via aria-pressed and aria-live attributes.
If you are using an assistive technology not listed here and encounter a problem, please let us know — compatibility details help us prioritise fixes.
Reporting an Accessibility Issue
We welcome feedback on the accessibility of this site. If you encounter a barrier, experience difficulty accessing any content, find a feature of the toolbar that is not working as described, or would like to request content in an alternative format, please reach out through our contact page and select Accessibility Request as the subject.
When reporting an issue, it helps to include the page URL, a description of the problem, the assistive technology or browser you were using, and — if applicable — which toolbar settings were active at the time. We will do our best to respond promptly and work toward a solution.
Reach out through our contact page and we'll get back to you as soon as possible.