Search code examples
htmlcssaccessibilitywcagwcag2.0

Can you have a separate CSS WCAG stylesheet and meet WCAG accessibility requirements?


I work on a large company's website. The company would like to meet WCAG AA requirements. There are clashes between the website branding and accessibility rules (colors mainly). I would prefer to separate the styles from the current branding styles (current website) an also have a WCAG version of the site.

My question is: Can I create two separate CSS stylesheets one for average web users and another for WCAG users? Will this meet requirements?

For instance; If I create a button that the user can choose WCAG version or regular styled version of the site. Will this satisfy WCAG requirements or do all style choices have to be WCAG compliant?


Solution

  • This article seems to imply you can - provided the controls to switch to the accessible stylesheet are accessible themselves (it would be ironic if it wasn't, sort-of like labelling language-translation options in a program in English)

    https://www.w3.org/TR/WCAG20-TECHS/C29.html

    an author provides alternative views of the content by providing controls that adjust the CSS that is used to control the visual presentation of content. Controls provided within the Web page allow users to select or modify the presentation in a way that meets the success criterion at the level claimed.