Skip to main content

Home/ Web Accessibility/ Group items tagged screenreaders

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

html5-boilerplate/css/main.css at master · h5bp/html5-boilerplate · GitHub - 0 views

github.com/...main.css

css html5 boilerplate screen reader reading usability webdesign accessibility

shared by Vernon Fowler on 07 Oct 12 - No Cached
  • /* * Hide from both screenreaders and browsers: h5bp.com/u */.hidden {    display: none !important;    visibility: hidden;}/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}/* * Hide visually and from screenreaders, but maintain layout */.invisible {    visibility: hidden;}
Vernon Fowler

Screenreaders · Bootstrap - 0 views

getbootstrap.com/...screenreaders

accessibility webdesign

shared by Vernon Fowler on 16 Sep 18 - No Cached
  • Hide an element to all devices except screen readers with .sr-only.
  • Combine .sr-only with .sr-only-focusable to show the element again when it’s focused (e.g. by a keyboard-only user).
Sandra Earl

Introduction to screen readers and screen magnifiers | 456 Berea Street - 0 views

www.456bereastreet.com/..._readers_and_screen_magnifiers

accessibility screen reader general resources FUSION09

shared by Sandra Earl on 12 Oct 10 - Cached
  • And that leads me to three great videos posted on the Yahoo! User Interface Blog: In Introduction to Screen Readers, Yahoo! engineer Victor Tsaran talks about who will be likely to use a screen reader, how screen readers work, and how they can be used to interact with the computer desktop and to browse web sites. In Introduction to Screen Magnifiers, Karo Caran shows how the screen magnifier ZoomText is used to make the computer desktop and web sites readable to people with reduced vision. And finally, in From the Mouth of a Screenreader, Doug Geoffray from GW Micro (Window-Eyes vendor) talks about the history of screen reading software and how they analyse what is displayed on the screen in order to speak it to the user.
Vernon Fowler

HTML5 accessibility - 0 views

www.html5accessibility.com

accessibility html5 browser development resources screenreaders web webstandards for:@twitter reference

shared by Vernon Fowler on 24 Nov 12 - No Cached
  • Vernon Fowler on 24 Nov 12
     
    This site is a resource to provide information about which HTML5 user interface features are accessibility supported in browsers, making them usable by people who rely upon assistive technology (AT) to use the web.
Vernon Fowler

html - What is sr-only in Bootstrap 3? - Stack Overflow - 0 views

stackoverflow.com/...what-is-sr-only-in-bootstrap-3

accessibility screenreaders webdesign

shared by Vernon Fowler on 28 Feb 14 - No Cached
  • .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
Vernon Fowler

NV Access - 0 views

www.nvaccess.org

testing tool accessibility NVDA software screenreader screen reader free

shared by Vernon Fowler on 16 Mar 14 - No Cached
  • Vernon Fowler on 16 Mar 14
     
    "NVDA (NonVisual Desktop Access) is a free "screen reader" which enables blind and vision impaired people to use computers. It reads the text on the screen in a computerised voice. You can control what is read to you by moving the cursor to the relevant area of text with a mouse or the arrows on your keyboard."
Vernon Fowler

Tools | Joseph Karr O'Connor - 0 views

accessiblejoe.com/tools

accessibility tools testing screenreaders

shared by Vernon Fowler on 26 Nov 13 - No Cached
  • go with Jim Thatcher’s Favelets if you’re just starting out and can only afford one
  • While the WAVE Toolbar is comprehensive, the Favelets provide a more approachable environment for newcomers.
  • the toolbar can check intranet, password-protected, dynamically generated, or sensitive web pages
Sandra Earl

BBC Internet Blog - 0 views

www.bbc.co.uk/...free_range_widgets.html

adobe air accessibility online help

shared by Sandra Earl on 12 Oct 10 - Cached
  • We considered a few approaches, but decided to grow our new widget out of Adobe Flex and Adobe AIR. This is firstly because these tools met our requirements to work cross-platform and deliver the desktop experience we wanted, and also because they linked up with in-house skills in the team which manages them, making them simpler to manage.
  • BBC Future Media & Technology's pilot widget application BBC LiveUpdate uses the Adobe AIR runtime, which is dependent on users downloading and installing a plugin to their desktop, but which unfortunately does not currently support screenreaders (or other software which relies on the Microsoft Active Accessibility layer for assistive technologies). We're working with Adobe to make tools built with AIR more accessible than current products wherever possible and are committed to delivering accessible services. As this is a beta product, there are also other limitations in how much we have been able to establish accessibility support in the following areas:Colour contrast cannot be alteredText size cannot be alteredLacks consistent alt textLacks Title attributesIs not entirely tabbable.
Sandra Earl

YUI Theater - Victor Tsaran: "Introduction to Screen Readers" » Yahoo! User I... - 0 views

yuiblog.com/...video-intro-to-screenreaders

accessibility screen reader general multimedia FUSION09

shared by Sandra Earl on 12 Oct 10 - Cached
  • YUI Theater’s newest video is a 27 minute Introduction to Screen Readers by Victor Tsaran, an engineer here at Yahoo! and our Program Manager for Accessibility.
Sandra Earl

YUI Theater - Doug Geoffray: "From the Mouth of a Screenreader" » Yahoo! User... - 0 views

yuiblog.com/...video-geoffray

accessibility screen reader general multimedia FUSION09

shared by Sandra Earl on 12 Oct 10 - Cached
  • he context is important for us on the frontend as we begin to confront the same challenges that desktop software developers have been addressing for many years.
  • Doug been a touchstone for us at YUI in the research and development of our Menu Control, a project that is helping us to lay a foundation for what is possible in terms of DHTML accessibility as YUI evolves.
Vernon Fowler

Inclusively Hidden | scottohara.me - 0 views

www.scottohara.me/...inclusively-hidden.html

accessibility inclusivedesign screenreaders

shared by Vernon Fowler on 02 Oct 18 - No Cached
  • sometimes content is for decorative purposes only, and it would be optimal to not announce this content to assistive technology.
  • don’t use aria-hidden on focusable content
  • Purposefully Hidden from Assistive Technology
  • ...1 more annotation...
  • using aria-hidden to hide content specifically from screen readers
  • Vernon Fowler on 02 Oct 18
     
    There are various techniques to visually hide content in our web interfaces, but are you aware of the different effects they have on the accessibility of that content? While it would be nice if there was a single, native, solution for hiding content, there are contextual benefits to the various techniques at our disposal. Since there have been many articles already written about these techniques, over the many years they've been in use, the focus of this article will be to highlight the ones that are most appropriate for modern web development. We won't just look at the code behind each of these techniques, instead we'll focus on why each technique has its place, using practical examples to demonstrate their purposes. But before we talk about how to hide content we should ask ourselves a question… Why are we hiding content?
Vernon Fowler

How do you figure? | scottohara.me - 0 views

www.scottohara.me/...how-do-you-figure.html

HTML5 markup accessibility screenreaders

shared by Vernon Fowler on 30 Jan 19 - No Cached
  • Vernon Fowler on 30 Jan 19
     
    A figure can be used with or without a figcaption. However, without a caption, or an alternate means of providing an accessible name (e.g. aria-label) a figure may not provide much value in conveying its semantics alone. In some cases, it may not convey any semantics at all if its given no accessible name.
1 - 20 of 22 Next ›
Showing 20▼ items per page