161 votes

Colorblind: status shapes

Use icons, they communicate a lot more than colours alone. If you must use colours, simply colour the icons.
user avatar
  • 1,845
150 votes
Accepted

What can we do to make UX Stack Exchange badges accessible?

The main information the color conveys isn't just that there are different types, but that the types have varying levels of difficulty. The bronze < silver < gold metaphor has been used for ...
user avatar
  • 8,848
111 votes
Accepted

Why did Windows add a pointer trail feature?

As pointed out in comments and other answers, pointer trails were originally "intended for" and "especially useful if you [were] using a liquid crystal display (LCD) screen" in Windows 3.1. LCD ...
user avatar
103 votes
Accepted

A UI/UX developer with color-blindness. Good or Bad idea or maybe a challenge?

There is no problem to work as a UX/UI designer, as choosing color is just a minor part of the usability process. There are lots of other activities that the UX-er should do, like usability testing, ...
user avatar
90 votes
Accepted

How to convey: "don't move until the task is done!"

Great question! This is an good case for microinteraction design. Microinteraction objectives In descending order of priority: Provide clear affordance for user to place card/wallet on reader ...
user avatar
  • 40.3k
66 votes

Why did Windows add a pointer trail feature?

The original purpose of the "mouse trails" feature, according to the Windows 3.1 documentation, was to make the mouse easier to track on the very-high-latency LCD panels used in early laptops, by ...
user avatar
  • 1,877
60 votes
Accepted

What is the most dyslexia friendly font?

No - there is no "friendly font" for all. Dyslexia is not a hard and fast condition. Different people who are dyslexic will exhibit differently. As a result a particular font that helps one individual ...
user avatar
57 votes
Accepted

Do disabled buttons still need to be contrast compliant for accessibility?

No, it would seem not, as W3C states 1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: Large Text: ...
user avatar
57 votes

A UI/UX developer with color-blindness. Good or Bad idea or maybe a challenge?

I've been doing front-end work for a decade, and I have deuteranopia or deuteranomaly (red-green color blindness). It has never been a problem. I largely rely on color codes and location/proximity on ...
user avatar
  • 671
56 votes

What can we do to make UX Stack Exchange badges accessible?

If you want to convey priority of one item over another then there are two obvious different approaches to take; Size Quantity If one thing is 'bigger' than the other than it takes more priority ...
user avatar
  • 36.9k
53 votes
Accepted

Should disabled elements be focusable for accessibility purposes?

I do work on a professional webapp for visually impaired, screen reader users. We do user testing regularly, and this has been raised many times during user test sessions that disabled elements that ...
user avatar
  • 1,917
51 votes

Why should our website be made handicap accessible?

Well for your example of alt text just show him that there are many more benefits than accessibility. http://www.learnwebdevelopment.com/2011/01/advantages-to-adding-alt-tags-to-images/ ...
user avatar
  • 15.2k
40 votes
Accepted

Formula for color contrast between text and background

Yes there is a formula. I wrote an article on high contrast colours recently that charts the variation of black or white (actually off-white #f0f0f0 and off-black #101010) as the foreground colour ...
user avatar
40 votes

What can we do to make UX Stack Exchange badges accessible?

I just noticed that Graphic Design SE has badges in distinctive shapes. https://graphicdesign.stackexchange.com/help/badges So, I made a mock-up along the lines and increased the color contrast. now ...
user avatar
  • 3,540
38 votes
Accepted

Is it good to propose a screen-reader version of my website for blind users

No. Best practice is not to have a separate screen-reader version of the site. Suggesting you should have a screen-reader version of the site infers that your main site won't be. Which doesn't really ...
user avatar
  • 36.9k
37 votes
Accepted

Are italics on the web bad for accessibility?

Italics are a known problem for some people with dyslexia and the general advice has been to avoid italics (particularly large blocks of italic text) and instead use bold for emphasis. The British ...
user avatar
  • 14.2k
36 votes
Accepted

Is it acceptable to allow users to navigate through web fields using arrow keys?

Technically this would fall under "unexpected behaviour" for new users or people using a screen reader (where your controls may impact their usage when in "forms mode" as arrow ...
user avatar
33 votes

Colored circles to signify status - a violation of accessibility guidelines?

As the other answers said, the colours themselves may pose a problem if the hues aren't distinguishable easily. The clearest solution to this is to combine the colours with a shape, so full-vision ...
user avatar
  • 849
32 votes
Accepted

Should I switch to a dark theme UI if the app is used at night?

A good example to consider would be the iBooks app in iOS which allows users to enable the dark theme automatically depending on the light sensor detection. However as PS86 rightly pointed out, don'...
user avatar
  • 43.6k
31 votes

How can wiring systems be designed to not rely solely on colour?

The UK plug uses 3 wires -- two of solid colour, and a third that is 2-coloured in a stripe pattern. The colours are chosen so that each wire can be identified by colour blind persons. Here is what ...
user avatar
  • 4,552
29 votes
Accepted

Does providing screenshots help with documentation manual?

This conclusions from Michael Hughes might be helpful for you to decide when to include a screenshot and when not to: So where does this leave me? I am going to be more open to including ...
user avatar
  • 2,976
27 votes

How to convey: "don't move until the task is done!"

This is where I'd argue that UX isn't the one to fix this. All they can do is apply duct tape and band aids to a poorly implemented technology. Fix the technology. It simply shouldn't take 3 seconds ...
user avatar
  • 41.6k
27 votes
Accepted

Designing App Interface for Parkinson's Patients?

People with Parkinson Disease (or PD as it's also known) need special considerations as you correctly figured. However, keep in mind that most of those considerations are covered by special ...
user avatar
  • 32.5k
27 votes

What can we do to make UX Stack Exchange badges accessible?

It is quite hard but I am thinking that you could use a Cup for gold, a medal for silver and a coin for bronze. They might convey importance hierarchy.
user avatar
  • 4,195
27 votes
Accepted

What is the clearest way to display "less than"?

If you want sex just say it If you want sex just say it - You should strive to convey information in the clearest way possible, when possible. < 2.1 miles is < clear than less than 2.1 miles. In ...
user avatar
  • 32k
27 votes
Accepted

Colorblindness-friendly colors called "green", "blue", "yellow", and "red"

Would patterns work for your use case? You could keep the shape, size, position and orientation the same for each one and have a 'colour blindness mode' where instead of colours to distinguish the ...
user avatar
25 votes

A UI/UX developer with color-blindness. Good or Bad idea or maybe a challenge?

Limitations are limiting Everyone here is very nice, but they're dodging one important point: Being a color-blind UXD will limit your ability to be an all-in-one product designer. Everyone has ...
user avatar
  • 21.1k
25 votes

Why would the search input field not get focus when the page is loaded?

You already answered your own question. Keyboard/screen-reader users will need to step out of the search field when it was focused automatically to make use of other ways to navigate. Also on mobile, ...
user avatar
  • 10.3k
24 votes

How can wiring systems be designed to not rely solely on colour?

Color coding is one of the basic covenants of design and usability. To flaunt the significant benefits of color coding away purely on the varying needs of < 10% of the population would not be at ...
user avatar
24 votes
Accepted

What should a well-designed high contrast function do?

Do more research. Asking one person will only get you that person's preference - Ask lots more people and look for patterns in the results. The RNIB (UK organisation for blind and partially sighted ...
user avatar
  • 13.4k

Only top scored, non community-wiki answers of a minimum length are eligible