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 (1)

1
vote
2answers
184 views

How do you make a range input / slider accessible to screen readers for blind UX

download bmml source – Wireframes created with Balsamiq Mockups How do you make range inputs / sliders screen reader accessible? What is the best solution for making these types of ...
70
votes
9answers
6k views

Why should our website be made handicap accessible?

Personally, the answer is "It's the right thing to do." I'm a web developer for a fairly major news-media site. We are U.S-based but have a global audience. When I initially floated this idea, my ...
3
votes
1answer
85 views

WCAG 2.0 compliance: do I have to support browsers which don't support JavaScript?

WCAG 2.0 has some requirements on robustness: "Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies", but it doesn't ...
4
votes
1answer
550 views

Accessibility - Keyboard Focus order - tab directly to form or tab through all elements?

Background info: I'm performing an Accessibility Audit as per the new AODA law in Ontario: http://www.e-laws.gov.on.ca/html/source/regs/english/2011/elaws_src_regs_r11191_e.htm#BK15 It follows the ...
0
votes
1answer
237 views

Does Canadian Accessibility law (AODA) apply to Internal Web Applications? [closed]

I am working on an internal web app for our clients and have come across a request for AODA compliance by my manager. In Ontario, Canada: it is required by law to comply with these guidelines: ...
8
votes
6answers
2k views

Why don't we use Left navigation for website?

Left navigation is becoming a more widely used trend in Web Applications; for example, it is utilized by Zoho Books, Slack, Gmail and others. More valid reason to move Left navigation, like screen ...
3
votes
1answer
191 views

What are the accessibility concerns of a checkbox based navigation?

This is an old css-tricks article demonstrating some of the cool things you can do without javascript using checkboxes. I want to use an updated version of this pattern on my site, but I am worried ...
6
votes
3answers
364 views

Omiting label element on self-explanatory form

I have a form that consists of an input box and a button. The button says "Search". For sighted users, it seems that no label element is required for the input box as it is obvious that you enter ...
18
votes
2answers
2k views

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

Very related to this question: Accessible Disabled State but that is about how to style disabled buttons to make them accessibility compliant, but my question is slightly different. Is it actually an ...
1
vote
1answer
202 views

Revisiting user-scalable=no

Previously, to achieve the effect of resizing for mobile, I have only ever used width=device-width, initial-scale=1 which worked no problem. I recently discovered user-scalable=no as an option for ...
30
votes
7answers
4k views

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

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 ...
12
votes
7answers
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 ...
2
votes
2answers
152 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: ...
2
votes
1answer
51 views

Do separate links with the same name pose accessibility problems if they're part of an unordered list?

Our site is getting flagged for accessibility issues for having separate links with the same text. However, I'm wondering if the links are actually distinguishable by screen readers since they have ...
10
votes
6answers
255 views

Accessibility statements: Worth having on websites?

Currently working for a client who had a very vague, generic accessibility statement on the site, until a couple of months ago when the site was redesigned and the statement was left out of the IA. ...
2
votes
1answer
51 views

Accessibility concerns with outline:none

Are there any Accessibility drawbacks to removing outlines on focus outside of users being affected visually? I like having a little more control over the design of elements than outline provides, so ...
2
votes
3answers
83 views

Animation as user feedback: how to do accessibility here without being redundant?

I have a list of "Texts" being displayed on a list. The user can reorder it when click on an action button, and when do that, an animation works as a feedback to the user. The Texts move, changing ...
2
votes
2answers
76 views

How should I adapt for Assistive Touch in iOS

This article reports that users avoid pressing the home button on an unfounded rumor that using the home button will cause the phone to break. What alterations should I make to accommodate this ...
22
votes
4answers
3k views

How does use in bright sunlight affect how a web site should be designed?

We're building a mobile web site that will mainly be used outdoors in bright sunlight. What design factors should I consider?
23
votes
3answers
3k views

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

Should I dynamically change the theming of my application based on ambient lighting? My app will be used in bright daylight, as well as in a dark movie theatre, or may be opened at night. I ...
0
votes
2answers
89 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. ...
1
vote
1answer
103 views

What kind of people are unable to use mouse and how many are out there on avg.?

Out of considerations for usability adjustments for website visitors with disabilities, I'm wondering what percentage of visitors is, that are unable to use mouse, and use only keyboard for navigation ...
6
votes
5answers
775 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 ...
64
votes
9answers
7k 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
244 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?
3
votes
1answer
89 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. ...
7
votes
4answers
3k 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 ...
8
votes
2answers
765 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
62 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
95 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
327 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 ...
5
votes
3answers
344 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
615 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
73 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
154 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
641 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
1k 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 ...
6
votes
4answers
689 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
112 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
221 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
57 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
217 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 ...
18
votes
5answers
3k 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
70 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 ...
3
votes
1answer
52 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
56 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
336 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
249 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 ...