Support » Theme: OnePress » Accessibility (WCAG): Font Size, Contrast, no CSS/JS

  • Web Content Accessibility Guidelines (WCAG) compliance is already required or will be soon at least for public sector bodies:
    Canada since 2012
    USA since January 2018
    European Union public sector: New September 2019, old September 2020
    See example https://www.genomicsengland.co.uk/

    I wonder if by a child theme functions like dynamic Font size change or Contrast change can be realized?
    Or even better if Onepress could itself integrate compliance by additional Accessibility functionality?

    • This topic was modified 1 year, 1 month ago by  bmwm.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author FameThemes

    (@famethemes)

    Hi @cbmwm,

    Thanks for your feedback. Unfortunately, the OnePress don’t support the WCAG yet. We will keep in mind your idea in the future.

    Temporary, you can try to use this plugin:
    https://wordpress.org/plugins/wp-accessibility/

    Have a nice day!

    Thanks for the link. I will also look into https://wordpress.org/plugins/wp-accessibility-helper/

    But please try to improve some key properties for Accessibility like font-colors by either making them editable or compliant to WCAG Contrast Ratio; current values causing WCAG contrast errors:
    h5 section-subtitle, etc.: #aaaaaa;
    p, h2 videolightbox__heading, member-position, section-desc, list-article-meta, etc.: #777777;
    .onepress-menu ul li a, etc: #999999
    The minimum contrast for grey on white is #767676 so I use this instead of #aaaaaa and shift the other similarly by the child theme style.css

    font-size should be defined in relative size (not absolute in px) so that users can more easily change font-size by browser functions. I did feel comfortable to set this in child style.css as it probably needs a lot of testing.

    I also noted the following:
    – links cause a WCAG warning if they are empty (have no text). So far could not find an easy fix for that.
    – Skipped heading level (h4) causes a warning, h5 section-subtitle should be changed to h4?

    So not a lot would be needed to improve for much better WCAG support.

    • This reply was modified 1 year, 1 month ago by  bmwm.
    Theme Author FameThemes

    (@famethemes)

    Hi @cbmwm,

    Thank you for your recommendation. I will report this to our developer.

    Thanks. Above there is an error, I did mean to write: “I did NOT feel comfortable to set this in child style.css as it probably needs a lot of testing.”

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Accessibility (WCAG): Font Size, Contrast, no CSS/JS’ is closed to new replies.