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 rate

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 Writing

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 CSS

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 to

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 as

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 a

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 (public

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 comes

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 your

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.