a general term used to describe the degree to which a product, device, service, or environment is available to as many people as possible. Accessibility is often used to focus on people with disabilities or special needs and their right of access to entities

learn more… | top users | synonyms

43
votes
10answers
4k views

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

Our local public transportation system uses electronic cards (something like RFID technology) to validate rides. Users enter the vehicle and place their contactless card against a reader, and a beep ...
0
votes
4answers
100 views

Can three dots be used for context menu? [duplicate]

Does three dots in linear make sense "more" in web applications, i have seen them only in mobile design?
39
votes
10answers
53k views

Why are Inverted Colors considered an accessibility feature?

Why is it that in most Operating Systems the "Inverted Colors" display setting is considered an accessibility feature? Both Windows and OS X includes this option so it seems to be a recognized ...
3
votes
1answer
256 views

accessibility for non-modal windows in UI

In our application, we have a case, where a page can have multiple non-modal popups. And I am working on making those popups keyboard accessible. Without any accessibility addition: popups and ...
3
votes
1answer
68 views

UX principles for maximizing web page visibility at a distance?

This post is about maximizing visual clarity of a page, not SEO. Some info about my project: The page will be displayed on a 1080p 42" television. Users will be standing 3 - 6 feet from the TV. ...
6
votes
4answers
1k views

Is it bad practice to use Guillemets (laquo and raquo) on links?

Is it bad practice to use the HTML entities of the guillemets « («) and » (») on links? Originally they're used in many languages like French and Spanish to indicate ...
7
votes
2answers
187 views

Should :focus and :hover styles be the same or distinct?

I'm in the midst of redefining a cross-application style guide, and I want to make sure we're accounting for accessibility in the design, including contrast ratios, text sizes, and focus states. One ...
0
votes
1answer
44 views

Homepage Changes Based on Who is Accessing It

I am redesigning a homepage which has 10 places it can take you. Four types of people will be using this homepage. Person 1 can access elements 1, 2, and 3. Person 2 can access elements 3, and 4. ...
2
votes
2answers
96 views

Is having the number of search results in heading markup accessible

In a recent accessibility report of our application there were some points stating that the number of results should not be in a heading on the page. For example, the markup should be: ...
6
votes
4answers
280 views

Accessible and Responsive Tables?

I'm looking at creating a large multi-column table within a web app. However we are experiencing a challenge whereby none of the solutions fit the bill 100% and we are wary of just choosing one ...
0
votes
1answer
11 views

Main action in scrollview

Our app has a similar welcome screen layout to this: http://www.curious-creature.com/2010/08/15/scrollviews-handy-trick/comment-page-1/ The action buttons are at the bottom of a scrollview, so when ...
25
votes
8answers
3k views

How can I check if my user interface is suited for colorblind people?

I've made a visualization that consists of various colors. Now I would like to test, if also color-blind people can use my application in a meaningful way. Is there any tool etc that I can run to see ...
0
votes
1answer
47 views

Correct way to present an option for visual deficiency (ie. colorblindness)

I would like to present an option for users who have a visual deficiency (specifically, colorblindness) to choose so that the UI can adjust its colors accordingly to best suit them. What should I name ...
2
votes
3answers
57 views

How many more people do I reach if we build a website that reaches WCAG Level AAA?

So we have decided to make our website more accessible and I'm studying the WCAG recommendations right now. I can clearly see that there is a difference between Level A, Level AA and Level AAA. It's ...
4
votes
2answers
274 views

Do colour differences which also carry major brightness differences fail WCAG 2.0 SC 1.4.1: Use of Color?

I've run into a conundrum with WCAG 2.0 Success Criteria 1.4.1: Use of Color whilst assessing an internal project for WCAG Level AA compliance. Among my assessment, I'm assessing controls that ...
4
votes
3answers
279 views

Is it better for website accessibility to have the menu before or after the content

I have seen two approaches to menu/content markup order in relation to accessibility for keyboard only users: Menu first then content with a skip to content link at the top Content first then menu ...
9
votes
4answers
199 views

Making color blind friendly plots that look professional

Based on this question I've been racking my brain trying to find a color scheme for journal publications that is color blind friendly and that I actually like. I've tried color brewer and other sites, ...
-1
votes
1answer
59 views

Form field border width for colorblind people

We have an issues when it comes to accessibility for web forms. During validation what should be the form field border width, 1px or 2px ? Hope this will be little clear: Should I have a 2px red ...
1
vote
2answers
146 views

Setting for left-handed users

This application has a ribbon. If you pull a panel opens. For left-handed users it's a little uncomfortable, while opening the panel, arm occludes part of the screen and interferes with their intent ...
4
votes
3answers
396 views

Designing wireframes keeping accessibility guidelines in mind

I am not sure if there is a definite answer to this but I thought I'll just throw it out.... I am working on re-designing a site for an federal organization who also require their site to be ...
5
votes
2answers
183 views

What is the most dyslexia friendly colour combination

Following on from this question I asked a while ago: What is the most dyslexia friendly font? I'd like now to know whether there are any colour combinations (or sets of colour combinations from ...
5
votes
4answers
514 views

Accessibility for non-web desktop applications

For web-applications I'm used to using WCAG 2.0 as a specification to provide to developers and 3rd parties who are developing websites to use as a guide. I now have a 3rd party supplying a Windows ...
2
votes
1answer
63 views

How to determine color palettes visible for the colorblind?

How can I create a color palette that can still be visible by those who are colorblind? Is there a resource that can help determine if color palettes meet WCAG standards? If not, could someone ...
4
votes
5answers
122 views

Is a product feature list suitable to display in a table?

On an ecommerce site (say selling T-Shirts) each product has its own page, and the page will have information about the product. Aside from unique things like photos, descriptions and reviews etc ...
1
vote
2answers
32 views

Page titles for Wizard screens [duplicate]

I'm working on a wizard where users go through a sequence of screens: On the left-hand side I show the title of the wizard, 'Add a foo', above an ordered list of steps. In the main content area, I ...
10
votes
1answer
174 views

Best practices for long “alt” text and the vision-impaired?

One of my Stack Exchange communities is currently cleaning up its missing image alt text for the benefit of those who use the site with screen readers. We understand that the alt text we add will be ...
0
votes
0answers
130 views

OK to make text, buttons, etc. larger on iPad than corresponding iPhone app?

Is it common to make user interface elements (text, edit boxes, buttons, etc.) larger in an iPad app than in the corresponding iPhone app? Would it violate any Apple UI guideline to do so? I'm ...
18
votes
5answers
2k views

Can text shadow enhance readability?

CSS font shadows are often used to help make text stand out (or in, or colorful, or many other fancy things.) I'm wondering if it can be used to aid readability. I know finding the right amount of ...
5
votes
1answer
54 views

Accessibility with aria-live and referencing other parts of a page

The setup: We have section A, where a user interacts with form controls and depending on the interaction receives specific messaging with aria-live. aria-live="assertive" role=”status” That ...
37
votes
2answers
4k views

What is the most dyslexia friendly font?

Has any font been proven, in an academically sound manner, to be particularly easy for those with dyslexia to read and as such would be a good choice for any screen text product created with dyslexic ...
10
votes
5answers
2k views

Accessibility and CAPTCHAs

I want to include a CAPTCHA in my web application, but I also want to make sure that my web application is accessible to individuals with impairments or disabilities. How should I go about doing ...
2
votes
1answer
25 views

Screenreader - multiple live regions

Is it possible to stack multiple live regions, so that they all announce appropriately within a screen reader? I have this setup: <a class="action" href="javascript: void(0);" ...
4
votes
1answer
36 views

How to accessibly specify units in a table?

I'm working on a web page with a series of charts that are built from visually-hidden HTML tables for accessibility - the idea being that the tables present the data in a form suitable for screen ...
4
votes
1answer
277 views

How should this navigation be handled?

I'm slightly worried about the navigation of an upcoming project. I feel it may be too crowded and could cause some sort of confusion. Although, I would like to point out that the my partner in this ...
5
votes
1answer
199 views

Agile Scrum: Framework to minimise the level of details that go into the definition of done?

Users stories acceptance criteria are an integral part of the user story. If not done exhaustively, acceptance criteria can cause a whole chain of issues such as bad sequencing of development tasks or ...
11
votes
6answers
2k views

Parallax scrolling and accessibility

I was just answering this question Is there any actual data about websites using parallax scrolling? and the more I read about parallax scrolling, I was wondering if parallax sites were accessible as ...
0
votes
0answers
34 views

On mobile, how should I present a post that has both comments and a main media component requiring a large thumbnail?

Take a site like Reddit for example, where users can post images or media in general and have people comment on it. I want the content and the media to be both easily accessible. My initial plan is ...
-1
votes
3answers
133 views

Is the cost of creating a separate website for vision or motor impaired users higher than trying to make existing websites accessible?

A little bit of background (feel free to skip): There are a lot of government regulations being put in place to prevent issues with website accessibility under various anti-discrimination acts in the ...
8
votes
3answers
305 views

In terms of UX, what's the best way to introduce new design? Gradually or via beta version?

In terms of UX, what's the best way to introduce a completely new design for an application? It will have the same user base and functionalities plus new features (one of them being responsive ...
3
votes
2answers
309 views

When is it appropriate to add the HTML5 “autofocus” attribute to a page?

For usability it can be useful to autofocus on something like the search input form on a search page. Where the primary purpose of a page is to search or add content, it can be appropriate to assume ...
4
votes
2answers
138 views

HTML5 small tag font size

In HTML5, the <small> tag "represents side comments such as small print...typically features disclaimers, caveats, legal restrictions, or copyrights." 1 We use this as a footnote to a table, ...
42
votes
8answers
12k views

Is there an optimal font size / line height ratio?

When styling text on web pages, both font size and line height can be set. For example, the text of this post will be displayed using a font-size of 14px and a line-height of (about) 18px, set using ...
144
votes
13answers
11k views

Why shouldn't we use words such as 'here' and 'this' in textlinks?

Over the years of surfing on the web I have found numerous examples of people saying that you shouldn't use the word "here" in a textlink etc. Personally I like the idea of using the word, because it ...
5
votes
2answers
130 views

For correct accessibility, how should I title an iframe?

We've recently begun using Google Tag Manager on our site, as well as using a tool that tests accessibility. Running our site against WCAG 2.0 Level A results in an error (WCAG 2.0 Level A 2.4.1 and ...
5
votes
7answers
652 views

Do older adults prefer white-on-black or black-on-white?

Please suggest current resources for designing UX for senior adults. W3C standards documents are about 6 years out of date. With respect to contrast: white on black, or black on white. [I did an ...
4
votes
3answers
182 views

How to know when to be concerned about accessibility?

Every so often, a popular answer to a question on this site receives a comment like "looks great, but how accessible is it?", or "try that out with a screen reader and see how much fun you have". ...
1
vote
3answers
104 views

What's the right behavior for the tab key on a combobox?

What should happen if a user is scrolling through items in a combobox with the keyboard and they press the Tab key? Should it behave like the Enter key, selecting the currently highlighted item and ...
12
votes
7answers
443 views

List of non-confusable characters

We're about to create a number of physical objects with codes imprinted on them. We have decided to only use uppercase letters (no numbers). This is supposed to be read by humans in a hurry, and we ...
1
vote
2answers
120 views

Best way to call out important content to screen readers?

We're adding new content to our page that describes the accessibility options available at a destination. The user may make accessibility requests via checkbox inputs (bathroom, hearing-impaired ...
3
votes
2answers
51 views

What's the best way to determine if a character is universally easy to type?

What would be the best way to determine if a particular keyboard character is available/convenient (enough) for most/all end users to type, regardless of keyboard layout? For instance, if I want to ...