Live Captions for everything on MS Windows 11

Microsoft Live Captions A chance typo (Win/Ctrl/L) brought t my attention that Microsoft (MS) actually provides a lot of captions at a system level that will in real time like captains of any audio played. It even will transcribe buit-in access features like Narrator and Read Aloud. I often use closed captions on youtube, howeverContinueContinue reading “Live Captions for everything on MS Windows 11”

Tip: How to Convert Image Text to Text

…to convert a text image to text: 1. Upload the text image to Google Drive2. Once the file is uploaded, use the contextual menu (right-click or two fingers on touchpad)3. Select “Open with Google Docs”4. A new Google Docs file is created, with the image at the top of a new Google Docs file. TheContinueContinue reading “Tip: How to Convert Image Text to Text”

Operating System and Browser Accessibility Display Modes – The A11Y Project

Most computers, laptops, tablets, smartphones, and web browsers have specialized tools to help people read and take action on the content they display. Some of these tools are display modes, which are pre-defined display configurations you can tell your device to use. Five such modes are Dark Mode, Increased Contrast Mode, Inverted Colors Mode, ReducedContinueContinue reading “Operating System and Browser Accessibility Display Modes – The A11Y Project”

Apple’s Voice Control in iOS13 is the real deal

A friend on Twitter asked my impressions on Voice Control. That prompted me to finally install iOS13 and give it a go. I am very enthused by the result. Voice Control acts just like most Apple products do – they do what they say and they show thought and attention to detail. It’s a gameContinueContinue reading “Apple’s Voice Control in iOS13 is the real deal”

Making Audio and Video Media Accessible

via: Web AccessibilityInitiativeSummary Accessible audio and video is essential for people with disabilities, and benefits organizations. Depending on the content of your media, it might need captions/subtitles (a text version of the audio that is shown synchronized in the media player), a transcript (a separate text version of the audio), audio description of visual information (usually an additional audio stream thatContinueContinue reading “Making Audio and Video Media Accessible”

Hear a sound after saying “Ok Google” on Google Home device

When Google Home hears the hotword (“OK Google” or “Hey Google”), it records what you say and sends the recording to Google to fulfill your request. To hear a brief sound at the start and/or end of your request: Make sure your mobile device or tablet is connected to the same Wi-Fi as your Google HomeContinueContinue reading “Hear a sound after saying “Ok Google” on Google Home device”

CSS Lists, Markers, And Counters

There is more to styling lists in CSS than you might think. In this article, Rachel starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification — markers and counters.   Lists in CSS have particular properties which give us the standard list styling we expect.ContinueContinue reading “CSS Lists, Markers, And Counters”

Do your web pages pass these 10 quality tests?

How do you know if your web content is great? Check your pages against these 10 golden tests for quality web content. If your web team needs a set of principles to guide decisions on what content can go on your site, we recommend this checklist as your starting point. 1. The 3-second test CanContinueContinue reading “Do your web pages pass these 10 quality tests?”

Teach Access Portal

“The Teach Access initiative has launched a set of best practices for the disciplines responsible for making mobile apps and websites accessible. This tutorial will provide basic training for developers and designers, with more disciplines to come. If you are new to accessibility, you’ve come to the right place – the tutorial will help youContinueContinue reading “Teach Access Portal”

Solid Vs. Outline Icons: Which Are Faster to Recognize?

When building a mobile app, there comes a time when you have to decide whether to use solid or outline icons. Which style is better for user experience? Some think the difference between them is just a matter of preference, but research shows there’s more to it than that–one style has a faster recognition rateContinueContinue reading “Solid Vs. Outline Icons: Which Are Faster to Recognize?”

Bad Practices on Birthdate Form Fields

Asking users for their birthdate on a form is complicated. Birthdates have formats that vary depending on the country and they consist of three separate data strings. It’s easy to confuse and frustrate users if the birthdate field doesn’t use simple controls and isn’t in a clear format. … The Clear and Easy Way WritingContinueContinue reading “Bad Practices on Birthdate Form Fields”

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 CSSContinueContinue 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 toContinueContinue reading “10 Ways to Improve Accessibility on Websites and Social Media -rtp”

Assistive Technologies I Test With

Based on a Q&A question on how I (a non-accessibility professional) test accessibility July 19, 2018 After a recent talk on Accessibility, I was asked during the Q&A about what Assistive Technologies (AT) I test with while I’m developing. Such a good question! I hadn’t ever thought about what I actually test with and asContinueContinue reading “Assistive Technologies I Test With”

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 aContinueContinue reading “Everything You Need to Know About HTML5 Video Captioning”

WebAIM: Constructing a POUR Website – Putting People at the Center of the Process

Motivations to Create Accessible Web Content There are at least three main kinds of reasons that might motivate people to create accessible web content: To improve the lives of people with disabilities (human-centered motivations) To capitalize on the a wider audience or consumer base (marketing or economic-centered motivations) To avoid lawsuits and/or bad press (publicContinueContinue reading “WebAIM: Constructing a POUR Website – Putting People at the Center of the Process”

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 comesContinueContinue 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 yourContinueContinue reading “Functions to Add ARIA to Tables and Lists”

How to Add Alternative Text to Facebook Photos

The news about adding alternative text to Facebook images wasn’t announced in the same way as the news that Twitter added the alternative text feature for images a couple of years ago. … … What is Alternative Text? Alternative text, also known as alt text, lets you add text descriptions to photos, diagrams, and illustrations.ContinueContinue reading “How to Add Alternative Text to Facebook Photos”

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.”ContinueContinue reading “VoiceOver and list-style-type: none – Unfettered Thoughts”

10 Apple accessibility solutions everyone should know

… The great thing about the accessibility tools inside Apple products is that they make those products better for everyone. Here are some accessibility solutions every Apple user needs to know. You are the great Dictation Macs, iPads, iPhones — even the Apple Watch — all support dictation. You can use this to dictate messages, emails, notes,ContinueContinue reading “10 Apple accessibility solutions everyone should know”

Web Content Accessibility Guidelines (WCAG) 2.1 | The Paciello Group

This week (5 June 2018) saw the release of the Web Content Accessibility Guidelines (WCAG) 2.1 as a W3C recommendation – meaning that the working group (which, among many others, included members from The Paciello Group) considers the guidelines stable and ready for implementation. WCAG 2.1 builds on top of WCAG 2.0, and it stillContinueContinue reading “Web Content Accessibility Guidelines (WCAG) 2.1 | The Paciello Group”