accessibility

问题 I am facing a very straight forward problem with screen readers in IE9 or below. When the screen reader looks at an image tag, which has the src attribute, it reads the content of the src . Even if the alt attribute is present, it reads the contents inside the src . To be perfectly clear: this only happens in IE 9 or below Here is a very simple example of my code: <img src="http://placehold.it/100x100" alt="some image"/> I don't understand why this is happening. Any help on how to get around

问题 I have a question in HTML form and radioboxes as answers, like this: <span>What is your favorite fruit?</span> <input type="radio" name="favFruit" id="banana"><label for="banana">Banana</label> <input type="radio" name="favFruit" id="orange"><label for="orange">Orange</label> But I realised, that question is not connected with answers, which is probably bad for SEO, accessibility and and could be bad for future maintenance of application. So I added aria-describedby attribute: <span id=

问题 $(document).ready(function(){ $("#CO_createAccount").click( function (){ if(this.checked){ $(".CO_accountForm").show(); } else { $(".CO_accountForm").hide(); } }); }); and I have the css set for ".CO_accountForm" set to "display:none;" But, I want the hidden element to be visible if javascript is turned off. I assume I can do this by adding a hidden class the above, but how would I go about this? Thanks! 回答1: Remove the display:none attribute for the ".CO_accountForm" and instead hide/set the

问题 Let's say we have a classic form - a few input fields that must meet some pattern. When user enters incorrect data and submits this form all the fields that are filled wrong are marked as invalid and appropriate error message is provided for every incorrect field. I need to make this form WAI ARIA compliant, so that after form submission the accessibility tools will see these errors first. I've found solution that implements it by dynamic html modification using JS (http://jsfiddle.net/nS3TU

问题 aria-expanded="bool" is not support attribute that role="menuitem" . Please refer to W3C HTML Document. (https://www.w3.org/TR/html/) If use that, get markup error on Nu Html Checker . But when I create some menu widget I must use it. And W3C use the same way in the formula example: https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/examples/menubar/menubar-1/menubar-1.html https://www.w3.org/WAI/tutorials/menus/application-menus-code/ What is right and what is wrong? 回答1: As

问题 I am trying to launch the built-in calculator.app on my Mac(which means it is external to my application) within my application and force the calculator to stay frontmost permanently on screen. Here is my process. Firstly, I launch the calculator and place it frontmost temporarily. if ([[NSWorkspace sharedWorkspace] respondsToSelector:@selector(launchApplicationAtURL:options:configuration:error:)]) [[NSWorkspace sharedWorkspace] launchApplicationAtURL:[NSURL fileURLWithPath:@"/Applications

问题 I have a text based app where I want my users to make use of the 'Lines' rotor option when VoiceOver is enabled. However the option doesn't appear. The text in my app is laid out using cells in a tableview (the cells contain UILabels and other views). I'm afraid my implementation affects how the rotor is "seeing" my app, but I think it's unfortunate if it limits me from supporting the rotor fully. Is there any way I can make use of the 'Lines' option in the rotor? 回答1: I think you are looking

问题 I wrote my own custom control in WinForms. It's actually works like a TextBox, but have other methodes and extra properties that I wrote. I tried writing a very simple coded UI test for this control but faild. Every Time I select it with the Coded UI Test Builder it is shown as "Client" and not as a textbox. I cannot read or write to the text property of this control, or get or set other properties. Do you know how do I expose my custom control for testing, and getting and setting all of it

问题 Following up on a question asked here regarding contrast ratio requirements for WCAG AA, I'm trying to figure out the best solution for a conflict between WCAG guidelines and the corporate identity guidelines of the product I'm designing for. Throughout the product's UI, the brand's primary color is mostly applied for buttons. The combination of light text with the brand's primary color results with insufficient contrast ratio. For achieving sufficient contrast, I tried darkening the button

问题 I'm currently marking up some user alerts as follows <em>You are in danger of exceeding your <strong>40GB</strong> download limit</em> I've found other answers suggesting that, although valid html, this is not semantically valid. But is it really not OK to nest em/strong tags in all instances? The above example seems to me to be a perfectly reasonable use - to specifically emphasise a subsection of something that's already emphasised. But can screen readers interpret this as it's meant to be