Tag Info

Hot answers tagged

13

You need to clearly communicate in a non visual sense the fact that the menu has sub menu items. When thinking about the problem like this it turns out that you aren't restricted to just output text as you can also use the text in the tags and attributes. For visually impaired users you should be thinking in text, not images (this is actually very good ...


13

Marco Zehe, Mozilla accessibility QA engineer and evangelist, provided some advice in an article about implementing tabs in web apps with WAI-ARIA. He advocates cursor keys for moving focus between tabs in a set and then spacebar to activate the focused tab, which is consistent with the native desktop experience. Left and Right arrow keys should move ...


5

There is an official aria-label attribute that seems to do what you're looking for. You would probably label the input field like this: <input name="q" aria-label="Search query"> I haven't been able to find out whether or not screen readers support it.


3

As you can see when you change theme on provided web site that url change with additional parameter colourscheme http://screenreader.net/index.php?colourscheme=blackonwhite and then analyze it on back end and put needed css file with all styles. Look more on image.


2

The website in question uses PHP query strings (http://screenreader.net/index.php?colourscheme=...) to determine what stylesheet to use. That is probably done with a bit of code like this: <link rel="stylesheet" type="text/css" href="<?php echo $_GET["colourscheme"].".css"; ?>" /> That is one solution you can use, but as you can see it's not ...


2

The relevant WCAG 2.0 guideline is 3.3.2 Labels or Instructions: Labels or instructions are provided when content requires user input. (Level A) A possible technique to achieve this is G167: Using an adjacent button to label the purpose of a field: When a button invokes a function on an input field, has a clear text label, and is rendered adjacent ...


1

Generally speaking, it is a bad thing to omit a label for the reasons you state. However, the search box is a slightly different edge case here. In general it is the first form on the page and screenreader users will often jump to the first button on the page (the 'search' button) and then shift+tab (or whatever shortcut key they use) to move over to the ...


1

You may find the following resources useful for assessing and managing the accessibility of your sites, in particular, the color contrast management aspect: 1) Programmatic contrast changing: http://stackoverflow.com/questions/21034791/color-contrast-customization-in-web-design; 2) Article with links to some tools: ...


1

I'm using high contrast because I spend a lot of my time on the computer using my eyes and by the end of the night they often feel very tired and sometimes they start to hurt a little and since I've switched to high contrast earlier today I've definitely felt a difference in my "eye strain" so my eyes definitely feel better after having spent so much time on ...



Only top voted, non community-wiki answers of a minimum length are eligible