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

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 ...
146
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
180 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
660 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
149 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
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 ...
1
vote
2answers
123 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
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 ...
3
votes
2answers
124 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
81 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 ...
14
votes
5answers
644 views

How detailed should a text alternative version of an image be?

Had a debate with a collegue recently about a accessible text alternative to an infographic we have. When they wrote the text alternative they wrote in detail exactly what was going on in the picture ...
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 ...
4
votes
2answers
298 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
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 ...
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?
2
votes
1answer
142 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
174 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. ...
5
votes
3answers
243 views

Syntax highlighting and accessibility

There are a lot of tools that automatically detect the programming language used in code blocks and add proper syntax highlighting. For example: Highlight.js and google-code-prettify. Given that ...
1
vote
1answer
54 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 ...
53
votes
12answers
17k 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
94 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
322 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
36 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
313 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 ...
54
votes
2answers
8k views

Why did Windows add a pointer trail feature?

So Windows has had, for a while now, a pointer trail feature under the visibility section. But that's something I don't understand. The pointer trail itself is extremely annoying, and seems to me ...
6
votes
1answer
256 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
199 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
121 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 ...
26
votes
2answers
2k views

Are italics on the web bad for accessibility?

On a current web project, we've received word from the client that we can no longer have any italicized text on the website we are building. When I asked for some reasoning, I was told that "our ...
1
vote
1answer
396 views

UX navigation best practices for older adults

Please suggest current resources for designing UX for senior adults. W3C standards documents are about 6 years out of date. With respect to navigation on tablet devices: are menu bars preferred or ...
2
votes
1answer
116 views

Is Markdown for emails effective? [duplicate]

One of the services I run is a simple email service that lets people send emails from their own websites. Because it's only a simple email thing, I didn't want to have to install an email client ...
4
votes
1answer
319 views

Accessibility of linked DOC/DOCX files

I am working on a site where the client wants to provide links to Microsoft Word Doc/Docx files. This is probably a bad idea for a number of reasons but from an accessibility standpoint, is this a ...
4
votes
1answer
332 views

Why is low contrast between active and inactive window title bars considered a good thing?

It seems like recently, there is a movement toward applications forcing a color scheme on the user as well as using custom-drawn windowing elements, particularly title bars, with very low contrast ...
6
votes
8answers
545 views

Accessible CMS software

My company needs to incorporate some CMS software into their public web site. We want software that produces semantic markup to maximise accessibility. Can anyone suggest any? At the current time, ...
28
votes
9answers
3k views

How can wiring systems be designed to not rely solely on colour?

Yesterday I was faced with the challenge of replacing the stock radio in my vehicle. The stock radio had broken, and it was time for a new one. As it is, building the proper wiring harness is already ...
3
votes
1answer
113 views

Do screen readers have built in “back to top” functionality?

So on my web application I have a floating button for back to top that's visible to users after they scroll down the page from the top. I was thinking whether I should consider attempting crafting ...
5
votes
3answers
296 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 ...
0
votes
1answer
92 views

What type of map will be suitable for marking an accurate address

What I am doing: I am working on google maps and the application currently allows user to mark address on the map, then the application saves the coords to database. My question The map currently ...
11
votes
5answers
9k views

Input checkboxes wrapped inside <labels>

I usually tend to wrap my checkboxes and radio button inside their respective labels and was wondering whether this is considered a good UX practice. Pros/cons ? One of my main reasons is that it ...
1
vote
2answers
267 views

Accessible Disabled State

Is there a best practice for disabled/inactive buttons or tabs that meet accessibility color contrast requirements? A greyed out treatment seems to be the most common, however grey on lighter grey ...
9
votes
1answer
746 views

Should the spacebar activate tabs?

After you have navigated to an un-opened tab, via the use of the tab key, and it has the focus on the webpage: Should the 'spacebar' keyboard key activate that tab and open it (as well as the default ...
4
votes
1answer
433 views

“Right arrow” meaning for blind users

I have a menu with right arrows next to the elements that have child pages under them. The child items are not displayed in the menu, the arrow only indicates to the user that after they navigate to ...
1
vote
2answers
146 views

Can/Should I Label an informational span for screen readers?

I have an informational span, specifically, a span full of stars that represent a rating (star icons that can be filled or unfilled). As is, it shouldn't be visible at all to a screen reader, since ...
2
votes
3answers
371 views

Color Contrast Tools as part of Website [closed]

Recently, I went to a website that had some color contrast changing tools on it and tried to find them so I could add them to sites we have in development. Obviously, I failed because I am here now ...
1
vote
1answer
30 views

Presenting floorplan data accessibly

On a website there is a page which gives details about building including hire data, contact info and other things that can be marked up semantically and accessibly. On the same page there is a large ...
3
votes
2answers
346 views

Is it okay to map the left/right arrow keys to a website's navigation?

When making a site accessible by allowing keyboard navigation is it OK to use the left and right arrow keys to move between columns (in addition to the tab key which traverses all of the column's ...
6
votes
1answer
345 views

People with autism: Sliding divs or show/hide toggle?

I am working on a site where we are designing with an emphasis on accessibility. One of these groups we have in mind is people with autism. We have some forms with radio buttons. Some of the answers ...
14
votes
3answers
1k views

What should the ALT text be for an image that is also a link?

An image alt="" text should contain information about that image in the context of the page, so for instance if you have an article about cats on skateboards and then a photograph of the cat on his ...
3
votes
3answers
145 views

How to make maxlength attribute accessible?

I have a form in which there are a few input fields. For one of the input field I have a length validation, for which I used maxlength="20". The issue here is that the JAWS users don't come to know ...