Journal Accessibility

Why It Matters

Accessibility is one of LibraryPress@UF’s core values. In an increasingly digital world, particularly for presses with born-digital publications such as ours, it is paramount to provide our content accessibly to all readers. Accessibility is for everyone!

Principles

  1. Perceivable: Information and user interface components must be presentable to users in ways they can perceive.
  2. Operable: User interface components and navigation must be operable.
  3. Understandable: Information and the operation of user interface must be understandable.
  4. Robust: Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.

Best Practices for OJS Accessibility

Website Accessibility

Color
TypeWCAG 2.2 AAWCAG 2.2 AAA
Normal text4.5:17:1
Large text*3:14.5:1
Incidental**NoneNone
Logotypes***NoneNone

* Large text is defined by WCAG as at least 18 point or 14 point bold or font size that would yield equivalent size for Chinese, Japanese and Korean (CJK) fonts.

** Incidental is defined by WCAG as text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content.

*** Logotype is defined by WCAG as text that is part of a logo or brand name.

Alternative (Alt) Text

Alternative text, more commonly known as alt text, is a description that conveys the meaning of an image or visual component. It is used to make visual content accessible to folks with visual disabilities or for folks with low bandwidth that cannot support image display. Alt text should be provided for all images, unless decorative or the text is present elsewhere on the page. Use descriptive language and avoid using “image of…” at the start of your description.

Decorative images are defined as images used for aesthetic purposes, provide no information, and/or have no function beyond aesthetics.

Page Structure

Use appropriate heading levels in HTML when writing web content. Use descriptive titles and headings across your website. Heading levels should not be skipped in the ordering (e.g. <h1>, <h2>, <h3>) so that screen readers can correctly navigate through a page.

PKP also recommends creating journal documentation as static HTML pages rather than uploading PDFs for maximum accessibility.

Descriptive Links

Creating descriptive links/URLs allows screen reader users to determine the purpose of a link and skip it if they are not interested in it. Link text needs to be:

  • Descriptive. URL text should be understood without additional context.
  • Concise. Use keywords.
  • Unique.
  • Visually distinct. URLs are usually underlined and in color. If you choose not to use the default blue, be sure to select a color with sufficient contrast.

The Ultimate Accessible Galley: HTML

If you’re looking to implement the most accessible galley type, you’ll need to do some extra work and develop HTML files for each article/issue.

Workshop: Introduction to Accessibility for Journals

Resources & Tools

Resources

Tools

* Most relevant to creating accessible PDFs for OJS

Footnotes

  1. W3C, “Introduction to Understanding WCAG 2.2: Understanding the Four Principles of Accessibility,” https://www.w3.org/WAI/WCAG22/Understanding/intro#understanding-the-four-principles-of-accessibility ↩︎
  2. W3C, “WCAG 2.2, Success Criterion 1.4.1 Use of Color,” https://www.w3.org/TR/WCAG22/#use-of-color ↩︎
  3. UCSF, “PDF Accessibility,” https://it.ucsf.edu/how-to/pdf-accessibility ↩︎
  4. Harvard, “Creating Accessible PDFs,” https://accessibility.huit.harvard.edu/pdf ↩︎
css.php