Hot answers tagged

7

I cannot answer #2, but I can take a stab at #1 with some explanation. Background The Web Content Accessibility Guidelines (WCAG) 2.0 (the basis for Section 508 in the US, some international regulations, and the ADA guidelines that the DoJ has used in recent lawsuits) have some guidelines on this. Success Criterion (SC) 1.4.1: Use of Color: Color is ...


4

Tab is for switching between elements, not selecting different items within the same element. I think this is why the problem arises. Your element is similar to a drop-down list. Typically tab would allow you to select that list, but not iterate through the items in the list. Using the same key for both selecting and iterating through a control results ...


4

I have no idea what your tool is unhappy about but there are no accessibility issues with drop-down fields containing 31 items, even when you use the value attribute. I suspect you are misunderstanding one of the WCAG2.0 requirements, e.g. Technique H85 for Success Criterion 1.3.1 (Info and Relationships) https://www.w3.org/TR/WCAG20-TECHS/H85.html As you ...


4

Stop using "user-scalable=no". Period. In the last 6 years, I cannot count the times that I've had to put away the iPhone and go to a desktop computer to examine something on a website because it simply wasn't visible and there was no way to increase its size because of this particular meta-tag. This is far and away the most useless tag. I wish it had ...


2

There are many ways to address this, essentially the aim is to differentiate links from other text on a site. While an underline is the default way that browsers make this apparent, you could use a high contrast color difference, a 'highlight' effect, a custom bottom border, or a link icon. I think the best approach to this is to think of your aim and why ...


2

role="alert" should be all you need (it has an inherent live region behaviour) although I suspect best practice is to also include aria-live="polite" to ensure the widest possible support.


1

Your sentence could be improved by replacing the "input device" bit. This is not user's language so try to use more familiar and less formal words, like "try to gesture with your finger or move your mouse to draw". Of course this is not the optimal sentence and it can be improved. What else you can do is detect users device, whether it is mobile or desktop ...



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