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
29 views

How to represent a translated formula in an accessible and visually clear way?

I'm working on porting a website copy from old system to new. One item of content has me flummoxed as to what to do with it. It is a mathematical formula, written in english. HOWEVER, it is saved as ...
2
votes
1answer
99 views

Button text based on previous button's context

There's a table with a list of files that need to be tagged before uploading. The table might get longer than the page height, so it's scrollable, and above it there are buttons that work on selected ...
1
vote
0answers
40 views

What is the challenge or resistance of inclusive design being used as a driver for better UX? [closed]

Looking at some of the red dot design award winners from last year, I noticed a particular entry in the communication design category that again highlighted the value of inclusive design in creating a ...
1
vote
1answer
25 views

Help and advice on user testing for accessibility?

I work at a small web development agency and I'm preparing to run a usability test on a web application we've built with a participant using a screenreader. Our development team just made a bunch of ...
10
votes
2answers
738 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 ...
0
votes
2answers
42 views

When to hide, disable or gray out a button that shouldn't be clicked on until a field is filled?

I've heard two conflicting principles for UI design. disable or hide functions that are not applicable to the current state of the program (maybe this is more for large forms such as in surveys) ...
5
votes
2answers
668 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 ...
3
votes
1answer
46 views

Should off-screen elements be accessible prior to being toggled?

Reading around the web on accessibility is like trying to comprehend the cloud. Too much information, too many opinions, too few real world test cases. Which brings me to my question: Should off-...
6
votes
3answers
3k views

Would it be better to show a calendar picker by default instead of an input field with pop-up date picker?

On a travel site which is for Desktop, iPhone, iPad too, would it be better for UX and Accessibility to show the calendar itself on page by default Like this Or the most popular way, a input box ...
3
votes
1answer
502 views

What is the benefit of using the HTML5 <time> tag?

I have a web application I am writing the HTML for. In the app I will be displaying a lot of dates and in HTML5 they added a <time> tag. If I wrap all of my dates and times in the <time> ...
1
vote
1answer
30 views

What is a good way to explain the relationship between inclusive design, accessibility (in terms of WCAG2.0) and usability?

I have always found that inclusive design to be at the crossroads between designing for the majority versus designing for everyone, which when you consider that UX design is about getting the right ...
0
votes
3answers
74 views

Icon only vs. text and icon

Im working on a project now but I'm not sure if an icon alone is accessible (AA) or if it needs to be accompanied by text? Which would meet the AA standards?
74
votes
13answers
29k 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 ...
2
votes
2answers
369 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 ...
10
votes
2answers
360 views

Anchor tag accessibility on SO

I noticed this question on SO Meta, and I was curious what the best solution would be. I understand the accessibility concerns, and I would like to see the need met, but I'm not terribly fond of text-...
5
votes
3answers
88 views

Asking for alternative methods of contact for users where phone isn’t appropriate eg. deaf users

During sign up we require that the user gives us a phone number so we can contact them quickly if there is an issue. I am concerned that phone may not be accessible to all our users. I can think of a ...
3
votes
2answers
52 views

Proper Keyboard focus order for dynamic menus

I have a small modal-like pane that appear when a user clicks on or keyboard navigates to special filter input. This pane is full of buttons that indicate how the filter should properly act. While the ...
1
vote
1answer
55 views

Accessibility If the option element contains more than twenty-five (25) select children flag as a violation

for e.g. I have calendar dates drop down which has 31 numeric values listed. In accessibility testing, its shows violation. I have found alternative solution <optgroup label="">, but it's not ...
2
votes
1answer
26 views

Concise description of feature regardless of input device

I'm trying to find a concise way to tell the user that by activating this option he will be able to draw something with just one gesture: whether he is using a mouse or a touch device as primary input ...
3
votes
1answer
65 views

How to notify of scroll in iframe

For the sake of screen readers such as JAWS, etc. Given a list of navigation options which are a collection of documents and locations within them, when one is selected the iframe will load and/or '...
3
votes
1answer
40 views

Should non-uniformly updated live regions use the ARIA busy attribute?

I am facing an issue while testing for accessibility. I have used role="alert" for an error message [single level]. Do I need to use aria-busy="true" / aria-atomic="true" / aria-live="polite" <td&...
7
votes
6answers
140 views

Are there accessibility guidelines or good-practice standards?

Very novice web-developer here designing a web-site for my new employer (US). I've been asked to ensure the website is accessible to avoid any potential legal issues. I went looking for specs and ...
0
votes
1answer
30 views

What is the difference between data tables & layout tables defining role [closed]

In Accessibility What is the different between Data Tables & Layout Tables. Specially for defining role="presentation". for example <table role="presentation> <table role="...
4
votes
1answer
120 views

Accessibility of in-field labels and help text labels in input forms

Many newer UI interfaces have a preference for input field labels or help texts to be contained within the UI component itself instead of implementing them as separate labels. I was wondering if ...
31
votes
3answers
4k 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 ...
29
votes
6answers
3k views

Designing App Interface for Parkinson's Patients?

I am currently in the process of designing a UI for an app to be utilized by Parkinson's patients. I am struggling to make the interface as intuitive as possible, as of now I have minimized visual ...
42
votes
11answers
35k views

Is there an optimal font size?

For most website projects I've been involved with, the font size for the bulk text is usually 12px - 13px, but I'm wondering if this is a good size. I remember reading an article saying that font ...
4
votes
1answer
107 views

Opened dropdown menu - should I hover over, or push down content?

We're building a web app, to be used on tablet devices predominantly, but desktop too. We have menu items at the top of the page that have children, I've been told that for good accessibility reasons ...
1
vote
2answers
45 views

Improve accessibility for hyperlinks - use title or alt or both?

I'm just asking about plain hyperlinks (not images as mentioned in Should html links with images have both title and alt attributes?) I'm considering adding title for hyperlinks. Should I add alt ...
0
votes
2answers
76 views

How to add more columns to data grid keeping it more expressive

If i have a grid view like this and i have to add more columns one as link button and one for notes (text) .the table is full of data how to handle this problem:
4
votes
1answer
162 views

Are there any laws (in the UK) which require accessibility guidelines to be followed on a website?

Hypothetically speaking, could a company be sued for not meeting accessibility guidelines? I often see sites online which clearly do not - how would this stand up in court? Are guidelines (like the ...
12
votes
7answers
3k 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 ...
18
votes
2answers
703 views

Accessibility and the use of font characters for icons

It seems to be a trend for the moment to embed custom web dingbat fonts and use them as icons on web pages. But isn't it true that a screen reader will read those characters out loud? So when it for ...
8
votes
2answers
797 views

accessibility for non-modal windows in UI

In our application, we have a case, where a page can have multiple non-modal popups. And I am working on making those popups keyboard accessible. Without any accessibility addition: popups and focus-...
49
votes
12answers
92k views

Why are Inverted Colors considered an accessibility feature?

Why is it that in most Operating Systems the "Inverted Colors" display setting is considered an accessibility feature? Both Windows and OS X includes this option so it seems to be a recognized feature,...
2
votes
2answers
62 views

How do you differentiate your UI/UX based on high and low context cultures?

I am researching different cultures and what changes consistently across them. One of the things is if the culture is a high or a low context culture. The only piece of information I've found is the ...
1
vote
0answers
88 views

Best practice: <a> or <button> tag? [closed]

I have a section of content that contains the following HTML elements: h4, p, img. Currently, I have that content enclosed in <button> to apply semantic meaning and focus for keyboard only ((...
3
votes
1answer
75 views

How to translate a visual experience to screen reader users

I have a table with selectable rows. I can select only one row. Sighted users can click anywhere in a row to select it. In the context of a website that is as good for blind users and sighted users, ...
2
votes
3answers
95 views

Should a 3-field <select> date input use fieldset for grouping?

I am trying to do the best for usability and accessibility I use fieldset to group input radio-button and checkbox elements. When I have a date input that is actually 3 select dropdown fields, one ...
17
votes
1answer
2k views

Is it good to propose a screen-reader version of my website for blind users

I was wondering if this is a good practice to propose a link visible to screen-reader only at the beginning of my website, that would lead the user to a very simplified and optimised version of my ...
3
votes
1answer
110 views

Should html links with images have both title and alt attributes?

I understand it is generally a best quality practice to have title tags for hyperlinks and alt tags for images. This is good for several reasons: additional information for low bandwidth users, ...
89
votes
13answers
11k views

A UI/UX developer with color-blindness. Good or Bad idea or maybe a challenge?

I'm working as a front-end developer. I used to work on JavaScript technologies. But when it comes to UX and about choosing colors and stuff which I'm not able to understand well due to color ...
4
votes
1answer
553 views

Are screenreader users aware of the keyboard controls with jQuery UI's datepicker?

jQuery UI's datepicker has complex keyboard navigation. Source: https://api.jqueryui.com/datepicker/ While the datepicker is open, the following key commands are available: PAGE UP: ...
0
votes
2answers
37 views

Grouping login/account functionality under a cart icon

I'm working on an commerce platform which needs account functionality | sign in/register | shopping bag/cart - standard stuff for such a website. The stakeholders are very keen to group all of that ...
26
votes
9answers
12k views

What are good resources for testing UI design for color-blind users? [duplicate]

Possible Duplicate: How can I check if my user interface is suited for colorblind people? I'd like to ensure that color blind users experience the UI with sufficient contrast between elements ...
3
votes
1answer
70 views

When would a user prefer increasing font size vs. zoom/scale?

Browsers and operating systems usually have settings to make pages larger or smaller. This makes computers accessible for some users with low-vision and I've also seen it used temporarily for ...
10
votes
5answers
866 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, ...
2
votes
2answers
120 views

When is it OK to use text as an image?

I'm having a bit of a struggle explaining why we should not use text as an image on a new website build. The design team would like to add a quote pulled from the main content but in order to style ...
3
votes
1answer
65 views

How to make code examples accessible in a document?

I'm creating a MS Word document (and will probably convert it to PDF later on) for a visually impaired programming student. I'm following all the guidelines about text semantics, like correctly using ...
0
votes
1answer
107 views

Icon/message for language switch

I have a site in 6 languages and I want to do something creative and not use flags. Ideally it'd be an icon and message to change language which opens an overlay with all languages available, but say ...