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
5answers
516 views

What are the most common UIs/Components? What are their Strengths/Weaknesses? How to improve? [closed]

Hm, I am fininding myself wishing that we had communitywiki After seeing this question: What is the most common user interface in the world? I thought it would be educational to not limit the ...
3
votes
1answer
141 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 ...
3
votes
2answers
186 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 ...
3
votes
1answer
66 views

Accessibility - Keyboard Focus order - tab directly to form or tab through all elements?

Background info: I'm performing an Accessibility Audit as per the new AODA law in Ontario: http://www.e-laws.gov.on.ca/html/source/regs/english/2011/elaws_src_regs_r11191_e.htm#BK15 It follows the ...
3
votes
2answers
149 views

Get results over time without JavaScript

I need to build a table which is populated over time. The same behaviour you have on flight comparison websites like skyscanner where the flights appear progressively in the page. I also need to ...
3
votes
1answer
828 views

what youtube embed is more accessible for users w/ screenreaders/only keyboards

I notice that Youtube now likes to embed videos using an Iframe, but will still allow the old object method. I'm just curious which method would be best for people using the site in an unconventional ...
3
votes
3answers
76 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 ...
3
votes
2answers
91 views

Placing a donation – modal or a separate screen?

I am currently working on improving a donation task flow which is similar to the ones of the major crowd-sourcing platforms, however, there are no donation tiers involved, just dollar amounts. As ...
3
votes
1answer
65 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
112 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
182 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
2answers
883 views

Does the Foundation framework comply with Section 508 and other accessibility standards?

I'm considering using the Foundation framework for a responsive design for two of my current projects, but I would like to know this: is Foundation designed to adhere to accessibility standards? If ...
3
votes
2answers
212 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 ...
3
votes
3answers
142 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
105 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 ...
3
votes
1answer
72 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 ...
3
votes
1answer
175 views

Dyslexia friendly colors for wider audience?

I have met few dyslexic people and asked them about their reading style. Some of them said that typing on black key board with white writing is easier for them, it helps them identify the shape of ...
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
145 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
841 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
99 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
205 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
85 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
346 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
79 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
139 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
2answers
207 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
578 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
31 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
3answers
662 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
79 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
137 views

Colour stripes in chart

I've been given a very limited colour palette to work with for a number of charts. Because the palette is limited, it's been suggested that using the same colours but with patterns such as stripes ...
2
votes
1answer
146 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 ...
2
votes
4answers
131 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
1answer
92 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
1answer
42 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 ...
2
votes
0answers
208 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
273 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
267 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
3answers
184 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
2answers
88 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
171 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
2answers
54 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 ...
1
vote
2answers
128 views

Is there a demand for web accessibility experts? [closed]

I'm wondering about web accessibility if it has a demand in big corporates as a job?
1
vote
1answer
473 views

ideas on instant messenger implementation on a website

Im looking for a discussions, feedback and ideas on implementing a custom instant messenger implementation in my webapp. I have tried some ideas but they all lack and I dont feel like "ok this feels ...
1
vote
1answer
27 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 ...
1
vote
1answer
192 views

Are overlays / modal alerts that display on site load accessible?

Some websites welcome you with a Cookie Disclaimer or to Join their Social Page. You'll find a big modal window, mostly in center overlay rest of the site. (as an example: http://www.lynda.com/) ...
1
vote
2answers
84 views

From an accessibility perspective, is it alright to use blue text for headings?

Since most people associate blue words/phrases on a webpage with hyperlinks, I know it's a bad idea to use blue text to provide emphasis on a word or phrase within a paragraph. However, does the same ...
1
vote
1answer
52 views

Changing voiceover readout to omit '…'

Ellipses '...' defined as marks or a mark indicating an omission of words or a pause is commonly used as a visual cue to indicate incompleteness. E.g. 'Loading ...' When voiceover is turned on on ...