Skip to main content

Home/ Web Accessibility/ Group items tagged blogs

Rss Feed Group items tagged

Sandra Earl

E-Access Bulletin Live » Blog Archive » Disability Redefined As E-Learning 'M... - 0 views

  • An attempt to redefine or reframe the term ‘disability’, in the context of online learning as a mismatch between a learner’s needs and the education process delivered, is enshrined in a new international e-learning standard.
  • The standard says it views disability as “a consequence of a mismatch between the learner’s needs (or preferences) and the education or learning experience delivered. “For example, an individual who is blind is not disabled when the lesson is delivered in audio. However, an individual who does not have the necessary background knowledge to understand the lesson, or who is listening to the lesson in a noisy environment, is disabled. “Thus, the needs and preferences of a user may arise from the user’s context or environment, the technical requirements of the user’s device, the tools available (e.g. assistive technologies such as Braille devices, voice recognition systems, alternative keyboards, etc.), the user’s background, or a disability in the traditional sense. “Given this reframing of the meaning of “disability”, a learning environment is deemed as “accessible” when learner needs can be addressed or matched.”
Sandra Earl

zomigi.com » Why browser zoom shouldn't kill flexible layouts - 0 views

  • Liquid layouts get rid of the dreaded horizontal scrollbar
  • Liquid layouts allow you to make full use of the area available in the viewport, showing more or less content, depending on what will fit at any given moment.
  • Liquid layouts essentially allow users to choose the line length, or number of text characters per line of text, that is most comfortable for them to read.
  • ...1 more annotation...
  • If you have images that you think the user will want to get a closer look at, you can choose to scale only these images using easy CSS tricks. You can set up your images and CSS in such a way that the images will have little distortion or blurriness when scaled dynamically by the browser. The other images can all remain a constant size, so that they don’t get in the way of users with very large text and contribute to horizontal scrollbars, float drops, or other nasty things that can happen when you put huge images into web pages. And of couse, if a user does want to scale one of the non-scalable images, they can always use the browser zoom function as a backup method.
Vernon Fowler

Customise radio buttons without compromising accessibility - 0 views

  • go with option 3, a good ole’ opacity: 0 coupled with a position: absolute. Hidden but still focusable, well-supported across browsers. Just what we’re looking for.
  • opacity: 0
  • the label has to come after the input element in the source order
  • ...1 more annotation...
  • sad state of affairs when it comes to browser support for clip-path.
  •  
    "Customised radio buttons and checkboxes are a common design pattern found on the web, and it doesn't take too much to ensure that your beautifully designed toggles are still navigable via keyboard."
Vernon Fowler

Inclusively Hidden | scottohara.me - 0 views

  • 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
  •  
    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?
« First ‹ Previous 61 - 80 of 86 Next ›
Showing 20 items per page