accessibility

问题 how can I make this snippet accessible? <div tabindex="0"> Show More <ul> <li><a href="#">Hidden Content</a></li> <li><a href="#">Hidden Content</a></li> <li><a href="#">Hidden Content</a></li> </ul> </div> CSS: div > ul {display:none;} div:hover > ul, div:focus > ul {display:block;} I wonder if it is possible to make <ul> visible also with keyboard navigation while focusing its contents http://jsfiddle.net/pJs2U/ 回答1: Update 2015 (thanks, @JayMee): The current (2015-05-29) Editor’s Draft

问题 What's the best way to detect, with JS, if the user has disabled your stylesheets? Is there a reliable way even? 回答1: Something easy would be to check the body background color for instance. However, how likely is it someone disables CSS and not Javascript? (dunno what you use it for obviously) 回答2: How about asking them? <div style="display:none">This site relies on CSS, please go to our <a href="noncss.html">CSS free version of this site</a></div> 回答3: I would have a small, empty div sit on

问题 Phone numbers are typically all digits, ignoring parens, dashes, pluses, etc., so input fields for phone numbers are typically numeric. When a screen reader encounters a numeric input field, it'll read the value as a whole number. For example, if I had three input fields for a US phone number, with the first being the area code (3 digits), then the exchange (3 digits), then the line (4 digits), if the fields have 123, 456, 7890 (respectively), the way we'd normally say that number is "one two

问题 So I have the following function. What it does is listens for the focus event on all elements. If that element is either in $mobileMenu or $menuItems it permits it otherwise it removes the focus: var $body = $("body"); var $mobileMenu = $("#mobile-menu"); var $menuItems = $("#main-menu a"); $body.on("focus.spf", "*", function(e){ e.stopPropagation(); $this = $(this); // Prevent items from recieving focus and switching view if (!$this.is($mobileMenu) && !$this.is($menuItems)) { $this.blur(); }

问题 I have an error : Links do not have a discernible name Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn more. I tried to include an aria-label but it doesn't work. This makes an error: <a href="https://...../demo/index.php/Products/Description/Apple-Cinema-27/products_id-1" c="Apple Cinema 27"> <img src="images/products/130_61ajN-dgGxL._SL1000_.jpg" alt="Apple Cinema 27"

问题 I am trying to create an accessible PDF using Seam and their iText implementation. I cannot find any references to whether or not this is possible. It seems that iText itself can handle it; the PDF on this example is tagged. But all of the PDFs that we create aren't and I can't seem to figure out how to add it. Here's some sample code from one of our documents: <?xml version="1.0" encoding="UTF-8"?> <p:document xmlns:p="http://jboss.com/products/seam/pdf" xmlns:ui="http://java.sun.com/jsf

问题 I'm trying to implement accessibility feature in my app. I'm confused about how it actually works. I've a simple imageView in different package from where I send events as: public final void onClick(final android.view.View v) { android.util.Log.v(CLASSNAME,"onClick tag:"+v.getTag()); v.sendAccessibilityEvent(android.view.accessibility.AccessibilityEvent.TYPE_VIEW_CLICKED); I've implmented Accessibility class as follows: import android.content.Context; public final class Accessibility extends

问题 Here is a requirement that we received, can we increase the size Struts2-jQuery Grid /jQGrid 'Toolbar Icons' ? like Save/Delete/Find/Add etc ? Our users would need visual accessibility in this regard. Is there any solution apart from setting the zoom size of the browser ? Update (How we fixed it): Step 1: Downloaded a 32px icon sprite grid Step 2: Placed this sprite grid image in the webapp\template\mytheme\images folder Step 3: Updated the jquery-ui.css file (which was generated for our

问题 I have an application that contains custom WPF Windows that are used to show a popup similar to the Win32 MessageBox. As part of the requirements the application must be accessible through Screen Readers, and specifically JAWS. I have had problems getting the screen reader to read out the text in the dialog, but it will read the values in the buttons ok. The code in the XAML is as follows <Window x:Class="UserControls.ModalDialog" xmlns="http://schemas.microsoft.com/winfx/2006/xaml

问题 I am working on an voice accessibility feature using talkback but when the voice over reads of the text from the text view, it reads the abbreviation/initialism as a word instead of individual characters. For example FBI should be F B I and not read out as a word. 回答1: Do not try to force a screen reader to read words or abbreviations a certain way. That can mess up the user experience for braille users. Screen readers have settings to control the verbosity and what to do with words that are