Questions tagged [accessibility]

Accessibility seeks to make an application or website usable by everyone, including people with disabilities such as visual, auditory, ambulatory, or cognitive impairment. *This tag should NOT be used for:* programming that requires "accessing" a process in multiple threads, a object in a class, a resource on a network, etc. or responsive design, which deals with serving content to a wide range of devices, unless there are also accessibility concerns.

Accessibility seeks to make an application or website usable by everyone, including people with disabilities such as visual, auditory, mobility or cognitive impairment. For example, usage of alt="description" text for graphic images on the web can help users with low-functioning vision.

Accessible design for the Internet is formally guided by the Web Content Accessibility Guidelines (WCAG), the Authoring Tool Accessibility Guidelines (ATAG) and the Web Accessibility Initiative's Accessible Rich Internet Applications standard (WAI-ARIA).

Accessible design may be required by law, notably Section 508 of the Rehabilitation Act of 1973 (USA) and the European Accessibility Act (Europe).

Other helpful resources are found at WebAIM.org.

Stand-alone software is made accessible by thoughtful design and APIs such as Microsoft UI Automation for Windows.

This tag should not be used for:

  • programming that requires "accessing" a process in multiple threads, a object in a class, a resource on a network, etc.
  • , which deals with serving content to a wide range of devices. (This can be closely related at times, but is generally a separate topic.)
7805 questions
685
votes
24 answers

How can you program if you're blind?

Sight is one of the senses most programmers take for granted. Most programmers would spend hours looking at a computer monitor (especially during times when they are in the zone), but I know there are blind programmers (such as T.V. Raman who…
MrValdez
  • 8,515
  • 10
  • 56
  • 79
490
votes
7 answers

What is aria-label and how should I use it?

A few hours ago I read about the aria-label attribute, which: Defines a string value that labels the current element. But in my opinion this is what the title attribute was supposed to do. I looked further in the Mozilla Developer Network to get…
Salvador Dali
  • 214,103
  • 147
  • 703
  • 753
320
votes
10 answers

input type="submit" Vs button tag are they interchangeable?

input type="submit" and button tag are they interchangeable? or if there is any difference then When to use input type="submit" and when button ? And if there is no difference then why we have 2 tags for same purpose?
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
245
votes
9 answers

'Missing contentDescription attribute on image' in XML

I get an warning about [Accessibility]Missing contentDescription attribute on image in eclipse. This warning show at line 5 (declare ImageView) in XML code below. This not make any error when build and run my application. But I really want to know…
PhatHV
  • 8,010
  • 6
  • 31
  • 40
204
votes
13 answers

Simulating tremor (from e.g. Parkinson's Disease) with the mouse on a webpage?

I'm working for a foundation that raises awareness for accessibility in the internet. For a presentation, we want to offer a small workshop that simulates different disabilities/impairments to people. This is done via a website created especially…
Joshua Muheim
  • 12,617
  • 9
  • 76
  • 152
203
votes
6 answers

How to allow keyboard focus of links in Firefox?

Go to this ultra-simple fiddle in a Webkit browser and click on on of the inputs: http://jsfiddle.net/eK4TT/ my first link my second link my…
Ben
  • 11,082
  • 8
  • 33
  • 47
197
votes
1 answer

Can someone explain the HTML5 aria-* attribute?

I wanted to know what the aria-* attributes are used for. What values can they have, and are they defined values or can I create my own values?
soflow
  • 1,987
  • 2
  • 12
  • 3
182
votes
5 answers

Default html form focus without JavaScript

Is it possible to set the default input focus on an HTML form without using JavaScript, for example:
Input 1:
Input 2:
I…
Adam Jenkin
  • 4,142
  • 6
  • 25
  • 31
154
votes
2 answers

Google Chrome accessible tree cache issue with UI Automation

Google Chrome does not refresh accessibility elements (AutomationElement) when a user scrolls down in the browser. To reproduce it: Enable renderer accessibility with : "chrome --force-render-accessibility" or by setting on Global Accessibility…
Perfect28
  • 11,089
  • 3
  • 25
  • 45
127
votes
12 answers

HTML img tag: title attribute vs. alt attribute?

I was browsing Amazon and I noticed that when searching "1TB" if you hover the mouse cursor over the stars rating image, you only see the score if using IE. If you are using another browser then the score won't show. A rating of 3.8 and a rating…
nonopolarity
  • 146,324
  • 131
  • 460
  • 740
104
votes
7 answers

Safari ignoring tabindex

I have 2 buttons next to a textbox and another textbox after the 2 buttons. The tabindex for the first textbox is 1000, the first button is 1001 and the second button is 1002. The second textbox has a tabindex of 1003. When I press tab, the…
DLS
  • 5,313
  • 8
  • 37
  • 50
98
votes
7 answers

Accessibility: recommended alt-text convention for SVG and MathML?

Overview HTML5 now allows and markup with an HTML document without depending on external namespaces (decent overview here). Both have their own alt-attribute analogs (see below) which are effectively ignored by today's screen-reader…
Courtney Christensen
  • 9,165
  • 5
  • 47
  • 56
86
votes
9 answers

How to find good looking font color if background color is known?

There seem to be so many color wheel, color picker, and color matcher web apps out there, where you give one color and the they'll find a couple of other colors that will create a harmonic layout when being used in combination. However most of them…
Mecki
  • 125,244
  • 33
  • 244
  • 253
86
votes
2 answers

The purpose of using "aria-labelledby" on already labeled input elements?

Many ARIA demonstration websites use code such as: But what's the purpose of using aria-labelledby attribute in this case? The input…
Ian Y.
  • 2,293
  • 6
  • 39
  • 55
79
votes
5 answers

Can I dynamically set tabindex in JavaScript?

Is there any attribute like tab-index? CONTEXT : I'm making a section in a web form visible or invisible depending on some condition where I want to set the tab-index manually when that particular section is visible.
RVK
  • 935
  • 1
  • 12
  • 18
1
2 3
99 100