Testing with Firefox: Disable CSS

Disabling CSS styling of a web resource is a major approach to rendering a web resource accessible, as it offers elemental presentation of the content. For text equivalents testing purposes, this is helpful as it enables the editor to see which elements are incorporated with CSS and HTML. Major browsers provide the option of disabling styling natively; Firefox has no style option under view section of the basic broswer menu. This removes all styling elements, CSS or otherwise, from the resource. Firefox Accessibility Extension also features Disable CSS option, which removes CSS styling only, unlike the option the broswer provides.

Original Web Resource

Broswer Option

1. View menu option
2. Page Style sub-menu option
3. No Style option

Page Inspection

• Removes all styling, including CSS and HTML

Firefox Accessibility Extension Option

Main Menu

1. Accessibility menu option
2. Style sub-menu option
3. Disable CSS option

Toolbar

1. Style button
2. Disable CSS option

Page Inspection

• Removes CSS styling
• Preserves in-lind HTML styling codes, such as td width