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

2
votes
1answer
17 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 ...
2
votes
1answer
32 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 ...
5
votes
2answers
788 views

How long should automatic doors delay closing?

Automatic doors have a sensor that detect whether people are present, and when there are none, and after a delay, the doors close. How long should that closing delay be? Does it depend on factors ...
2
votes
3answers
71 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
45 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 ...
23
votes
3answers
2k 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 ...
1
vote
1answer
57 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 ...
0
votes
0answers
7 views

ARIA markup for elements that are tabs on desktop but collapsible on mobile [migrated]

I have a series of panels that work with tabs. I'm using aria-controls, aria-selected, role="tablist", role="tab" on the tabs and aria-labelledby, aria-hidden and role="tabpanel" on the panels - all ...
63
votes
9answers
6k 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 ...
6
votes
5answers
359 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 ...
1
vote
2answers
19 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 ...
0
votes
1answer
53 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
61 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
287 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 ...
3
votes
1answer
73 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. ...
0
votes
2answers
86 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
votes
1answer
60 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 ...
9
votes
4answers
238 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, ...
5
votes
2answers
257 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 ...
0
votes
4answers
115 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?
2
votes
1answer
68 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 ...
7
votes
2answers
203 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 ...
4
votes
5answers
136 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
36 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
180 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
147 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 ...
37
votes
2answers
3k 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 ...
2
votes
1answer
30 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);" ...
5
votes
1answer
56 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 ...
4
votes
1answer
38 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 ...
5
votes
1answer
202 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 ...
-1
votes
3answers
137 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
335 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 ...
5
votes
2answers
190 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 ...
4
votes
3answers
290 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
vote
3answers
159 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 ...
4
votes
3answers
183 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
2answers
150 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 ...
3
votes
2answers
52 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 ...
12
votes
7answers
450 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 ...
3
votes
2answers
128 views

Best practice when designing screen reader friendly notification functionality

I am curious how you should approach the design of notification functionality with screen readers in mind. Let's take Facebook as an example. If someone comments on one of your posts. A little popup ...
4
votes
2answers
155 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, ...
3
votes
1answer
83 views

What keyboard input makes sense for tabbing out of a rich text field?

My Windows application has a form controlling system-wide options with a toolbar-equivalent and a region for controls. The toolbar has a series of icon/label pairs; selecting one fills the control ...
0
votes
0answers
54 views

For accessibility, what is the best solution to eliminate having to use 16 font size over 14 on form fields only?

What is the best solution to eliminate having to use 16 font size over 14 on form fields only? To pass WCAG Guidelines, we are looking for a solution to not have 16pt only on form fields and still ...
0
votes
0answers
31 views

Accessibility (color contrast) of report inappropriate function

I'm looking into color contrast issues at present, and have noticed a pattern where 'report inappropriate content' flags seem to all fail AA compliance. I wonder if the flag was targeted via ...
4
votes
2answers
302 views

What is the best way to display disabled field and text for accessibility color contrast support

I am working on a project which needs to support color contrast accessibility. Currently on our system disabled data is presented as grayed-out, but now we need to support color contrast for ...
0
votes
0answers
18 views

Web accessibility - provide buttons to change font size or let the browser do it? [duplicate]

Is there value in providing accessibility features on a webpage to change font size and style sheets for contrast when these features are now provided via the browser and/or operating system?
0
votes
0answers
37 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 ...
2
votes
1answer
152 views

Are WAI ARIA attributes required for WCAG 2.0 level AA compliance?

I'm reading the W3 WCAG quick reference guide located here It has the option of selecting items to display for WAI ARIA WCAG compliance -- is WAI-ARIA required for WCAG compliance or not? It's not ...