Theme quality and classification checklist

To follow up on the discussion at the Tiki Roundtable meeting in February (

What and how to check

Method of testing

For accessibility standards compliance, one way is to check wiki pages like Bootstrap 5 Cheatsheet and Tiki and Bootstrap Sample Elements (todo: add URLs for these), along with a sampling of other Tiki feature and admin pages, with the

Errors of insufficient contrast involving theme colors like "primary" and "warning" should be fixable by using the Bootstrap $min-contrast-ratio variable but so far my efforts with that haven't been successful. Maybe that can be worked out but what I've done in the meantime is add the simple CSS overrides for the handful of elements, like badges, that needed to be adjusted.

Checklist items

• User Experience / Accessibility (WCAG 2.1 compliance)
  • Contrast (Minimum) - Level AA (
  • The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1
• Meets WCAG 2.1 AA contrast standards
• Contrast (Enhanced) - Level AAA
  • The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following: Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1
• Meets WCAG 2.1 AAA contrast standards
• Problematic page elements (experience shows these tend to need attention) - Should each have a checkbox, or should there be just one checkbox + a textarea for details?
  • text-muted
  • disabled text
  • pagination
  • form valid feedback text ( .valid-feedback )
  • form invalid text ( .invalid-feedback )
  • navbar links
  • badge ( .badge.bg-danger , etc.)
  • ...

Tags