Preserve user style overrides in chart styling

Let chart styling inherit and respond to user-agent style changes instead of forcing a fixed presentation. For example, verify that a chart still works when a browser or application applies a custom stylesheet and when an operating system high-contrast mode changes chart text, fills, and other elements.

When a chart blocks user styling, people who depend on system or browser presentation changes can lose access to the chart or its controls. When the chart respects those changes, users keep their own presentation settings while the chart remains perceivable and operable.

Mechanism: User-applied styles can change contrast, text appearance, and other presentation traits that some readers need; preserving those overrides keeps the chart compatible with the user’s broader technical environment instead of locking them into the author’s default styling.

Evidence: Chartability defines this as a critical Flexible heuristic and states that styling changed by the user must be respected; the chart must not interfere with custom stylesheets or system settings, and the audit procedure explicitly tests this by changing system settings such as high-contrast modes to see whether the data experience respects them (Elavsky et al., 2022).

• User Goal: Read or operate the chart using personal browser, operating-system, or application style settings.
• Chart Setting: The chart is rendered in a context where user styles or system display modes can change presentation.
• Audience: People who rely on user-controlled presentation changes, including high-contrast settings.
• Success Criterion: User-applied styling remains in effect and the chart stays usable after the change.

Break it when: The chart is not rendered in a browser, operating-system, or application context that can apply user style changes. Why: This guideline is specifically about preserving user-agent styling changes, so the check is not applicable when no such override can act on the chart.

Sacrifice: You give up some control over the exact authored appearance of the chart. Risk: Meanings that depend too heavily on one fixed visual treatment can weaken after user styles change the presentation. Mitigation: Test the chart after style changes and revise any text or marks that disappear, merge, or lose distinction.

• Mistake: Hard-code chart styles so author styling overrides browser, operating-system, or application styling changes. Why it fails: Users cannot apply the presentation changes they need.
• Mistake: Review the chart only in its default presentation. Why it fails: Style-override failures may appear only after a user setting such as high-contrast mode is turned on.

Failure Sign: Changing user settings does not alter the chart, or the changed chart becomes hard to read or distinguish. Quick Check: Toggle a system setting such as high-contrast mode, or load a custom stylesheet, and inspect whether chart text and marks follow the new styling. Stronger Test: Compare the default and user-styled renderings and confirm that the user-styled chart still leaves text readable and chart elements distinguishable.

• Remove or loosen authored styles that block browser, operating-system, or application overrides on chart text and marks.
• Revise chart elements that disappear or merge after a user style change so the chart remains distinguishable under the new styling.
• Re-test the chart with a custom stylesheet and with a system setting such as high-contrast mode until the user-applied styling is preserved.