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
443 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 inputs ...
72
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
118 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 ...
5
votes
1answer
658 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
277 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: http:/...
8
votes
6answers
4k 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
300 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
374 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 ...
20
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 ...
30
votes
7answers
5k 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 ...
2
votes
2answers
186 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: <h2>...
2
votes
1answer
52 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
261 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
60 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
91 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
86 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
4k 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
93 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
129 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
1k 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 ...
65
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
331 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
94 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. ...
8
votes
4answers
4k 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 « (&laquo;) and » (&raquo;) on links? Originally they're used in many languages like French and Spanish to indicate ...
10
votes
2answers
1k 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
70 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
118 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
347 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
359 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 ...
-1
votes
1answer
77 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
157 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
704 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
2k 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
810 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 ...
4
votes
5answers
252 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
63 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
227 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
4k 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
73 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 ...
11
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 that?...
3
votes
1answer
56 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);" aria-controls="...
4
votes
1answer
62 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
370 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
255 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 ...
0
votes
0answers
41 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 ...
8
votes
3answers
549 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 design)....
5
votes
2answers
701 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 ...