AccessibilityToolbar for MediaWiki

This started out as a port for MediaWiki of Real Accessability (by RealMedia), a Wordpress plugin. However, it was heavily modified and well on the way to eliminate most or all of the original code.

Capabilities

• Enlarge/reduce font size
• Emphasize links - force underline and bold
• Three types of filters:
  • High Contrast
  • Grayscale
  • Invert colors

Dependencies

This extension's style is dependent on the following:

• Bootstrap 3 (specifically the panel component)
• FontAwesome 4.6.3

Both are included in skin:Helena, which this was created for, but you can include them yourself when using another skin.

Compatibility

Tested in Firefox 48, Chrome 52, IE10, IE11, Microsoft Edge.

In IE10 & IE11 no filter options will be available.

Possible issues

As this is a client side tool, it will probably cause a FOUC (Flash of Unstyled Content) on page load before applying the current user settings.

Configuration

• $wgAccessibilityToolbarPosition = "top" / "bottom" / "none" Whether the toggle button and toolbar will be absolutely positioned at the top-left or bottom-left (or top-right, etc. for RTL languages). Setting this to "none" means that you must render the menu yourself; add your own button and make it toggle the menu (which you get by calling AccessibilityToolbar->getHtml()).

• $wgAccessibilityToolbarIconColor = '#fff' Allows you to customize the color of the icon. The default is null, so the icon will be the defualt link color on your site. Set this to any valid color hex code (either 3- or 6-digits), including the hash tag.

  Instead of using this, you can also override the color using CSS, which allows the override to be per-skin:

    #real-accessability-btn {
        color: #ccc;
    }
  

Other sources of inspiration

• fluid project's display preferences
• SOGO Accessibility by SOGO
• Task T91201 by Wikimedia, accessibility settings design

License

• This extension is available under the GPL-2.0+ license.

• The original Real Accessability wordpress plugin by RealMedia is licensed under the GPL-2.0+, and its source code may be found here: https://wordpress.org/plugins/real-accessability/developers/

  (please note the the source code included with this MediaWiki extension is heavily modified from the original)

Changelog

0.2.0

New configuration option: $wgAccessibilityToolbarIconColor. Removed the default color and background color from the button in favor of this.

0.1.0

This is the initial beta, unleashed on the unsuspecting world.