outline: none is something that is really bad. People who don’t use a mouse, they use focus styles to figure out where they are. So, let’s say we have a bunch of texts with some links in it. The way that you will know which link you’re about to click, if you’re using a mouse, is simply because that is the one that you’re mouse cursor is hovering above. That’s how you know I’m about to click this link, ‘collaborative thinking’. So the mouse cursor is helping you there. If you don’t use a mouse, you can’t see that. So, you’d have to have something that replaces that. And that’s what kind of focus outlines are for. They draw a box around the link text, so that you know that you’re currently on that part of the content. If you think these are ugly, or if you work with designers who say, “I don’t want to see that focus outline. I don’t want to see it because it is ugly.” Then tell them, “You know, streetlights are also ugly… …but they help you see where you are in the dark… …if you walk home, they’re just extremely helpful… …We could turn them off because they’re ugly… …but then you wouldn’t be able to see where you are.” And that’s the same thing for links in web pages. If you don’t have focus now, you cannot see where you are if you’re not using a mouse. And there are lots of people, that don’t use a mouse for all sorts of reasons. Or as Laura Carvajal beautifully put it at Fronteers a couple of years ago, “You wouldn’t steal their cursor. And you wouldn’t do
cursor: none, in your CSS to get rid of someone’s cursor.” Which actually you can do at CSS. You can get rid of the cursor, so that people cannot see they are. You wouldn’t do that, no one would. So don’t get rid of the focus outlines either, because they are really important. And, just one thing if you’re testing your web pages, make sure that you can get to all the links, and all the buttons, and all the forms, with just a keyboard. So these are the things, the six things that I wanted to get you in today. Make sure you have good accessible names. And whenever you use one of those naming elements that I talked about, make sure that they are useful names. There’s markup that’s really important. So make sure you’re really aware of the HTML standard, and what is possible with it, and then use the right element for the job. Make sure you put in a lot of structure, with good heading elements, and titles. Always define your language. Have text alternatives, and make sure everything works with keyboard, just as well as it works with a mouse. So this are my six things. I am really looking forward to hearing some of your feedback. I’ll be showing up for a live Q and A after this. For now, I want to tell you that the slides are available on Notist. So that’s, on my website and talks, firstname.lastname@example.org. And you can follow me on Twitter, @hdv. Now, thanks very much for attending today. Thanks for making the time. And, I look forward to answering your questions in the Q and A right after this.