A A A A A

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

screenshot of uiuc.edu with CSS styling involved

Broswer Option

  1. View menu option
  2. Page Style sub-menu option
  3. No Style option
screenshot of navigation to the option through the broswer menu

Page Inspection

screenshot of uiuc.edu with CSS styling turned off

Firefox Accessibility Extension Option

Main Menu

  1. Accessibility menu option
  2. Style sub-menu option
  3. Disable CSS option
screenshot of navigation to the option through the broswer menu

Toolbar

  1. Style button
  2. Disable CSS option
screenshot of navigation to the option through the extension toolbar

Page Inspection

screenshot of uiuc.edu with CSS styling turned off