New answers tagged accessibility
0
The image contains no useful information
I’d say it contains very useful information, because, well, it depicts the person the page is about.
If the only reason to use an empty alt value is because of (text) content duplication, you should ask yourself: Could screen reader users still download/identify this image?
When you’d use an empty alt value for ...
6
The most common implementation of such a feature which I see everyday is the tagging system. As you continue typing, the ajax search is on and you can see results popping up. Img 1: You can select from the results or type in the entire thing. Img 2: Or, you can add your own tag in a similar manner and it will accept the tag and add it in the system for ...
4
By adding the + sign, it is counter intuitive as the user would have to click the drop down, read through the options and determine none of the options listed apply. Then click the + and provide the value.
I would suggest adding a 'Other' or 'add new' entry in the drop down list. This would mean that the user would scan the list of drop down items, find ...
22
You should use an empty alt attribute for images that are purely decorative. I'd argue that in the example you gave it is worth supplying an alt attribute that describes the image e.g. alt="Portrait of Jane Doe". @KitGrose mentions that including this text will also make the image searchable to image search engines such as Google Image.
I reserve empty alt ...
7
The modifiers for the tab key are already taken for important window management tasks:
Ctrl+Tab cycles through tabs in the browser as it is the common shortcut for cycling through open documents in the same application. Shift+Ctrl+Tab goes backwards. Alt+Tab switches between running applications.
It would be unexpected, and highly annoying, for a single ...
1
I like a modal window for "interruption" tasks. That is, tasks that are performed when you're really trying to do something else.
Signing in is a good example. From any page I can click to sign in, complete the little form, and get back to my current task.
Granted, that can be done without a modal (when Sign In is on its own page, submitting can jump you ...
1
Modals are a popular for a good reason: They provide fast, focused, contextual interaction. Page loads should be saved for when they're really needed to move the flow forward.
Another contextual information option is content that loads into the page as needed. I've used this solution for payment forms in particular in the past.
This article reminds us of ...
1
There was a study done by UX matters. They use eye-tracking and field association in their study.
From the results of our second test, we knew that the nearer a label
is to its input field, the more quickly users could move from the
label to the input field. So, we were not surprised when we noticed
that most of the fixations were right on the ...
1
I am not sure if the question is specific or general but in this very peculiar case I would not recommend to use a description at all.
You want the user to put his email address. If you consider she can use this address for any reason in your application, then she knows what a email address looks like.
You want to show an example in case the email is ...
0
I agree with Dominik Oslizlo,
in your example, description should be placed below the text field. You can also read Extensive Guide To Web Form Usability
6
I think all of these are quite functional, but there are pros and cons for each one:
1st: may need a lot of vertical space.
2nd: does not consume any additional space at all, but will disappear once user enters this field. It's quite popular though, and not a bad practice.
3rd: again, should the example text be longer, it may force you to make the left ...
3
Go with the 2nd option. It is a standard practice followed by many websites. It allows for showing examples in-context which is better than giving directions for the user to follow. eg: Enter email below,example: amdin@user.gov
Make the text visibly lighter (grey) than the default color.
Optional: Give some added visual que like changing the ...
1
Your first question has been answered by user user1757436.
I'd like to add something to your second question. First of all, your page is all good and designed nicely. Secondly, contrast is definitely a very important aspekt of web design.
Should you worry about the results from the test of checkmycolours.com?
a, checkmycolours.com
There are many errors ...
8
CheckMyColours.com uses the Web Content Accessibility Guidelines (WCAG 2.0) contrast tests.
The validity of the tests is something to bring up with WCAG rather than checkmycolours.com.
I am unaware of the WCAG providing the research supporting their contrast ratio standards. However, my experience with those standards is that they are fairly lax. I've ...
1
If I can use the analogy of writing, then being left or right handed doesn't really affect the way information should be presented, but it does affect the way content is created. The pain of left handed users smudging their writing as they deal with normal book/page layout has become a thing of the past with keyboard and mouse, and in general there hasn't ...
2
I'd say the "handedness" of a user is only of limited information. Many other factors affect the way a user interacts with the touch screen of a hand held device. You could be lying on your side, or perhaps you put your smartphone down on a table. While a gesture (say a sideways swipe) might have a different curvature when performed with either hand, it will ...
1
Not exactly related but this paper works on identifying the hand and adapting the interactions based on it.
GripSense: Using Built-In Sensors to Detect Hand Posture and Pressure on Commodity Mobile Phones
It tackles the problem the other way round, rather than looking at the accuracy of gestures based on handedness, it tries to figure out the grip and ...
Top 50 recent answers are included
