Short note on the accessibility of styled form controls 

Sticking with a native form control will almost always give your users a more accessible experience than trying to recreate one from scratch. Though the issue with native form controls is that they have an infamous reputation for being problematic to style. Outside of some of the HTML5 form controls, which have browser prefixed CSSContinue reading “Short note on the accessibility of styled form controls “

10 Ways to Improve Accessibility on Websites and Social Media -rtp

Here it is! 1. Use Semantic HTML.   … 2. Write Short Paragraphs and Short Sentences. … 3. Explain Acronyms and Abbreviations on First Use.   … 4. Add Alternative Text to Your Images.   … 6. Write Descriptive Text for Your Links.   … 7. Increase Color Contrast   … 8. Add Captions toContinue reading “10 Ways to Improve Accessibility on Websites and Social Media -rtp”

Everything You Need to Know About HTML5 Video Captioning

Everything You Need to Know About HTML5 Video Captioning With HTML5, video captioning is a whole lot easier.HTML is the markup language used to render almost every page on the web. HTML5 is the latest version, and it’s replete with incredibly useful features, including a universal video standard that lets developers add video to aContinue reading “Everything You Need to Know About HTML5 Video Captioning”

Color Contrast Crash Course for Interface Design

There are an estimated 285 million people in the world who are visually impaired. This number includes anyone from legally blind, to those with less than 20/20 vision. This short guide, written during the creation of the Contrast MacOS app, will help you achieve the accessibility standards outlined in the WCAG 2.0, specifically with foreground and background color when it comesContinue reading “Color Contrast Crash Course for Interface Design”

Functions to Add ARIA to Tables and Lists

… Generally when I write and present things, I provide techniques, ideas, examples, and experience to address issues. When I write copy-paste-ready code, with a few older exceptions, I write generic code not tied to a framework nor library. … I have, however, written a couple vanilla JavaScript functions that you can drop into yourContinue reading “Functions to Add ARIA to Tables and Lists”

VoiceOver and list-style-type: none – Unfettered Thoughts

A bug that keeps hitting me at work is VoiceOver not announcing unordered lists properly when either the list-style-type is set to none or display is set to inline. The expected behavior is that the unordered list is announced with a role of list along with the number of items, for example “list 4 items.”Continue reading “VoiceOver and list-style-type: none – Unfettered Thoughts”

Should developers work around assistive technology bugs?

… I was surprised at how little people were aware of this bug. I wondered if people were really testing their work with Safari and VoiceOver. Perhaps nobody thinks this is as big a deal as I thought? The biggest surprise though was the negative feedback over my solution. I got a lot of feedbackContinue reading “Should developers work around assistive technology bugs?”

WICG/focus-visible: Polyfill for `:focus-visible`

Based on the proposed CSS :focus-visible pseudo-selector, this prototype adds a focus-visible class to the focused element, in situations in which the :focus-visible pseudo-selector should match. … Curated by (Lifekludger) Read full article at Source: GitHub – WICG/focus-visible: Polyfill for `:focus-visible`

What’s New In DevTools (Chrome 65)  | Google Developers

New features coming to DevTools in Chrome 65 include: Local Overrides New accessibility tools The Changes tab New SEO and performance audits Multiple recordings in the Performance panel Reliable code stepping with workers and asynchronous code Read on, or watch the video version of these release notes, below. Note: Check what version of Chrome you’re running at chrome://version. If you’re runningContinue reading “What’s New In DevTools (Chrome 65)  | Google Developers”

WCAG 2.1: What is Next for Accessibility Guidelines

Are you staying on top of your digital accessibility game? Don’t be caught by surprise that a new version of W3C’s Web Content Accessibility Guidelines (WCAG) is on the horizon. In fact, The next “minor” version of WCAG is a proposed recommendation right now! The W3C has researched user needs and written WCAG 2.1 successContinue reading “WCAG 2.1: What is Next for Accessibility Guidelines”