WCAG 2.1 AA · WCAG 2.2 AA
Accessibility statement for the Atlas theme for OJS
What Atlas does so that journals using it can be read by everyone, and how we tested it.
At a glance
- Conformance
- Fully conformant WCAG 2.1 AA, with the WCAG 2.2 AA additions (the theme's own pages)
- Theme versions
- Atlas 1.0+ for OJS 3.3
Atlas 2.0+ for OJS 3.5 - Last tested and updated
- 28 September 2026
- Evaluation
- Self-evaluation by the developer
Statement
Accessibility checklist
What the theme does, feature by feature. Each line is described in What we have done, and the testing lines in How we tested.
| Feature | Done |
|---|---|
| Keyboard | |
| A “Skip to content” link as the first keyboard stop | Yes |
| A visible focus indicator on every control, whatever the theme colours | Yes |
| Focus moves into menus and dialogs; Escape closes them | Yes |
| Submenus and tabs work with Enter, Space, Escape and the arrow keys | Yes |
| No single-key shortcut unless the journal turns it on | Yes |
| A focused element is never hidden behind the sticky header | Yes |
| Screen readers | |
| Menus, tabs and toggles announce their state | Yes |
| A slide change is announced; automatic rotation stays silent | Yes |
| The page behind an open dialog is inert | Yes |
| One main heading per page, no skipped heading levels | Yes |
| All content inside named page regions | Yes |
| Status messages are announced (for example “Link copied”) | Yes |
| Form fields declare their purpose; login errors are announced; search fields have labels | Yes |
| Decorative icons are hidden; an image name is read once | Yes |
| Colour & contrast | |
| Text contrast of at least 4.5:1, adjusted automatically for any settings colour | Yes |
| A contrast report under each colour field in the settings | Yes |
| Links in running text are underlined | Yes |
| Works in Windows High Contrast (forced colours) | Yes |
| Motion | |
| Slider, indexing strip and issue timeline can be paused and stop on keyboard focus | Yes |
| The “reduce motion” system setting is respected | Yes |
| Language | |
| Correct page language and direction, including right-to-left Arabic | Yes |
| Text shown in a fallback language is marked with that language | Yes |
| Interface in six languages, names of icon-only buttons included | Yes |
| Layout & zoom | |
| Reflows to a 320-pixel-wide screen without horizontal scrolling | Yes |
| Nothing is lost when text spacing is increased | Yes |
| Small controls meet the minimum target size (ORCID and ROR icons: 24 × 24 px) | Yes |
| Fonts can be served from the journal’s own server | Yes |
| Testing | |
| Automated testing with axe in three browser engines (Chromium, Firefox, WebKit) | Yes |
| Keyboard testing in all three engines | Yes |
| NVDA screen reader with Microsoft Edge | Yes |
| TalkBack screen reader on Android | Yes |
| Real Windows High Contrast themes | Yes |
| 200% zoom and 320-pixel reflow | Yes |
Statement
Commitment
We want journals that use Atlas to be usable by everyone, including people who navigate with a keyboard, use a screen reader, magnify the page, use a high-contrast mode, or prefer reduced motion. We aim for the Web Content Accessibility Guidelines (WCAG) 2.1 at level AA, and we also meet the additional WCAG 2.2 level AA criteria.
Statement
Conformance status
In our tests, Atlas 1.0+ (for OJS 3.3) and Atlas 2.0+ (for OJS 3.5) are fully conformant with WCAG 2.1 level AA and with the WCAG 2.2 level AA additions for the theme's own pages and components: we know of no remaining failures. “Fully conformant” here covers what the theme itself draws, on the pages listed under How we tested. It does not cover content added by each journal or pages and page blocks provided by other OJS plugins; see Scope. The OJS administration and editorial screens are outside the scope of this statement (the theme's own settings screen is included).
Details
What we have done
Keyboard
- A “Skip to content” link as the first keyboard stop, landing on the main content region; “Back to top” also moves keyboard focus back to the main content.
- A focus indicator on every interactive element that does not depend on the colours chosen in the settings: a dark outline inside a light halo (light outline, dark halo in dark mode). The two are far enough apart that one of them stands out by at least 3:1 against any background, including cover images and dark blocks.
- Keyboard focus is managed in the mobile menu, the command palette, the citation dialog and the signed-in user menu: it moves into them when they open, Escape closes them, and focus returns to the control that opened them.
- Submenus of the main navigation follow the disclosure pattern: Enter or Space (or the pointer) opens them, Escape closes them, and a closed submenu's links are out of the tab order. The archive view and citation format tabs work with the arrow keys.
- The single-key shortcut “/” for the command palette is off unless the journal turns it on. Switching between light and dark mode uses Alt+Shift+D (Option+Shift+D on a Mac), which no major browser uses; Ctrl+D stays the browser's bookmark shortcut.
- Scrolling that follows keyboard focus is always instant, and an element that receives keyboard focus is brought fully into view, clear of the sticky header.
Screen readers
- Menus, tabs, toggles and the slider tell assistive technology their state (expanded, selected, pressed, current slide), and the state announced when focus arrives is the state on screen. When a reader changes the slide, the new slide is announced; while the slider turns on its own, it stays silent.
- While the citation dialog or the command palette is open, the rest of the page is inert, so a screen reader's own reading cursor (swipes on a phone, browse mode on a computer) also stays in the dialog.
- Every page has one main heading, and heading levels do not skip.
- All content sits inside named page regions: the utility bar (language, login), the header, the site navigation, the main content and the footer; the article's table of contents has a name.
- Status messages (for example “Link copied”, or the number of articles after filtering) are announced to assistive technology.
- Login and registration fields declare their purpose for autofill. A failed login is announced, linked to the fields and receives focus, and the reason OJS gives (for example a disabled account) is shown. Every search field has a label.
- Decorative icons are hidden from assistive technology. An image whose name is written right next to it (a logo beside the journal name, index logos with their names, editorial board photos) has an empty alternative text so the name is not read twice; issue covers and journal thumbnails use the alternative text entered in OJS.
Colour & contrast
- Colours chosen in the theme settings are adjusted automatically where they are used as text (at least 4.5:1) or behind text, separately for light and dark mode and for each of the three surface tones. Under each colour field the settings screen reports the shades the theme derives and their contrast, and flags a colour that stands out little from the page. Text over cover images gets an automatic overlay where needed.
- Links inside running text (references, announcements, page content, the footer's free-text field) are underlined, so they are not told apart by colour alone.
- In Windows High Contrast (forced colours) mode, selected and current states (language, filters, views, citation style, the current slide) use the system highlight colours, and controls drawn only with colour (the menu button, slider dots) stay visible.
Motion
- Moving content can be stopped: the homepage slider, the indexing strip and the issue timeline each have a pause button placed before their items; the slider stops when a keyboard user moves into it, and a focused item in the strips stops them and is scrolled into view.
- With the operating system's reduced-motion setting, the slider, the strips, decorative cover animations, the status dot and the command palette's opening stay still, and the page does not scroll smoothly.
Language
- Correct page language and text direction for every interface language, including right-to-left Arabic. Titles, summaries, the journal's name and the journal's own texts (About, submission guidelines) that OJS shows in another language, because a translation is missing, are marked with that language, so screen readers switch voice for them.
- Interface text, including the names of icon-only buttons, in six languages (English, Turkish, Arabic, Spanish, Ukrainian, European Portuguese).
Layout & reading
- Layout reflows to a 320-pixel-wide screen without horizontal scrolling or cut-off text, long journal names included, and nothing is lost when line, letter, word and paragraph spacing are increased.
- Icon links and small controls meet the WCAG 2.2 minimum target size; the ORCID and ROR icons next to author names have 24 × 24-pixel targets.
- Fonts can be served from the journal's own server, with no third-party requests.
Details
How we tested
Every method below was run on OJS 3.3 and OJS 3.5.
Automated testing
- Tools
- axe-core 4.13.0 through Playwright 1.63.0, in three browser engines: Chromium 153, Firefox 155 and WebKit 26.6 (Playwright's builds, headless)
- Covered
- 56 page states per version: publisher homepage, journal homepage with every section enabled, issue page with section filters, article page, archive (three views), search results, most-viewed, the announcement list and a single announcement, launch mode, the command palette and the mobile menu (375 px), each in light and dark mode and in English and Arabic.
Keyboard
- Tools
- Scripted testing with real key presses (Tab, Shift+Tab, Enter, Space, Escape, arrow keys), in all three engines
- Covered
- Menus, the mobile menu, the command palette, the theme switch and shortcuts, filters, the slider, the indexing strip and issue timeline, the archive view switcher, expand/collapse buttons, copy buttons, the citation dialog and the signed-in user menu (with a test account); a full Tab walk measuring focus visibility, whether the focused element is in view and not covered, whether the focus indicator is clipped, its contrast against what lies behind it, and whether it changes with the settings colours.
Screen reader: NVDA
- Tools
- NVDA 2026.2 with Microsoft Edge 154 on Windows 11, driven with real key presses; speech captured and compared step by step with what was expected
- Covered
- 13 scenarios (45 steps) per OJS version: skip link, main menu and submenu, mobile menu, command palette, citation dialog (also read with the arrow keys in browse mode), section filters, the copy notification, slider controls, archive view tabs, heading (H) and landmark (D) navigation, and language changes on the Arabic page.
Screen reader: TalkBack
- Tools
- TalkBack 16 with Chrome 134 on Android 16, driven with touch gestures — swipes, double taps and reading controls; speech captured and compared step by step
- Covered
- Main and mobile menu, slider, section filters, heading navigation and the citation dialog.
Accessibility tree
- Covered
- Inspection of the browser's accessibility tree for headings, landmarks, accessible names, live regions and language.
Colour contrast
- Covered
- Colour-contrast calculation for every text and surface token in all three surface tones, light and dark; the automatic colour adjustment was checked with four very different settings colours (the default orange-red, a bright orange, a dark navy and a light yellow) in every tone and mode; pixel measurements for text over images and gradients.
High contrast
- Covered
- Windows High Contrast with real Windows 11 contrast themes (one light, one dark) in Microsoft Edge, and forced-colours emulation in Chromium and Firefox with light and dark system themes, including a system theme whose light/dark mode differs from the page's; judged on screenshots.
Reflow, spacing and zoom
- Covered
- Reflow at 320 pixels and the WCAG text-spacing values, with short, medium and very long journal names and affiliations, in all three engines. Zoom to 200% at 1280 × 720 pixels on 13 page states per version (page zoom and the equivalent 640-pixel layout at double pixel density): no horizontal scrolling, no overlapping, clipped or cut-off text, no lost controls.
Settings screen
- Covered
- The theme settings screen as a journal manager, including a real save.
Visual regression
- Covered
- Before-and-after screenshots of every page state to confirm that the fixes changed nothing beyond what they needed to.
Details
Scope
This statement covers what the theme itself draws on the pages listed under How we tested, including the theme's own settings screen. It does not cover:
- content added by each journal (texts, images, PDFs, custom CSS and footer HTML) — see Customizing without breaking accessibility in the user guide;
- pages and page blocks provided by other OJS plugins (for example galley viewers or metrics blocks);
- the OJS administration and editorial screens.
Summary
Checklist summary
The accessibility checklist in ten lines.
| Feature | Done |
|---|---|
| Full keyboard access with a visible focus indicator | Yes |
| Skip link, and focus managed in menus and dialogs | Yes |
| States and status messages announced to screen readers | Yes |
| One main heading, ordered headings, named page regions | Yes |
| Text contrast adjusted automatically for any settings colour | Yes |
| Windows High Contrast (forced colours) supported | Yes |
| Moving content can be paused; reduced motion respected | Yes |
| Correct language and direction in six interface languages | Yes |
| 320-pixel reflow, 200% zoom, text spacing and target size | Yes |
| Tested with axe in three engines, the keyboard, NVDA, TalkBack and High Contrast | Yes |
Contact
Feedback
If you meet a barrier, please tell us: [email protected]. We aim to respond within 5 business days.