Great video over at the Google Chrome Developers channel about the upcoming CSS Level 4
:focus-ring selector (draft). The focus is often removed for stylistic reasons when using the mouse, but then keyboard users also have no indication of where they are on the website.
:focus-ring solves that issue.
Focus-ring on GitHub: https://goo.gl/GZCfmQ Have you ever noticed the little blue or dashed ring that appears around elements when you activate them with your keyboard or mouse? This is known as a focus indicator, and it’s extremely important for users who rely primarily on their keyboard to navigate the screen.
The video includes a shout out to this handy polyfill on Github. There are other videos about accessibility, also presented by Rob Dodson, available on the channel as well. Captions are available.
Tom Scott on tactile pavement:
I thought about saying “secret patterns” or “mysterious patterns” in the title, but that’d be a lie: they’re just mostly unknown! So let’s talk about tactile paving, about design, about accessibility, and about those bumpy bits that you stand on when you’re crossing a British street.
I’m happy to announce here that I will be speaking at Accessing Higher Ground in November, representing Knowbility. The conference is in Westminster, Colorado and coins itself as an “Accessible Media, Web and Technology Conference”.
I will do two three-hour long workshops:
- Advanced Accessibility: A Deep Dive for Developers
Tuesday, Nov. 15th, 9am
- Simplify your development life with tools, tests and procedures
Tuesday, Nov. 15th, 1:30pm
Developers are lazy. I know this because I am one. So having tools, tests and procedures in place that help developers to produce accessible templates and widgets is helping everyone. This workshop will give a broad overview about the possibilities and will also show how to implement some of the provisions in day-to-day work.
Also, I will give two talks:
- Semantic Subtleties
Thursday, Nov. 17th, 8am
This talk takes some of the semantic particularities that come also up in the workshop and will put them under the microscope and examine their meaning.
- ARIA Serious?
Thursday, Nov. 17th, 4pm
Here, I will presumably give a few good and lots of bad examples of ARIA implementation and show where the pitfalls and chances of using ARIA are.
If you are still thinking about going, maybe the fantastic lineup of speakers can lure you in. Register now at accessinghigherground.org.
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, my list of absolute web accessibility basics every web developer should know about.
A very solid overview of basic web accessibility techniques by Marco Zehe.
Aaron Gustafson on a common design issue: Buttons and links that can’t be clicked everywhere where the visual click area seems to be.
In addition, remember that buttons or links need to be activated using the keyboard which means that
<a> elements need to have a
href attribute, for example.