Accessibility features of Firefox: Difference between revisions

From MozillaZine Knowledge Base
Jump to navigationJump to search
(needs cleanup - caps and menu sequences)
(→‎Advanced accessibility preferences: toolkit.scrollbox.verticalScrollDistance)
 
(16 intermediate revisions by 7 users not shown)
Line 1: Line 1:
{{cleanup}}
Firefox includes many features to make the browser and web content accessible to all users, including those who have low vision, no vision, or limited ability to use a keyboard or mouse.


Mozilla Firefox includes many features to make the browser and web content accessible to all users, including those who have low vision, no vision, or limited ability to use a keyboard or mouse.
In addition to the information and resources listed in this article, you may also post accessibility questions to the [http://forums.mozillazine.org/viewforum.php?f=38 Firefox Support forum].


===Using a Keyboard===
==Using the keyboard==


====Keyboard Shortcuts====
===Keyboard shortcuts===


The Firefox help (F1 under the Help menu) contains a list of common keyboard shortcuts.  Online, you can find [http://www.mozilla.org/support/firefox/keyboard a comparison chart of keyboard shortcuts] implemented in Firefox, Microsoft Internet Explorer, and Opera.
A list of common [[keyboard shortcuts]] is can be accessed from the Firefox Help menu ("Help -> Help Contents" or F1) and      [https://support.mozilla.org/kb/Keyboard+shortcuts online].  A comparison chart of keyboard shortcuts implemented in Firefox, Internet Explorer, Opera, and other popular browsers can be found [http://www.mvps.org/dmcritchie/firefox/keyboard.htm here].


====Allow Text To Be Selected With The Keyboard====
Note that, in the examples below, 'accel' means the 'Ctrl' key on Windows, and 'Cmd' on Mac.  On Unix, 'accel' usually means Ctrl, but it can be set to Alt [http://www.mozilla.org/access/type-ahead/].
 
===Allow text to be selected with the keyboard===


'''Allow text to be selected with the keyboard''' allows you to move through web content as if you were inside a read-only editor. You can use the keyboard to select web content and copy it to the clipboard.  You can enable this feature by selecting Tools/Options (or Preferences on Mac), opening the "General" tab in the "Advanced" panel, and checking the "Allow text to be selected with the keyboard" option.
'''Allow text to be selected with the keyboard''' allows you to move through web content as if you were inside a read-only editor. You can use the keyboard to select web content and copy it to the clipboard.  You can enable this feature by selecting Tools/Options (or Preferences on Mac), opening the "General" tab in the "Advanced" panel, and checking the "Allow text to be selected with the keyboard" option.
Line 18: Line 20:


* [[accessibility.browsewithcaret]]
* [[accessibility.browsewithcaret]]
* [[accessibility.warn on browsewithcaret]]
* [[accessibility.warn_on_browsewithcaret]]


====Begin Finding When You Begin Typing====
===Begin finding when you begin typing===


'''Begin finding when you begin typing''' allows you to quickly navigate to text or hyperlinks in a web page without opening a separate dialog.  This feature has two modes. Press / and start typing to search all text on the current page, or press <nowiki>'</nowiki> before your string to search hyperlinks only.  Firefox will highlight matching text or hyperlinks as you type.
'''Begin finding when you begin typing''' allows you to quickly navigate to text or hyperlinks in a web page without opening a separate dialog.  This feature has two modes. Press / and start typing to search all text on the current page, or press <nowiki>'</nowiki> before your string to search hyperlinks only.  Firefox will highlight matching text or hyperlinks as you type.


The following keyboard shortcuts control this feature:
The following keyboard shortcuts control this feature:
* Type more characters to narrow your search.  Firefox will highlight the next matching hyperlink or text or alert you that nothing matched.
* Type more characters to narrow your search.  Firefox will highlight the next matching hyperlink or text or alert you that nothing matched.
* Press accel + G or F3 to find the next occurrence of your current search string.
* Press accel + G or F3 to find the next occurrence of your current search string.
Line 48: Line 49:
* [[accessibility.typeaheadfind.timeout]]
* [[accessibility.typeaheadfind.timeout]]


===Fonts and Colors===
==Fonts and colors==


====Overriding Page Fonts====
===Overriding page fonts===


Some web sites may display text in fonts that are difficult to read, and other sites may rely on the browser's default fonts.  You can set your default fonts by going to Tools/Options (or Preferences on Mac), selecting the "Content" panel, and selecting a default font and size in the "Fonts & Colors" section.
Some web sites may display text in fonts that are difficult to read, and other sites may rely on the browser's default fonts.  You can set your default fonts by going to Tools/Options (or Preferences on Mac), selecting the "Content" panel, and selecting a default font and size in the "Fonts & Colors" section.


Immediately after the default font and size selection, you can click the "Advanced..." button to specify default fonts for different styles, including serif, sans-serif, and monospace.  However, many web pages specify their own fonts, so your choices here will have no effect on such pages.  To override the fonts defined by such pages, uncheck the "Allow pages to choose their own fonts, instead of my selections above" option.
Immediately after the default font and size selection, you can click the "Advanced..." button to specify default fonts for different styles, including serif, sans-serif, and monospace.  However, many web pages specify their own fonts, so your choices here will have no effect on such pages.  To override the fonts defined by such pages, uncheck the "Allow pages to choose their own fonts, instead of my selections above" option.
A button for "Page Fonts" can be created with [http://codefisher.org/toolbar_button/toolbar_button_maker Custom Toolbar Buttons Maker] , button  has a large "A" (toggles on/off).


Note that some web pages may display incorrectly depending on your choice of a default font.
Note that some web pages may display incorrectly depending on your choice of a default font.


====Setting a Minimum Font Size====
===Setting a minimum font size===


Some web sites may display text which is too small to read comfortably.  To make such pages easier to read, you can set a minimum font size. On web pages that try to display text smaller than this size, Firefox will enlarge the text to your chosen size.
Some web sites may display text which is too small to read comfortably.  To make such pages easier to read, you can set a minimum font size. On web pages that try to display text smaller than this size, Firefox will enlarge the text to your chosen size.
Line 66: Line 69:
Note that some web pages may display incorrectly depending on your choice of a minimum font size.
Note that some web pages may display incorrectly depending on your choice of a minimum font size.


====Resizing Page Text====
===Resizing page text===


You can temporarily change the size of text on any web page in the View > Text Size menu.  The new size will remain in effect until you close your browser window or tab, even if you navigate to a different web site.
You can temporarily change the size of text on any web page in the View > Text Size menu.  The new size will remain in effect until you close your browser window or tab, even if you navigate to a different web site.


The following keyboard shortcuts control text size:
The following keyboard shortcuts control text size.  [[#Keyboard shortcuts |As noted above]], 'accel' means the 'Ctrl' key on Windows and, usually, on Unix, and the 'Cmd' key on Mac.
 
 
* Press accel + + to increase the text size.  This zooms the text to 120% of its original size, then 150%, 200%, 300%, 450%, 675%, 1013%, and 1519%.
* Press accel + + to increase the text size.  This zooms the text to 120% of its original size, then 150%, 200%, 300%, 450%, 675%, 1013%, and 1519%.
* Press accel + - to decrease the text size.  This zooms the text to 90% of its original size, then 50%, 33%, 22%, 15%, 10%, 7%, 4%, 3%, 2%, and 1%.
* Press accel + - to decrease the text size.  This zooms the text to 90% of its original size, then 50%, 33%, 22%, 15%, 10%, 7%, 4%, 3%, 2%, and 1%.
Line 77: Line 80:


Note that some web pages may display incorrectly if you increase or decrease the text size.
Note that some web pages may display incorrectly if you increase or decrease the text size.
In Firefox 3:  When Text and Images are zoomed together by default, some column widths or other containers may be dependent upon image size, so enlarging both may cause page to enlarge horizontally forcing use of horizontal scrolling to see text that would normally wrap within a smaller area.


====Overriding Page Colors====
Additional information can be found in [[Zoom text of web pages]].
 
===Overriding page colors===


Some web sites may display text and background colors that are difficult to read, and other sites may rely on the browser's default colors.  You can set your default colors by going to Tools/Options (or Preferences on Mac) and selecting the "Content" panel.  In the "Fonts & Colors" section, click the "Colors..." button.  Here you can set default text and background colors, as well as default colors for visited and unvisited hyperlinks.  You can also specify whether hyperlinks should be underlined.
Some web sites may display text and background colors that are difficult to read, and other sites may rely on the browser's default colors.  You can set your default colors by going to Tools/Options (or Preferences on Mac) and selecting the "Content" panel.  In the "Fonts & Colors" section, click the "Colors..." button.  Here you can set default text and background colors, as well as default colors for visited and unvisited hyperlinks.  You can also specify whether hyperlinks should be underlined.
Line 84: Line 90:
However, many web pages set their own colors, so your choices will have no effect.  To override the colors defined by web pages, uncheck the "Allow pages to choose their own colors, instead of my selections above" option.
However, many web pages set their own colors, so your choices will have no effect.  To override the colors defined by web pages, uncheck the "Allow pages to choose their own colors, instead of my selections above" option.


====Using a High Contrast Theme====
A button for "Page Colours" can be created with [http://codefisher.org/toolbar_button/toolbar_button_maker Custom Toolbar Buttons Maker] , button  has a tri-color color wheel (toggles on/off).


On Windows and Linux-based systems, Firefox automatically detects if you are using a High Contrast theme and displays everything in your high contrast color scheme. This overrides all other other browser or web page settings, and it affects the Firefox interface itself (all menus, windows, and dialog boxes) and the content of any web page you visit.
Additional information can be found in [http://kb.mozillazine.org/Use_my_colors Use my colors] for some conceptual alternatives to use of Tools, Options, Content, Fonts and Colors to specify font, links, and background colors and whether to allow pages to override your default color choices.  


To use a High Contrast theme on Windows, go to Start Menu > Control Panel > Accessibility Options > Display and check the "Use High Contrast" option.
===Overriding all page formatting===
 
To override all page styling (chrome) to use your default colors, fonts, and Firefox's default style page go to "View" menu > Page Style > No Style.


===Controlling Web Content===
A toggle button can be created by the "[https://addons.mozilla.org/en-US/firefox/addon/1224/ Read Easily] extension with a large red "A", or a "Toggle Styles" button can be created with [http://codefisher.org/toolbar_button/toolbar_button_maker Custom Toolbar Buttons Maker]. 


====Turning Off Java Applets====
Readability features can be toggled with either a [http://lab.arc90.com/experiments/readability/ bookmarklet] or an  [https://addons.mozilla.org/en-US/firefox/addon/46442/ extension]  to make reading on the Web more enjoyable by removing the clutter around what you are reading, enlarging text, and eliminating most images and videos to show only the essential text of a web page.


Some web pages provide a rich interactive experience with Java applets.  However, some users that rely on keyboard navigation may experience problems with some Java applets that automatically set focus and do not provide a way to "break out" of the applet and navigate to the rest of the web page.  If this is a problem for you, you can disable Java by going to Tools/Options (or Preferences on Mac), selecting the "Content" and unchecking the "Enable Java" option.


====Restricting JavaScript Behavior====
===Using a high contrast theme===


You can turn off JavaScript entirely by going to Tools/Options (or Preferences on Mac), selecting the "Content" panel, and unchecking "Enable JavaScript".  Some web pages rely on JavaScript and may not work properly if JavaScript is disabled.
On Windows and Linux-based systems, Firefox automatically detects if you are using a high contrast theme and displays everything in your high contrast color scheme.  This overrides all other other browser or web page settings, and it affects the Firefox interface itself (all menus, windows, and dialog boxes) and the content of any web page you visit.


If you do not wish to disable JavaScript entirely, there are also a number of advanced JavaScript settings to restrict the behavior of scripts.  Immediately after the "Enable JavaScript" checkbox, click the "Advanced" button to open the "Advanced JavaScript Settings" window.  Here you can control whether scripts are allowed to move or resize existing windows, raise or lower windows, disable or replace context menus, hide the status bar, or change status bar text.
To use a High Contrast theme on Windows, go to Start Menu > Control Panel > Accessibility Options > Display and check the "Use High Contrast" option.


===Compatibility With Assistive Technologies===
==Controlling web content==


The latest information about compatibility with third-party assistive technologies is online at [http://www.mozilla.org/access/ Access Mozilla] .
===Turning Off Java applets===


===Finding Help Online===
Some web pages provide a rich interactive experience with [[Java]] applets.  However, some users that rely on keyboard navigation may experience problems with some Java applets that automatically set focus and do not provide a way to "break out" of the applet and navigate to the rest of the web page.  If this is a problem for you, you can disable Java by going to Tools/Options (or Preferences on Mac), selecting the "Content" and unchecking the "Enable Java" option.


Freedom Scientific maintains a number of [http://www.freedomscientific.com/fs_support/User_Groups.asp mailing lists for JAWS users].
===Restricting JavaScript behavior===


GW Micro maintains a number of [http://www.gwmicro.com/Support/Email_Lists/ mailing lists for Window Eyes users].
You can turn off [[JavaScript]] entirely by going to Tools/Options (or Preferences on Mac), selecting the "Content" panel, and unchecking "Enable JavaScript". Some web pages rely on JavaScript and may not work properly if JavaScript is disabled.


You may also post accessibility questions to the [http://forums.mozillazine.org/viewforum.php?f=38 Firefox Support forum].
If you do not wish to disable JavaScript entirely, there are also a number of advanced JavaScript settings to restrict the behavior of scripts. Immediately after the "Enable JavaScript" checkbox, click the "Advanced" button to open the "Advanced JavaScript Settings" window. Here you can control whether scripts are allowed to move or resize existing windows, raise or lower windows, disable or replace context menus, hide the status bar, or change status bar text.


===Advanced Accessibility Preferences===
==Advanced accessibility preferences==


====Controlling Focused Elements====
===Controlling focused elements===


* [[accessibility.tabfocus]]
* [[accessibility.tabfocus]]
Line 126: Line 133:
* [[browser.display.focus_ring_on_anything]]
* [[browser.display.focus_ring_on_anything]]


====Controlling Access Keys====
===Controlling access keys===


* [[accessibility.accesskeycausesactivation]]
* [[accessibility.accesskeycausesactivation]]
Line 136: Line 143:
* [[intl.menuitems.insertseparatorbeforeaccesskeys]]
* [[intl.menuitems.insertseparatorbeforeaccesskeys]]


====Fine-tuning Mouse Behavior====
===Fine-tuning mouse behavior===


* [[middlemouse.openNewWindow]]
* [[middlemouse.openNewWindow]]
Line 142: Line 149:
* [[middlemouse.paste]]
* [[middlemouse.paste]]


====Customizing Scrollbars====
===Customizing scrollbars===


* [[slider.snapMultipler]]
* [[slider.snapMultipler]]


====Fine-tuning Web Content====
===Fine-tuning web content===


* [[image.animation_mode]]
* [[image.animation_mode]]
Line 152: Line 159:
* [[layout.frames.force_resizability]]
* [[layout.frames.force_resizability]]
* [[browser.xul.error_pages.enabled]]
* [[browser.xul.error_pages.enabled]]
===Scrolling behavior===
* [[toolkit.scrollbox.verticalScrollDistance]] (default: 3; see [https://bugzilla.mozilla.org/show_bug.cgi?id=725700 bug 725700] )
===Spell check behavior===
* [[ui.SpellCheckerUnderline]] (red -> #FF0000)
* [[ui.SpellCheckerUnderlineStyle]] (wavy -> 5)
* [[ui.SpellCheckerUnderlineRelativeSize]] (1.0 * 100 -> 100)
==See also==
*[[Assistive technology compatibility]]
*[[Accessibility related extensions]]
==External links==
*[http://www.accessfirefox.org/ Access Firefox] Firefox accessibility tools and resources for end users with visual impairments or imperfect visual acuity.
*[http://www.freedomscientific.com/fs_support/User_Groups.asp Mailing lists for JAWS users] at freedomscientific.com
*[http://www.gwmicro.com/Support/Email_Lists/ Mailing lists for Window Eyes users] at gwmicro.com
*[http://www.mozilla.org/access/ Access Mozilla] at mozilla.org
*[http://www.mozilla.org/access/keyboard/ Mozilla Keyboard Planning FAQ and Cross Reference] at mozilla.org
*[http://forums.mozillazine.org/viewtopic.php?t=249950 Fx for Blind users?] thread at MozillaZine Forums


   
   
[[Category:Accessibility (Firefox)]]
[[Category:Accessibility (Firefox)]]

Latest revision as of 05:37, 4 July 2012

Firefox includes many features to make the browser and web content accessible to all users, including those who have low vision, no vision, or limited ability to use a keyboard or mouse.

In addition to the information and resources listed in this article, you may also post accessibility questions to the Firefox Support forum.

Using the keyboard

Keyboard shortcuts

A list of common keyboard shortcuts is can be accessed from the Firefox Help menu ("Help -> Help Contents" or F1) and online. A comparison chart of keyboard shortcuts implemented in Firefox, Internet Explorer, Opera, and other popular browsers can be found here.

Note that, in the examples below, 'accel' means the 'Ctrl' key on Windows, and 'Cmd' on Mac. On Unix, 'accel' usually means Ctrl, but it can be set to Alt [1].

Allow text to be selected with the keyboard

Allow text to be selected with the keyboard allows you to move through web content as if you were inside a read-only editor. You can use the keyboard to select web content and copy it to the clipboard. You can enable this feature by selecting Tools/Options (or Preferences on Mac), opening the "General" tab in the "Advanced" panel, and checking the "Allow text to be selected with the keyboard" option.

You can press F7 at any time to turn this feature on or off. When you press F7, Firefox will ask if you really want to turn on this feature. You can disable this prompt by selecting "Don't show this dialog again."

You can fine-tune the behavior of Allow text to be selected with the keyboard with these preferences:

Begin finding when you begin typing

Begin finding when you begin typing allows you to quickly navigate to text or hyperlinks in a web page without opening a separate dialog. This feature has two modes. Press / and start typing to search all text on the current page, or press ' before your string to search hyperlinks only. Firefox will highlight matching text or hyperlinks as you type.

The following keyboard shortcuts control this feature:

  • Type more characters to narrow your search. Firefox will highlight the next matching hyperlink or text or alert you that nothing matched.
  • Press accel + G or F3 to find the next occurrence of your current search string.
  • Press accel + shift + G or shift + F3 to find the previous occurrence of your current search string.
  • Press Backspace to undo the last character you typed. Firefox will back up to the previously highlighted text.
  • Press Esc to cancel a search. You can also cancel a search by changing focus, scrolling the page with the mouse or keyboard, or simply waiting for the timeout.

You can change the default behavior of this feature by selecting Tools/Options (or Preferences on Mac), opening the "General" tab of the "Advanced" panel, and checking the "Begin finding when you begin typing" option. If this option is checked, you can start typing at any time to auto-start an inline search. By default auto-started searches look for all text on the page. You can still explicitly press ' or / to start finding in one mode or the other.

You can use this feature to get to buttons, text boxes and other form controls. Search for the text immediately before the form control you want and press Tab. Pressing Tab automatically exits the search and sets focus to the next form field or button after the highlighted text.

You can fine-tune the behavior of Begin finding when you begin typing with these preferences:

Fonts and colors

Overriding page fonts

Some web sites may display text in fonts that are difficult to read, and other sites may rely on the browser's default fonts. You can set your default fonts by going to Tools/Options (or Preferences on Mac), selecting the "Content" panel, and selecting a default font and size in the "Fonts & Colors" section.

Immediately after the default font and size selection, you can click the "Advanced..." button to specify default fonts for different styles, including serif, sans-serif, and monospace. However, many web pages specify their own fonts, so your choices here will have no effect on such pages. To override the fonts defined by such pages, uncheck the "Allow pages to choose their own fonts, instead of my selections above" option.

A button for "Page Fonts" can be created with Custom Toolbar Buttons Maker , button has a large "A" (toggles on/off).

Note that some web pages may display incorrectly depending on your choice of a default font.

Setting a minimum font size

Some web sites may display text which is too small to read comfortably. To make such pages easier to read, you can set a minimum font size. On web pages that try to display text smaller than this size, Firefox will enlarge the text to your chosen size.

To set a minimum font size, go to Tools/Options (or Preferences on Mac) and select the "Content" panel. In the "Fonts & Colors" section, immediately after the default font and size selection, click the "Advanced" button. You can specify a minimum font size from the dropdown menu.

Note that some web pages may display incorrectly depending on your choice of a minimum font size.

Resizing page text

You can temporarily change the size of text on any web page in the View > Text Size menu. The new size will remain in effect until you close your browser window or tab, even if you navigate to a different web site.

The following keyboard shortcuts control text size. As noted above, 'accel' means the 'Ctrl' key on Windows and, usually, on Unix, and the 'Cmd' key on Mac.

  • Press accel + + to increase the text size. This zooms the text to 120% of its original size, then 150%, 200%, 300%, 450%, 675%, 1013%, and 1519%.
  • Press accel + - to decrease the text size. This zooms the text to 90% of its original size, then 50%, 33%, 22%, 15%, 10%, 7%, 4%, 3%, 2%, and 1%.
  • Press accel + 0 to reset the text size to the web page's default size.

Note that some web pages may display incorrectly if you increase or decrease the text size. In Firefox 3: When Text and Images are zoomed together by default, some column widths or other containers may be dependent upon image size, so enlarging both may cause page to enlarge horizontally forcing use of horizontal scrolling to see text that would normally wrap within a smaller area.

Additional information can be found in Zoom text of web pages.

Overriding page colors

Some web sites may display text and background colors that are difficult to read, and other sites may rely on the browser's default colors. You can set your default colors by going to Tools/Options (or Preferences on Mac) and selecting the "Content" panel. In the "Fonts & Colors" section, click the "Colors..." button. Here you can set default text and background colors, as well as default colors for visited and unvisited hyperlinks. You can also specify whether hyperlinks should be underlined.

However, many web pages set their own colors, so your choices will have no effect. To override the colors defined by web pages, uncheck the "Allow pages to choose their own colors, instead of my selections above" option.

A button for "Page Colours" can be created with Custom Toolbar Buttons Maker , button has a tri-color color wheel (toggles on/off).

Additional information can be found in Use my colors for some conceptual alternatives to use of Tools, Options, Content, Fonts and Colors to specify font, links, and background colors and whether to allow pages to override your default color choices.

Overriding all page formatting

To override all page styling (chrome) to use your default colors, fonts, and Firefox's default style page go to "View" menu > Page Style > No Style.

A toggle button can be created by the "Read Easily extension with a large red "A", or a "Toggle Styles" button can be created with Custom Toolbar Buttons Maker.

Readability features can be toggled with either a bookmarklet or an extension to make reading on the Web more enjoyable by removing the clutter around what you are reading, enlarging text, and eliminating most images and videos to show only the essential text of a web page.


Using a high contrast theme

On Windows and Linux-based systems, Firefox automatically detects if you are using a high contrast theme and displays everything in your high contrast color scheme. This overrides all other other browser or web page settings, and it affects the Firefox interface itself (all menus, windows, and dialog boxes) and the content of any web page you visit.

To use a High Contrast theme on Windows, go to Start Menu > Control Panel > Accessibility Options > Display and check the "Use High Contrast" option.

Controlling web content

Turning Off Java applets

Some web pages provide a rich interactive experience with Java applets. However, some users that rely on keyboard navigation may experience problems with some Java applets that automatically set focus and do not provide a way to "break out" of the applet and navigate to the rest of the web page. If this is a problem for you, you can disable Java by going to Tools/Options (or Preferences on Mac), selecting the "Content" and unchecking the "Enable Java" option.

Restricting JavaScript behavior

You can turn off JavaScript entirely by going to Tools/Options (or Preferences on Mac), selecting the "Content" panel, and unchecking "Enable JavaScript". Some web pages rely on JavaScript and may not work properly if JavaScript is disabled.

If you do not wish to disable JavaScript entirely, there are also a number of advanced JavaScript settings to restrict the behavior of scripts. Immediately after the "Enable JavaScript" checkbox, click the "Advanced" button to open the "Advanced JavaScript Settings" window. Here you can control whether scripts are allowed to move or resize existing windows, raise or lower windows, disable or replace context menus, hide the status bar, or change status bar text.

Advanced accessibility preferences

Controlling focused elements

Controlling access keys

Fine-tuning mouse behavior

Customizing scrollbars

Fine-tuning web content

Scrolling behavior

Spell check behavior

See also

External links