This post is the first in a two-part series about Accessibility and Information Architecture by Deque Director of Consulting Methodology & Quality, Glenda Sims… Information architecture (IA) is the blueprint for web design. The purpose of information architecture is to analyze, organize, and label information on websites so that real people (not involved with the design andContinueContinue reading “Website Accessibility For Information Architects – Part 1”
Category Archives: web
Accessibility: Playlist of 8 videos – YouTube
Playlist of 8 videos on different Accessibility topics by Thomas Bradley Curxated by (Lifekludger) Read full article at Youtube
Links and accessibility – AccessibilityOz
An extract of this article appears on Sitepoint called ‘Making Accessible Links: 15 Golden Rules for Developers‘. Introduction – Links. It’s a lot more than just avoiding “click here”. And, to my eternal shame, WCAG2 even allows “click here” as a valid technique for link text (see Example 1 in Technique G53). WCAG2 is all aboutContinueContinue reading “Links and accessibility – AccessibilityOz”
The Accessibility Tree: A Training Guide for Advanced Web Development
Brilliant resource. At the top level, the first concept to understand is the platform Accessibility API, which is an integral part of each Operating System. This is MSAA/UIA/IAccessible2 on Windows, AT-SPI/IAccessible2 on Linux, the OS X Accessibility Protocol on Mac and iOS, and so on.It may not be obvious, but these top level accessibility APIsContinueContinue reading “The Accessibility Tree: A Training Guide for Advanced Web Development”
Facebook taps artificial intelligence for users with disabilities
Calif. — Matt King, a software engineer who has been blind since college, came to Facebook last summer with a mission: to make websites and mobile apps friendlier for people like him with disabilities. King, 50, uses screen-reader software that turns Web pages and documents into synthesized speech. The challenge he confronts every day: As many as half of websites are nearly impossible forContinueContinue reading “Facebook taps artificial intelligence for users with disabilities”
Being a deaf developer
I’ve been deaf since infancy. It is not profound; my hearing loss is described as moderate to severe and is mostly problematic at higher frequency ranges, the range at which most human speech happens. I rely on lip-reading and identifying vowel patterns to understand spoken language. Particular struggles are:recognising consonants, especially sibilants and unvoiced consonantsContinueContinue reading “Being a deaf developer”
Resources for creating 508-compliant content – Web Accessibility Group
Our goal is to share and discuss strategies, techniques and resources for meeting Section 508 compliance as it pertains to websites and web-based content. WAG also endorses conformance with the Web Content Accessibility Guidelines (WCAG) 2.0 and provides accessibility training on both Section 508 and WCAG 2.0 Curated by (Lifekludger) Read full article at Source:ContinueContinue reading “Resources for creating 508-compliant content – Web Accessibility Group”
Make your single page apps work with screen readers | Web design | Creative Bloq
Single-page apps pose a significant accessibility challenge when it comes to communicating view changes. Without a page refresh, screen readers do not pick up these important UI changes, leaving vision-impaired users confused and unaware. curated by (Lifekludger) Read full article at Source: Make your single page apps work with screen readers | Web design |ContinueContinue reading “Make your single page apps work with screen readers | Web design | Creative Bloq”
Why Your Links Need a Hover Effect – UX Movement
Links contain text, but they should never look like text. When users read a web page, they need to be able to distinguish what’s clickable. If your links don’t have enough contrast, users could miss them.Color is Not Enough for the Colorblind Most sites make their links a different color from their text. But that’sContinueContinue reading “Why Your Links Need a Hover Effect – UX Movement”
15 Website Accessibility Tips That Increase Everyone’s Engagement | UX Magazine
Making your website compliant with WCAG and ADA benefits everyone, not just those with disabilities.Article No :1543 | December 17, 2015 | by Rashaud Brooks For over a decade, the U.S. Department of Justice (DOJ) has been advocating for standardized website development and content to increase the accessibility of the Internet for those withContinueContinue reading “15 Website Accessibility Tips That Increase Everyone’s Engagement | UX Magazine”
The web accessibility basics – Marco’s Accessibility Blog
I’ve been asked again and again over the years what the absolute basics of web accessibility are. And while I always thought that it is not so difficult to find resources about these basics, the recurrence of that question prompted me to finally write my own take on this topic. So here it is, myContinueContinue reading “The web accessibility basics – Marco’s Accessibility Blog”
The value of accessibility | Webdesigner Depot
… Are you ready to go down the accessibility rabbit hole with me? We will need to dive into to the technical aspects of web pages. HTML is the skeleton of a webpage while CSS, JavaScript and images enhance the HTML. Often times visually impaired people miss out on all these enhancements . Although accessibilityContinueContinue reading “The value of accessibility | Webdesigner Depot”
5 Things You Need to Know About Web Accessibility
JANUARY 8, 2016 This fall, the Department of Justice postponed its proceeding to adopt regulations on web accessibility for a few more years. The prolonged delay in those regulations has created a perfect storm for more litigation under the Americans with Disabilities Act (ADA). As a result, many companies should be adding web accessibility to theirContinueContinue reading “5 Things You Need to Know About Web Accessibility”
Free web accessibility tools round-up — bread crumbs — Medium
Free web accessibility tools round-up If you’re like me, you’re one of the web developers on your team tasked with taking something seemingly-boring – like a mortgage calculator – and making it: Look and work fantastically. Something like Google Docs meets Facebook meets Spotify meets Snapchat… SnapDocBookify? Yeah, make that. Meet the demands ofContinueContinue reading “Free web accessibility tools round-up — bread crumbs — Medium”
Accessibility is More Than Code: Takeaways from the Future of Web Design SF Conference 2015 — Medium
v long, v good… There were many talks that struck chords with me, but none so much as Jennison Asuncion’s talk about digital accessibility. I have to say sheepishly, that before this talk, digital accessibility was not something that I ever prioritized or even designed specifically for, nor has it been something a client hasContinueContinue reading “Accessibility is More Than Code: Takeaways from the Future of Web Design SF Conference 2015 — Medium”
Paul Adam Bookmarklets For Accessibility – Maxability
Paul J Adam the well known expert in the accessibility industry has published bookmarklets for testing the accessibility bugs on web pages. These bookmarklets are easy to use. All that you need is a web browser and internet connection to use them. Curated by (Lifekludger) Read full article at Source: Paul Adam Bookmarklets For AccessibilityContinueContinue reading “Paul Adam Bookmarklets For Accessibility – Maxability”
Making Accessibility Simpler, With Ally.js – Smashing Magazine
A long read but worth it. One of the first things you’ll learn when looking at ARIA is that supporting keyboard navigation is fundamental. And the first step to understanding keyboard navigation is to understand what focus is. And this is where I tripped, because nobody knew (in detail) which elements could receive focus andContinueContinue reading “Making Accessibility Simpler, With Ally.js – Smashing Magazine”
“Learn More” Links: You Can Do Better
Summary: The phrase ‘Learn More’ is increasingly used as a crutch for link labels. But the text has poor information scent and is bad for accessibility. With a little effort, transform this filler copy into descriptive labels that help users confidently predict what the next page will be. Some trends are subtler than others. MuchContinueContinue reading ““Learn More” Links: You Can Do Better”
Accesskey replacement proposal
Abstract This document proposes a replacement specification of the HTML accesskey attribute, to enable important use cases and solve important bugs. Status of This Document This document is merely a public working draft of a potential specification. It has no official standing of any kind and does not represent the support or consensus of anyContinueContinue reading “Accesskey replacement proposal”
Use Only One on a Page | Adrian Roselli
That’s it. That’s the meat of the post. The title covers it all. You don’t need to read any further. You are, of course, welcome to continue since I spent all this time writing it. Definition For those who aren’t familiar with , the element is intended to be a container for the primary contentContinueContinue reading “Use Only One on a Page | Adrian Roselli”
The designer’s guide to digital accessibility | Web design | Creative Bloq
How to create accessible designs that work across print and digital. The notion of accessibility may bring to mind ideas of screen readers and voice control, but it’s about much more. Some impairments, for example, often go unnoticed. Take colour blindness: one in 12 suffer from the condition, so a design that uses only colour toContinueContinue reading “The designer’s guide to digital accessibility | Web design | Creative Bloq”
Designing a landing page for color-blind people – Elokenz Blog
… One thing you should know about color-blind people, is that while most of them see blue they can’t distinguish green from red. So, having a blue logo is fine, while having a red or green logo is bad, because these colors are really different for color-blind people and they might be used by yourContinueContinue reading “Designing a landing page for color-blind people – Elokenz Blog”
Notes on Using ARIA in HTML
2.1 First rule of ARIA use If you can use a native HTML element [HTML51] or attribute with the semantics and behaviour you require already built in, instead of re-purposing an element and adding an ARIA role, state or property to make it accessible, then do so. … Curated by (Lifekludger) Read full article atContinueContinue reading “Notes on Using ARIA in HTML”
On Use of the Lang Attribute | Adrian Roselli
…WHATWG HTML bug (26942) where someone asked why do these examples of lack the lang attribute? I thought the answer from Hixie was a bit dismissive and not based on any data or real-world benefits of use, particularly in the context of screen readers: Why not? Realistically, few people include it. It just means theContinueContinue reading “On Use of the Lang Attribute | Adrian Roselli”
Designing with Contrast ◆ 24 ways
When an appetite for aesthetics over usability becomes the bellwether of user interface design, it’s time to reconsider who we’re designing for. Over the last few years, we have questioned the signifiers that gave obvious meaning to the function of interface elements. Strong textures, deep shadows, gradients — imitations of physical objects — were discarded.ContinueContinue reading “Designing with Contrast ◆ 24 ways”
