It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
User groups not well served by use of the
titleattribute
• Mobile phone users.
• Keyboard only users.
• Screen magnifier users.
• Screen reader users.
• Users with fine motor skill impairments.
• Users with cognitive impairments.
Sounds like in 2020, the only useful thing the title attribute can do is label an <iframe title="Contact Form"</iframe. … Read article “Using the HTML title attribute”
As we noted in our complete guide, you can put an <a href=""> link around whatever chunks of HTML you like. Let’s call that a “block link.” Like you are wanting to link up an entire “Card” of content because it makes a big clickable target. … Read article “Block Links Are a Pain (and Maybe Just a Bad Idea)”
What should you do when you get a complaint about the color contrast in your web design? It might seem perfectly fine to you because you’re able to read content throughout the site, but to someone else, it might be a totally different experience. How can put yourself in that person’s shoes to improve their experience?
There are some relatively easy ways to test contrast. For example, you can check the site on your phone or tablet in bright sunlight … Read article “Understanding Web Accessibility Color Contrast Guidelines and Ratios”
Here’s a great in-depth post from Adam Silver about his journey to create an autocomplete field that’s as accessible as possible. There are so many edge cases to consider! There are old browsers and their peculiar quirks, there are accessibility best practices for screen readers, and not to mention dealing with the component design when there’s no JavaScript, etc.
Adam offers a warning before he begins:
… Read article “Building an accessible autocomplete control”[…] I’ve been looking at ways to let users enter a destination country. Unfortunately,
Two articles published the exact same day:
<article></article> Over <section></section><section></section> and <div></div> ElementThey are comparing slightly different things, but they both involve the <section></section> element. … Read article “The Deal with the Section Element”
I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React. Mark Steadman is essentially saying if a site has bad accessibility, it ain’t React… it’s you. The tools are there to achieve good accessibility.
React didn’t use a <div></div> for a <button></button>, you did. React didn’t force extra markup all over the page when you decided to not use a Fragment. React didn’t forget … Read article “Debunking the Myth: Accessibility and React”
I saw a video posted on Twitter from Channel 5 News in the UK (I have no idea what the credibility of them is, it’s an ocean away from me) with anchor Claudia Liza asking Glen Turner and Kristina Barrick questions about website accessibility.
Apparently, they often post videos with captions, but this particular video doesn’t (ironically). So, I’ve transcribed it here as I found them pretty well-spoken.… Read article ““All these things are quite easy to do, they just need somebody to sit down and just go through the website””
When we’re thinking about choosing colors in design, we’re always thinking about accessibility. Whenever colors touch, there is contrast and, if we’re talking about the color contrast of text, it needs to be high enough to be readable. This benefits people with a variety of visual disabilities, but also everyone appreciates easily readable text.
Let’s look at the color contrast considerations of just a single paragraph!… Read article “A Whole Bunch of Places to Consider Contrast in a Single Paragraph”
There are loads of microsites and developer tools for looking at color accessibility, including tools built right into browser DevTools. They often show you if a color passes AA or AAA WCAG guidelines. But color contrast is more complicated than that because there is a wide variety of vision impairments.
This site from Corey Ginnivan takes two colors and then shows you a simulation of different vision types (e.g. Tritanomaly, trouble distinguishing blues) and whether the colors still pass OK. … Read article “WhoCanUse”
