Tag Info

Hot answers tagged

100

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 monitors at the time were mostly passive-matrix, whose typically slower response times meant your cursor didn't have time to get redrawn as it moved across the ...


63

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 ensuring that the pointer was drawn in each position for at least a full refresh cycle of the screen. It turns out that it also makes the mouse easier to ...


31

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 the configuration looks to people with colour blindness: From MrReid: Under the IEC 60446 standard only black, brown, red, orange, yellow, green, blue, ...


27

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 screen shots where they do the following: Help reassure the user that where they are in the UI is the right place to be Help call attention to a specific ...


26

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 Dyslexia Association says: Avoid underlining and italics: these tend to make the text appear to run together. Use bold instead. UX Movement touches on ...


23

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 all appropriate. There are multiple types of color blindness, so while one color might not work for some "color blind" people it will do just fine for the rest. ...


18

When the user clicks to play, you simply overlay a message saying 'This video has no sound', and the user clicks to accept this and start the video. For example, this recent video on the BBC website: In addition, where there may be sound but no voice-over, and the user might be expecting it, your message would be 'There is no commentary on this video'. ...


13

I believe its because there are universally defined standards on where Braille letters have to positioned with regards to a informational item and braille users generally learn to look for them in one location. There are also classes conducted for people with visual disabilities which inform them where to look for the sign (the class is called Orientation ...


13

You need to clearly communicate in a non visual sense the fact that the menu has sub menu items. When thinking about the problem like this it turns out that you aren't restricted to just output text as you can also use the text in the tags and attributes. For visually impaired users you should be thinking in text, not images (this is actually very good ...


12

Marco Zehe, Mozilla accessibility QA engineer and evangelist, provided some advice in an article about implementing tabs in web apps with WAI-ARIA. He advocates cursor keys for moving focus between tabs in a set and then spacebar to activate the focused tab, which is consistent with the native desktop experience. Left and Right arrow keys should move ...


12

The study list linked to in the blog mentioned by Matt Obee is here http://dyslexiahelp.umich.edu/sites/default/files/good_fonts_for_dyslexia_study.pdf It's an interesting paper and the conclusions are worth working through: The main conclusion is that font types have an impact on readability of people with dyslexia. As they do on readability with ...


9

I am not sure if this answers your question, as it actually undermines it, but there are fare more studies on why proper capitalisation is prefered: ALL UPPERCASE IS HARDER TO READ Because Your Mind Doesn't Read Each Letter, Rather the Shape Of The Word Wichh Is Why You Can Do Tihngs Scuh As Tihs Why Capital Letters Are Dangerous (Guardian ...


8

...to see if it is useful for our company to put some extra attention into our designs for those who are colourblind. It's not just colour-blind users who can't see certain colour combinations - actual blind people can't either, so you need to ensure data isn't represented purely visually. Webaim have some useful info on this topic that covers off the ...


8

There is actually research about this topic: http://www.opticsinfobase.org/oe/fulltext.cfm?uri=oe-6-4-81&id=63459 "Both text contrast and background contrast variation affect text readability. Background variation effects were only seen when the text contrast was low. Greater effects of background variation would be expected if larger background ...


8

Man, when you asked that question, I thought you meant a Web 1.x monstrosity. I'm not sure there's a hard and fast rule on this but, generally speaking, that's what we would call light noise. My concern wouldn't be with the level of contrast, but with looking somewhat dated. Basically, as soon as Apple declared skeuomorphism to be a thing of 2012 and thus ...


8

You are correct. You should ignore the Technique 2.2.1 and only use Guideline 1.4.3. The reasons are as follows: Technique 2.2.1 is only a suggestion. As you point out, Technique 2.2.1 is “open to change.” It’s listed in a 14-year-old working draft that apparently hasn’t gone anywhere, and for good reason, as the remaining points will illustrate. ...


7

There are a lot of designs/applications using same approach: Example 1 Example 2 Don't you think your first column is too empty? You can simplify the layout a bit combining both ideas (tree & switch) and use only one tree or simplified accordion. Simplified tree Accordion Finally, there is a way to make this approach a bit more flexible: ...


7

Several accessibility concerns immediately spring to mind, though I think each is a problem that can be overcome with good design and development. Generally speaking a functionally sound and graphically attractive offering could harbour some serious accessibility issues underneath the bonnet and the an inbalanced focus on these cognitively heavy development ...


7

I think a lot of people are afraid of making things accessible because they don't know anything about it. To be honest, these days, it's really not that hard. With respect to vision and mobility impaired users, WAI-ARIA gives us a ton of tools that we didn't have 10 years ago that all modern browsers and screen readers support. You can make interactive ...


6

I think you are answering yourself: if you don't need rows and columns, then you don't need a table. The table could be responsive and accessible, but in this case it would be unnecessary. Maybe the best list you could use is a definition list that allows you to tag a title and a definition (the comment). This would be the result (without any style): view ...


6

Header links is a really good way to enforce focus on a specific area. If you check your profile here on *.SE you find that each heading actually is a link to the page where you see things in greater detail. Thus header linking is a really good implementation of "drill down" functionality. Having a more-link, represented in your question by "Visit the ...


6

As the related question may come up, be aware of what your local government's laws are related to disabled persons. For example, the American's with Disabilities Act is: The ADA is one of America's most comprehensive pieces of civil rights legislation that prohibits discrimination and guarantees that people with disabilities have the same opportunities ...


6

I'm surprised nobody has really asked why you need an icon like this. I've been in the 508 business for quite a while now and I can tell you that there's a LOT of things you can do on the web to make it just work for everyone. There doesn't need to be an entrance for normal people and a back door entrance for those who have disabilities. You shouldn't ...


6

You should use the screenshot in below case When you cant explain the screen in words properly i.e. if there are more similar option on the screen which might confuse the user. When user will get navigate from one screen to another screen which are non consistent i.e. major UI change or you are redirecting user to different application. Also, you ...


5

You are absolutely right, that current label is very poor. I would recommend Edit Element Although edit by its self would be better, but it does depend on the context. You will find this list of guidelines set out by Microsoft helpful to get your terminology correct. Also see this question as it is related to this but on the subject of Exit. ...


5

A <div>, as suggested in the comments, would definitely be a better option than a <blockquote>, because having no semantics isn't as bad as having incorrect semantics. Accessibility tools would simply process your exemplary content just like they would the rest of the article content, which is far better than them processing it completely ...


5

Windows has a particular behaviour for tabbed dialogs. Tab moves between the fields on the tab, and after the last item, the tab name gets focus. Using Tab when the tab name has focus moves back to the first field again. It doesn't move on to the next tab. To move to the next tab, use Tab to move focus to the tab name, then use the arrow keys ←→ ...


5

The issue isn't so much with specific colours, but with colour contrast ratios. WCAG guideline 1.4.3 Contrast (Minimum): 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: (Level AA) Large Text: Large-scale text and images of large-scale text have a ...


5

I understand it's meaning but as you mentioned that icon looks more applicable for someone with a physical disability only. Specific uses of the International Symbol of Access include: Marking a parking space reserved for vehicles used by disabled people/blue badge holders Marking a vehicle used by a disabled person, often for permission to ...


5

There is an official aria-label attribute that seems to do what you're looking for. You would probably label the input field like this: <input name="q" aria-label="Search query"> I haven't been able to find out whether or not screen readers support it.



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