Removal of Styles
Cascading Style Sheets (CSS) allow developers to design their web pages and keep the presentation, font types, sizes and general style, colour and menu elements separate from the content. This means there can be a template that works across a whole website and changes can be made easily. There are many samples of accessible CSS templates on the web to help web developers and the W3C has a CSS Template Layout Module.
Method
This is a relatively easy test to undertake. Nearly all the accessibility toolbars offer a chance to remove the style sheet as in the Firefox Web Developer toolbar or disable styles in the Webaim WAVE online tool so you have text only without structure.
it is also possible to use a free browser extension Total Validator to check accessibility, HTML, CSS, links, and spelling.Advice
- Webaim: Creating Accessible CSS.
- Mozilla MDN web docs: CSS and JavaScript accessibility best practices.
References
This technique may be used to test the following sections of best practice.
Document | Section | Heading | |
---|---|---|---|
WCAG 2.1 | 1.3.1 | Info and Relationships | More Info |
WCAG 2.1 | 1.3.2 | Meaningful Sequence | More Info |
WCAG 2.1 | 3.2.3 | Consistent Navigation | More Info |