Page MenuHomePhabricator

Simple accessibility and appearance preferences
OpenPublic

Mock History

Current Revision

Mock Description

As discussed in

Anything accessibility & usability, that is purely reading-related could be moved to a simple site-style menu, and thereby become available to logged-out users, too.

The skin-system is in the process of being overhauled, and hopefully more modular possibilities will arise from that. We should aim to: Provide sensible defaults, but make the fundamental settings easy to tweak. So that people who want (less clutter vs more metadata everywhere) or (basic design vs more complex-tools vs more styled design) or (etc...) can choose for themselves.

(Sidenote: The GPII.net (Global Public Inclusive Infrastructure) and connected projects seems to be aiming at this, at a global scale; see FLOE example video (2 min) and click "show display preferences" in the top-right of the window).

I included "Appearance" as well as "Accessibility", partially because they ''often'' overlap, and partially because FLOE and GPII do the same. I included line-spacing (formerly labelled "density") because it's the most prominent option in gmail; and because FLOE included it; and because it's a frequently discussed/divisive aspect of Flow. I also tried to include many of the visual elements that don't have subjective "right" answers, and that opinion is split on - but some more elements could/should be added such as "collapsible sidebar" for the left-hand (for LTR) site sidebar, which has been heavily discussed but noone can agree to change the default.

Relevant examples:

  • Wikiwand's settings flyout - (screenshot1 - screenshot2)
  • NYTimes 3-level font-size options - (screenshot)
  • GMail's 3-level interface-density options - (screenshot, details)
  • Southampton University accessibility panel - (screenshot, live)
  • Battlefield's 3 color-blind options - (4 screenshots)
  • Fixed-width experiments in Typography Refresh and Flow - Some users love this (eg); Some like the idea but want to be able to change the default width; Some want (the current) full-width. We should make it changeable. One possibility is to make it "resizable", just like the editing-text-box currently is (which also has a hard-override in Preferences->editing for columns and rows). Maybe http://jqueryui.com/resizable/#snap-to-grid or similar?
  • Reference Tooltips has, and Hovercards will have, an opt-out for anons. Reference Tooltips has 2 additional settings (timing-delay, and hover/click to activate - screenshot)

Event Timeline

Quiddity created Simple accessibility and appearance preferences.Dec 5 2014, 7:47 PM
Quiddity opened this mock.
Quiddity updated the mock's description. (Show Details)
Quiddity added projects: Accessibility, Design.
Quiddity added a subscriber: TheDJ.

See the collapsed section at https://commons.wikimedia.org/wiki/File_talk:Wireframe_of_Appearance_menu.png for the Balsamiq code used, if you'd like to adapt the initial wireframe.

Quiddity updated the mock's description. (Show Details)Dec 5 2014, 7:57 PM
Florian added a subscriber: Florian.Dec 5 2014, 7:57 PM
Quiddity updated the mock's description. (Show Details)Dec 5 2014, 7:57 PM
TheDJ added a comment.Mar 4 2015, 8:18 PM

Another option that would be a nice inclusion, but probably a bit harder to implement, is 'disable page animations'.

Quiddity updated the mock's description. (Show Details)Nov 18 2015, 10:12 PM
Quiddity updated the mock's description. (Show Details)Dec 24 2015, 4:15 AM
Quiddity updated the mock's description. (Show Details)Apr 2 2016, 4:17 AM
Quiddity updated the mock's description. (Show Details)Apr 2 2016, 4:33 AM