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)

0
votes
4answers
286 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
93 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 « («) and » (») on links? Originally they're used in many languages like French and Spanish to indicate ...
9
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
65 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
115 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
340 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
354 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
75 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
155 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
686 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
764 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
241 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
61 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
222 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
72 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 ...
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
54 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
58 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
356 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
252 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
516 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
643 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
285 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, ...
51
votes
8answers
22k 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 ...
6
votes
2answers
984 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
746 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
204 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
619 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
518 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
137 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
58 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 ...
3
votes
2answers
209 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 ...
3
votes
1answer
254 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
62 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 ...
4
votes
2answers
981 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 ...
5
votes
1answer
491 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 ...
2
votes
3answers
211 views

Does responsive design ruin accessibility?

Hopefully this is not too broad, I am currently developing a website for my university project and part of the criteria is to implement some considerations to accessibility and also responsive design. ...
1
vote
1answer
63 views

Should I require user verification before publishing article?

I am currently developing a website that's all about used written content. Users write columns that will be available on the website, thus giving them a place to be read. In the old version of my ...
66
votes
12answers
27k views

What are the negative and positive aspects of dark color scheme?

I am using Light-on-dark color scheme (dark background with light text) in my application. My question is, what are the negative and positive aspects of this color scheme and why this color scheme ...
1
vote
2answers
205 views

What is the correct tab-indexing for a log-in form with a “forgot password” link?

I have a login form shown below, and I am trying to figure out the correct tabbing for it for the best accessibility and user-experience. This seems like a very common design, but I haven't found a ...
6
votes
4answers
640 views

Best way for date field for visually impaired users

What is the best way for blind users to fill in a date field? The date field is used for dates within the next 3 months. Single texfield: A single textfield with a 'date' text-label and with a ...
1
vote
1answer
40 views

How to reference a part of the page that could be below or to the right

I've got a basic contact form (not currently "live"; it won't actually submit), which has a small area of the page as a description of "how to contact us". In this section, I reference the contact ...
2
votes
3answers
345 views

Do all screens need headings?

Trying to understand a particular element of standards and best-practices. I'm tasked with designing a new dashboard for an internal system (note: SEO is not part of the equation; security ...
6
votes
1answer
410 views

Is a colour contrast compliant if it passes WCAG but fails the earlier W3C test used on Snook.ca?

There are some colour contrasts that, when checked using a tool like snook.ca, give results like this (testing #003354 and #00D5BD): According to every one of the newer WCAG criteria, this passes. ...
2
votes
1answer
501 views

Link states – should keyboard focus replicate hover or active

I realise that this question may be quite specific CSS-wise, but it feels more like a UX question than a StackOverflow one. My question is should links have a :focus state that replicates their ...
1
vote
1answer
303 views

Accessibility of combobox UI widget

I believed ALT+DownArrow is a standard shortcut key to launch the list of options in a combobox field. JAWS however reads To set a value use the arrow keys or type a value when the combobox field gets ...