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 alt text; purely decorative icons carry aria-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-required attributes, and inline error messages delivered via aria-live regions
  • 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 (h1h2h3) 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 automatic dir="rtl" attribute when an RTL language is selected
  • All external links include rel="noopener noreferrer" and carry aria-label attributes 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:

Display Mode

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.

Color Vision Mode

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.

Reading Tint Overlay

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.

Reading Font

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.

Larger Text

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.

Reduce Motion

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.

Link Visibility Aids

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.

Enhanced Focus Rings

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.

Language / Translation

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.

Interactive District Map

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.

CAPTCHA on Volunteer Forms

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.

Embedded YouTube Video

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.

Base Color Contrast

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.

Machine Translation Quality

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.

Need help or found an issue?

Reach out through our contact page and we'll get back to you as soon as possible.