accessibility

问题 I have a page that has 2 steps to register a user. After a user has filled out all fields of the first section, he needs to confirm the "Terms and Conditions" and press a button to confirm it. After he has pressed the button, first section is becomes readOnly and the second section (more fields to fill) appears at the bottom of the page and the page does a scrollTo this new section. I need to inform the screen reader that there is a new section on the same page but I don't know who can I do

问题 Question: Should I avoid using <br/> to break lines in favor of wrapping content in <p></p> ? When is it OK to use <br/> (if ever)? They both work fine in what I would call typical desktop browsers, but does one or the other work better with accessibility features and mobile devices? What is the current recommended best practice? (It seems to be a moving target.) For example, when doing stuff like this: Using <br/> to separate label from input <label for="txtUsername">Username</label><br/>

问题 I have a layout that looks like this. The view on the upper right (black background with white text) is a PopupWindow that is displayed on this view as follows: @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); btnShow = (Button) findViewById(R.id.btn_show); showToolTip(); } private void showToolTip() { final PopupWindow popupWindow = new PopupWindow(this); popupWindow.setHeight(ViewGroup.LayoutParams

问题 I am just beginning to learn about accessbility specifically in relation to JAWS - so newbie alert! I am looking to modify an old vb6 app which has a form with a 3 column flexgrid. There is a custom edit box which is overlaid on the form for editing in the right most column. On row change, ideally JAWS needs to read the contents of the 2 leftmost columns on that row. I am wondering how best to implement this? I have seen possible solutions of loading into a text file and shelling out to JAWS

问题 I'm making a game where a player reacts to sounds via motion - seeing as the visual element isn't needed to play it, and many play with their eyes closed, it seems a shame to not be fully VoiceOver compatible. I'm currently using Cocos2D-iPhone and CocosDenshion for audio, and am now starting to think about how I'll be building my menu system to choose levels and configure controls. Is it reasonably easy to support VoiceOver in Cocos2D's menu system, or should I look in to trying to create my

问题 I am working on making an overlay modal more accessible. It works essentially like this JSFiddle. When you open the modal, the focus doesn't properly go into the modal, and it continues to focus on other (hidden, background) items in the page. You can see in my JSFiddle demo that I have already used aria-controls , aria-owns , aria-haspopup and even aria-flowto . <button aria-controls="two" aria-owns="true" aria-haspopup="true" aria-flowto="two" onclick="toggleTwo();" > TOGGLE DIV #2 </button

问题 I have been making scripts for screen readers (e.g. JAWS) and often have to dig into its window hierarchy (MSAA, UIA etc). I usually use the old AccExplorer32 app, but it is not optimal (the hierarchy usually does not correspond to the one generated by screen readers, plus search in the tree is very limited). Is there a better app for browsing accessibility hierarchies? It should: have good search capabilities (ideally you could search all accessibility fields) generate windows trees as close

问题 What are cons to using deprecated elements if I don't care about validation and I use that DTD which supports them? Will deprecated elements will not be rendered by future browsers? Some online WYSIWYG editors (which we use in CMS) still give output in deprecated elements. Must I invest the time to change the output for a client? alt text http://easycaptures.com/fs/uploaded/241/3445655293.jpg Should we avoid deprecated elements at any cost? Currently all mainstream browsers show all

问题 Currently I am trying to write a script that will mirror the movements of one controller onto the other for users who only have 1 functioning arm. How do I mirror the position of the one controller onto the other that way the arms are in bilateral movement? Mirroring the y axis and z axis were easy since they move together and the rotation was easy to mirror. I am unable to mirror the x axis movement. I want it so that if the one hand moves out the other does the same, and they both move in

问题 I'm working on a design system that's extending from the Bootstrap framework. One of the key goals is accessibility. When implementing Bootstrap tabs I see that they apply role="presentation" to the list items in their nav list. So I put together a little chunk of test HTML from the Bootstrap template: <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">Profile</a></li> <li role="presentation"><a href="#">Messages</a><