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

3
votes
1answer
70 views

can selected/active items be clickable?

I am considering to design an icon based menu and to use the classic pattern: inactive, hover-state and selected. However, I would like the user to be able to click on a menu element even if the ...
3
votes
1answer
135 views

What type of users use exclusively the keyboard to navigate a site?

A little background first At the company I work for, we're working on an e-learning application, aimed (exclusively) at dentists and their teams. While trying to decide how important accessibility ...
3
votes
1answer
260 views

How to interpret wcag2.0 guidelines on contrast for buttons and icons

The accessibility guidelines from the W3C offer neat and usable guidelines for creating text that is readable for everyone. There are a number of very useful tools for checking contrast levels, so ...
3
votes
1answer
245 views

What is the proper WAI ARIA role naming convention for shopping cart?

Designing an e-commerce website that is accessible, what would be the proper WAI ARIA role-attribute for the "shopping cart" section of the page? I understand the current available document landmark ...
3
votes
4answers
524 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
115 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 ...
3
votes
3answers
195 views

Please recommend a widget to alter ratios totalling 100% [duplicate]

Possible Duplicate: How to build a budgeting interface (sum of items must equal 100)? I need the user to be able to change the ratios of items adding up to 100%. Essentially, I'm talking ...
3
votes
2answers
111 views

Advise strategy for partially translated webpage

I am working on a site and some but not all of the content is being translated into French. The content that is being translated is the long description and summaries of the content items (which are ...
2
votes
5answers
1k views

Is it better to rasterize text into a header image or overlay it as text?

If you want to have a fixed header on a web page that also includes text, is it better to make that text part of the image, or to overlay the text in the header frame (such that the text is ...
2
votes
5answers
170 views

Should a website directed towards programmers and code enthusiasts require IE8 (and earlier) support?

Very simple question: Should a website directed towards programmers and code enthusiasts require IE8 (and earlier) support? To elaborate (on why to ask such a question), I assume most experienced web ...
2
votes
6answers
853 views

Dark labels or light labels

Just wondering what your opinions are on html forms. Is it better to have a light coloured label and a dark coloured value or the other way round, a dark label with a light value? What are the ...
2
votes
3answers
127 views

Where should the subtitle setting be in video games?

I was recently playing Dead Space 3 and was trying to turn on the subtitles. I found them to be in the Audio sub-menu. In other games, it can be in the Game or Video sub-menus. As subtitles are ...
2
votes
3answers
222 views

User interface for a text to speech function [closed]

I want to present to user with a "text to speech" function (similar to the google translate "listen" button). I am thinking of a button showing a human face talking. Here is a self-made draft (yes ...
2
votes
3answers
65 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 ...
2
votes
3answers
457 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 ...
2
votes
3answers
442 views

Which one has more career opportunities: web usability or web accessibility?

I'm wondering which one will be more valuable and have more career opportunities. Web usability or web accessibility. Please show statistics or any valid information if possible.
2
votes
1answer
80 views

html element for exemplary content

What would be an appropriate html element to use for a block exemplary content in an article, which illustrates the more abstract rules described earlier? For semantic / accessibility reasons I want ...
2
votes
4answers
201 views

Positioning Enter/Backspace Keys on a Numpad

I'm currently designing a custom numpad for an app but am somewhat uncertain of positioning between the backspace and return button. Taking into consideration user behavior and overall accessibility, ...
2
votes
1answer
37 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
77 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
3answers
177 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. ...
2
votes
2answers
248 views

Is it “unsafe” to rely only on placeholders (input fields)? [duplicate]

I've noticed that in many sites, the text within input fields are always either label tags and span tags. Twitter's example: (in this case, the labels seem to be inside the input field). I never ...
2
votes
2answers
2k views

using iframe in modal window good or bad?

I am working on a flow that as part of it can ask the user to select an address but if the address is not in the system i am using a modal window to allow them add one so not to move them away from ...
2
votes
1answer
185 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
314 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 ...
2
votes
1answer
672 views

Changing the behavior of the arrow keys with JavaScript

In the context of a widget on a website, what is the preferred way of changing the behavior of the arrow keys with JavaScript? The user can't scroll with the arrow keys and can use the arrow keys in ...
2
votes
1answer
78 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 ...
2
votes
1answer
240 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 ...
2
votes
1answer
43 views

How to do a Accessiblity Evaluation for a software tool ? Need good sources to find out more

I have been assigned to do an Accessibility evaluation of a software tool based on section 508 ( Amendment to the Rehabilitation Act). Can anybody provide any good sources where I can find out more ...
2
votes
4answers
214 views

Which alternative text (alt) for static maps?

If screenreader users visit a contact page (on a company website) that contains a static map as image, what should be read to them? So: Which alternative text (content of the HTML alt attribute) ...
2
votes
3answers
999 views

WCAG vs 508 - which one to use?

Are there any statistics if companies prefer 508 compliance vs WCAG guidelines? What have you guys used during your projects? I saw WCAG guidelines and seems like it is more exhaustive but wasn't sure ...
2
votes
1answer
32 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
2answers
50 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 ...
2
votes
1answer
32 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);" ...
2
votes
1answer
119 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 ...
2
votes
2answers
123 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: ...
2
votes
1answer
153 views

Testing web site accessibility for blind

As a sighted person who does not know any blind people, how can I test that a web page will work reasonably on either screen reader or Braille terminal? There is various advice what to use and not ...
2
votes
1answer
109 views

Accesskeys for enterprise web apps / SaaS - worth it?

(Not sure what accesskeys are? Here is an ALA post about them) If you've ever implemented accesskeys on a web app, do you know if they got used (outside of accessibility concerns)? There seem to be ...
2
votes
0answers
215 views

Are “reset” buttons redundant? [duplicate]

Possible Duplicate: Is a cancel button necessary in a web form? Are form "reset" buttons redundant? If not, why not? Give me a case where they are completey accepted, useful and maybe even ...
1
vote
4answers
294 views

How to write info email on my website (Plain text or Image)?

Usually, info email will be provided in modern websites, either in contact page or on top of all pages, the issue here is spammer that can get the email (extract by regex or any other method), now, if ...
1
vote
4answers
283 views

Is this contrast readable?

On this oh-so-slowly-developing page, there is the column headed "Bid x Ask", which reflects the numbers of bids and offers on the stock option in the row: Are the numbers here readable? How can I ...
1
vote
1answer
61 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 ...
1
vote
2answers
105 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 ...
1
vote
1answer
449 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 ...
1
vote
3answers
206 views

Where is the best place to put example input for a form? [duplicate]

Possible Duplicate: Where should form instructions or hints be placed? Which of the following is the best place for the example (e.g. 12345) on long/short/busy/simple forms? (...and why?) ...
1
vote
3answers
219 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 ...
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 ...
1
vote
2answers
224 views

Accessibility (browse aloud) for websites

We've got a housing trust website that we work on regularly (www.citysouthmanchester.co.uk) that needs to conform, as it's not for profit, to various online accessibility indicators. We currently ...
1
vote
3answers
187 views

Do help icons in headings interfere with heading-based navigation?

If I have: <h2> Edit your details <a href="/help?topic=editDetails"> <img src="/images/helpIcon.gif" width="20" height="20" alt="Help about: Editing your ...
1
vote
1answer
23 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 ...