Absolute Font Size

  • Resolved hmsproducts

    (@hmsproducts)


    6 years, 7 months ago

    Great plugin and we love your focus on accessibility!

    However, can the font sizes in your CSS be updated to relative rather than absolute units? I know this can be overridden, but, it still shows up in accessibility tool scans that don’t see the cascade as an alert. Inevitably, the alerts have to be explained.

    E.G.:

    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    text-align: left;
    color: #fff;
    font-size: 14px;
    }

    Thank you!
    HMS Products

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi HMS,

    Glad you like the plugin ??

    I haven’t heard of fixed font sizes being an accessibility issue before (the browser zoom should still work).

    Please can you send me a link to the accessibility tool you’re using so I can see what they’re saying?

    Regards,
    Tom

    Thread Starter hmsproducts

    (@hmsproducts)

    Tom,

    Thanks for the quick response. You are definitely correct that zoom should work, but, the sufficient techniques for meeting WCAG 2.0 AA (1.4.4 Resize text Level AA) indicate to use relative font sizes:

    Ensuring that text containers resize when the text resizes AND using measurements that are relative to other measurements in the content (future link) using one of the following techniques:
    C28: Specifying the size of text containers using em units
    Techniques for relative measurements (future link) using one of the following techniques:
    C12: Using percent for font sizes
    C13: Using named font sizes
    C14: Using em units for font sizes

    https://www.w3.org/WAI/WCAG20/quickref/?showtechniques=144#qr-visual-audio-contrast-scale

    We are using SortSite by PowerMapper for our accessibility scans.

    Thanks for a great plugin!
    HMS Products

    Plugin Author megamenu

    (@megamenu)

    Hi HMS,

    Interesting – thanks! I’m still learning… ??

    I’ve thought about changing the defaults to em’s. The problem is that there will be themes out there that do this sort of thing:

    body {
    font-size: 20px;
}

    If a theme does that, and we use “em” as a default, the menu will look pretty terrible (i.e. “broken”) for new users. The user will need to go through the whole menu theme and manually adjust every font size, or switch them back to “px”. Therefore, as we can’t predict the styling that a theme may implement, I don’t think em values are a sensible default.

    As you’re aware you can go through and set them to “em” yourself. If this comes up again I’ll create a menu theme export that uses “em” values which users can import if they wish to do so.

    Regards,
    Tom

    Thread Starter hmsproducts

    (@hmsproducts)

    Tom,

    I definitely can see your point. Thanks for the consideration. We can certainly work around this, but, I wanted to see if you thought it was possible.

    Thanks again,
    HMS Products

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Absolute Font Size’ is closed to new replies.