{"id":1948,"date":"2017-02-02T12:39:14","date_gmt":"2017-02-02T12:39:14","guid":{"rendered":"http:\/\/2017.london.wordcamp.org\/?post_type=wcb_session&#038;p=1948"},"modified":"2017-08-30T19:22:06","modified_gmt":"2017-08-30T18:22:06","slug":"selfish-accessibility","status":"publish","type":"wcb_session","link":"https:\/\/london.wordcamp.org\/2017\/session\/selfish-accessibility\/","title":{"rendered":"Selfish Accessibility"},"content":{"rendered":"<p>We can all pretend that we&#8217;re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We&#8217;ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn&#8217;t intended to be a deep dive, but more of an overall primer for those who aren&#8217;t sure where to start nor how it helps them.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<section id=\"slides\" class=\"session--slides\">\n<h2>Slides<\/h2>\n<iframe src='https:\/\/www.slideshare.net\/slideshow\/embed_code\/73284282' width='604' height='495' sandbox=\"allow-popups allow-scripts allow-same-origin allow-presentation\" allowfullscreen webkitallowfullscreen mozallowfullscreen><\/iframe>\n<\/section>\n<section id=\"video\" class=\"session--video\">\n<h2>Video<\/h2>\n<div id=\"v-JM7scCZI-1\" class=\"video-player\"><iframe title='VideoPress Video Player' aria-label='VideoPress Video Player' width='604' height='338' src='https:\/\/videopress.com\/embed\/JM7scCZI?hd=1&amp;cover=1&amp;loop=0&amp;autoPlay=0&amp;permalink=1&amp;muted=0&amp;controls=1&amp;playsinline=0&amp;useAverageColor=0&amp;preloadContent=metadata' frameborder='0' allowfullscreen data-resize-to-parent=\"true\" allow='clipboard-write'><\/iframe><script src='https:\/\/s0.wp.com\/wp-content\/plugins\/video\/assets\/js\/next\/videopress-iframe.js'><\/script><\/div>\n<\/section>\n<section id=\"transcription\" class=\"session--transcription\">\n<h2>Transcription<\/h2>\n<p><strong>ADRIAN:<\/strong> \u00a0Can you hear me through the speakers? \u00a0This is God talking to you. \u00a0Okay. \u00a0So I am going to dive right in. \u00a0Thank you for come doing my talk I know you have wonderful selection of accessibility talks in this time slot, so clearly this is the one that still had seats available. \u00a0If you follow me on Twitter I am sorry I noted I had 108 slides in 40 minutes and after a lot of work I have got it down to 120 slides. \u00a0We are going to see how many of those I get through. All of my slides will be available online later at that URL which I will show again at the end of my talk. \u00a0That is Roselli\/TI WCLDN. \u00a0I am saying that now as I manage my own time I have a whole chunk of slides I am going to fly through they are mostly technical stuff. \u00a0It is so boring you guys can read it on your own time and I will not be personally hurt when you fall asleep. \u00a0I really thought he was coming to pull me off the stage.<\/p>\n<p>How many people use WordPress for CMS or a blog platform?<\/p>\n<p>That is good okay, most of you.<\/p>\n<p>How many of you use in addition to WordPress some other platform beside WordPress as a blog or CMS platform?<\/p>\n<p>Usually I see a much higher ratio, I ask that question I am going to talk about things that apply regardless of the platform, there&#8217;s a chunk about WordPress but I am going to be talking broader than that.<\/p>\n<p>This slide is dedicated to my ego. \u00a0I have a web site I write on accessibility, and you can avoid me on Twitter @aardian. \u00a0I recommend you mute me immediately. \u00a0I am here because the Paciello group paid for me to come here. \u00a0So right off the bat a some of you have seen the A 11 Y # or seen it use on Twitter or elsewhere. \u00a0It is not uncommon for people to say who is A11Y.<\/p>\n<p>So real quick accessibility it means accessibility it is a numeronym and you remove all the middle letters. \u00a0So localisation is L 10 when you see A 11 Y or ally it means accessibility in almost all those cases.<\/p>\n<p>The thing about accessibility it gets no respect.<\/p>\n<p>It is an after thought a thing people aren&#8217;t really too interested in. \u00a0When I had my own company we were going through colours to paint everything. \u00a0That nice blue is called online blue. \u00a0Lime Rickey the seeing was cyber pace grey. \u00a0We moved out. \u00a0But accessibility beige. \u00a0(Laughter) So the colour of computers. \u00a0All IBM computers that was the colour that my partners wanted to paint my office. \u00a0I did accessibility stuff and they thought accessible beige. \u00a0A bunch of jerks. \u00a0So I am going to give a bit of grounding and run through those. \u00a0The technical bits I am going to skip the most just so that you know.<\/p>\n<p>So statistics. \u00a0These are US. \u00a0This particular site is US focused if you have not figured out by my accent yes I am from the United States, so in the US any disability when we look at the numbers who has any type of disability which includes visual hearing mobility and cognitive, in the range of 21 to 64. \u00a010% of the population. \u00a075 and up age it is 50%. \u00a0Sort of a theme that happens.<\/p>\n<p>World-wide 285\u00a0million people have some sort of vision impairment. \u00a0And 82% of those people with blindness are 50 and above. \u00a0A bit of an age factor. \u00a0And hearing impairments effect 306\u00a0million people world-wide, they need to get by in an event like this socialising, all of whom have more interesting things to say. \u00a0So 36\u00a0million American adults report some degree of hearing loss. \u00a0Mobility impairment. \u00a0Relatively low. \u00a0As you are younger, and then they tend to increase. \u00a0So 5.5% in 16 to 24. \u00a0Goes up too third of the population 75 and older.<\/p>\n<p>Cognitive impairment are tricky to get their arms around. \u00a0Dyslexia. \u00a0Dyscalculia, which is the numbers version of dyslexia. \u00a0Memory issues. \u00a0Distractions. \u00a0The list goes on and on. \u00a0In the US that number is about 4. 3% of the population in my age range and continues to climb.<\/p>\n<p>One thing I have learned is showing the statistics does not really make the case. \u00a0I want people to understand this is a real population of people if you are more like me you don&#8217;t care. \u00a0Screw them I really don&#8217;t care my whole treat is about being selfish. \u00a0If you are in Heather Burns talk earlier today you might have seen this pyramid and if you weren&#8217;t cool you get to see it for the first time.<\/p>\n<p>So WebAIM is web accessibility in mind. \u00a0They have the hierarchy motivating accessibility change so motivate people. \u00a0Punishment means they have already done something and that creates a bad relationship. \u00a0If you make it a requirement they are not necessarily so interested. \u00a0If you start to reward people they start to pick it up a little bit more. \u00a0You want to work to get them enlightened and be inspired, just know it is the right thing to do and feel it is something that sets them apart and the project.<\/p>\n<p>I am wired very selfishly. \u00a0I modified it I put a star on this tree. \u00a0It is all about making it about me. \u00a0So you may have been in some talks already talking about the users, not this Guy. \u00a0So to run through some of these things, getting older effects nearly everybody, accept those who are fortunate enough to not have to get hold. \u00a0I really should have to rethink that. \u00a0It does carry risks and side effects, and it is not for the young as evidenced by how few young people are old.<\/p>\n<p>The only thing separating thing two couples besides four feet is properly about 30 or 40 years. \u00a0Really they are doing the same thing. \u00a0Living the same life. \u00a0Arguing about where they are going to get some food next. \u00a0I don&#8217;t know for sure, the only thing separating these two women besides one is using a solar power piece of technology is about 40 years again. \u00a0They are doing the same thing. \u00a0They are hanging out and reading, she might be tweeting, I don&#8217;t know. \u00a0But they are doing the same thing. \u00a0The only difference for them is age.<\/p>\n<p>Really not that different.<\/p>\n<p>Accidents happen to people a lot I am evidence of that I can show you the row of scars across my head and all other things I have broken over the years, I might be in violation of the code of conduct. \u00a0So accidents, broken limbs, eye injuries, head trauma etcetera. \u00a0If you have ever broken a wrist and tried to use a computer you realise how quickly how difficult it is to do thing like operate the mouse and use the key board and close the lid. \u00a0And click save instead of reply at the wrong time.<\/p>\n<p>Sometimes just having a temporary vision problem means that you lose your depth perception and instead of grabbing the mouse you push it off the table and then you have to go hunting for it you can&#8217;t just reel it in. \u00a0Some people do it as a fashion choice. \u00a0Some people arguably might start an activity with the a cognitive issue. \u00a0They definitely end with the more issues.<\/p>\n<p>This that wheel of cheese they are chasing is a tradition somewhere in this country. \u00a0You all should know better than I. \u00a0Anyway what is interesting about this at the bottom of the hill they have a team of ambulances waiting. \u00a0It is not a function of if somebody gets hurt, after every one of these somebody walks away temporarily disabled, maybe permanently depending whether they got the cheese.<\/p>\n<p>If like me you believe you are invincible and allergic to nothing there are other things to bear in mind. \u00a0Sunlight. \u00a0Eating at your desk. \u00a0Not having head phones handy and not working in your native language. \u00a0I felt my native language was English until I came here. Awkward.<\/p>\n<p>This is how I spend a lot of my days I try not to get a Taco into my keyboard it is a laptop and you can&#8217;t just shake it. \u00a0I like to sit on my patio, if you have used a phone in the sun or tried to work in the sun it is really difficult you are turning the brightness all the way up and then how long does the battery last it already ran out. \u00a0These guys are professionals. \u00a0I would like to point out neither of them has a free hand to actually use the computer. \u00a0But they brought the tarp. \u00a0This is a function. \u00a0They are not just in the sun they are distracted, they are doing other things and if my chance they had to use email or fill out online application or sign up four bank account you know nine times out of ten they are doing it wrong. \u00a0This by is my favourite I would like to point out part of the reason he is my favourite, his laptop is a typewriter. \u00a0Yes. \u00a0Still in power.<\/p>\n<p>So sometimes you find you are working in a public space because it is the only option I \u00a0have. \u00a0The airBnB flat is a little too small I will probably work in cafes for the next few days. \u00a0The head phones become really important it is very hard to do video work where there is background noise. \u00a0You can&#8217;t hear everything and you don&#8217;t want everybody to hear anyway. \u00a0And also the consideration of having a significant other in bed with you. \u00a0I work in bed, I don&#8217;t know I want to wake up the dog that big. \u00a0Because I am shouting at the computer because the error messages.<\/p>\n<p>This photo is analogous to how I live. \u00a0I don&#8217;t live in apartments but I do have lots of motor cycles go by. \u00a0And these guys want to show whose motor cycle is louder. \u00a0And if I am trying to do work it is very much a problem and explains why I have closed captions on my television permanently.<\/p>\n<p>I never know when they are going to statistic it up and it usually in the scene of mighty morphin power rangers. \u00a0I have been this person in a foreign country trying to look at information in a key board that has characters I don&#8217;t recognise and a website that is localised for the region I am in as opposed to the language I speak and I feel like I have a cognitive disability I don&#8217;t know what I am looking at, this happens more often than I think people are willing to admit.<\/p>\n<p>If you from my experience bouncing around Europe and south-east Asia there are a lot of really confused people sitting at them. \u00a0Not locals, just confused. \u00a0Another thing to consider is if you are in this room you properly have some comfort level with technology. \u00a0Which means when you come to family events or holidays you might be tech support. \u00a0That sucks.<\/p>\n<p>I don&#8217;t like going to my parents\u2019 house and changing printer cartridges and updating and windows checks and reboots. \u00a0I just want to eat the turkey. \u00a0So if you are in a situation you are always helping other people you might start to recognise if the interfaces were a little bit easier maybe you would not have to spend so much of that time and you could eat turkey if turkey is a thing here, not so much. \u00a0That is why we left.<\/p>\n<p>Anyway. \u00a0So I am still going to social media high level and talk about user experience models. \u00a0I have given the context for selfish I am going to pool it into user stories, not spend too much time on this, but has anybody here not familiar with user stories? \u00a0This is awesome. \u00a0I don&#8217;t have to spend 14 minutes on this slide. \u00a0So I have really simple user stories based on this selfish model and let me give you context, I have found when I put together personas and user stories for clients they often don&#8217;t understand who that accessible persona is they are not invested in it or interested in it, all it does is represent extra work. \u00a0And when they are looking at how many personas they have they are saying we need to get down to three or four on the high end.<\/p>\n<p>Who do you think is the first persona to get cut? \u00a0Jerry the Guy in the wheelchair or Lucy the one that can&#8217;t see. \u00a0Gone. \u00a0I have started to fold these selfish concepts into personas and showing it as user stories. \u00a0So as a user on a sun lit patio I want to be able to read the content and see the controls of a web page. \u00a0This effects a lot of people.<\/p>\n<p>As a user in bed with a sleeping spouse I want to watch a training video in silence so I can get caught up at work. \u00a0This is a real thing that happens. \u00a0In order to click links in a coach with a tiny track pad, so you are all on my flight too. \u00a0I want click areas to be large enough and adequately spaced.<\/p>\n<p>As a user distracted by the TV I want clear headings and labels so I don&#8217;t lose my place. \u00a0This really speaks to me. \u00a0I just sit on the couch. \u00a0So for what it is \u00a0worth there are some personas from the book A web for everyone. \u00a0And they are free to grab. \u00a0Sarah Horton and Whitney \u00a0and the personas are great and I encourage you to go steal them and use them wherever you can.<\/p>\n<p>I also encourage you to look at creating a persona. \u00a0Yeah that is me. \u00a0Maybe this is not as good as example I was hoping to it be.<\/p>\n<p>Am I doing that&#8230;.? \u00a0Is that better. \u00a0Okay. \u00a0I will stand here.<\/p>\n<p>So it is not uncommon to be in a situation where the personas once they are disguarded you are not going to get them back. \u00a0What you can do is take the persona that might speak to a particular stakeholder the President the client relations person and fold in a trait and maybe the trait is the person travels and is always on the train and fold in the fact there is a mobility impairment and this one always works in a cafe in the sun and can&#8217;t always hear because of the noise. \u00a0And should in hearing and mobility and maybe visual impairment. \u00a0So don&#8217;t necessary try to build these separate discreet personas and user stories instead appeal to the inherent selfishness of your clients and build them in to the personas and the things they do into those personas.<\/p>\n<p>I have had some reasonable good luck with that. \u00a0Mostly because they see themselves and say yeah I under that, boy that is a pain in the arse using a track pad on a train. \u00a0This is the part I look at my watch and I told the time keeper not to bother, I am not going to pay attention anyway. \u00a0Right. \u00a0She knows me already. \u00a0So I am going to go through some technical bits. \u00a0Much of the rest of this is about code stuff. \u00a0I may dwell on a few bits, all of these samples will be out there for you to look at. \u00a0Use @ alt text on images. \u00a0This Buffalo soccer club a youth soccer club in Buffalo and we think it is pretty awesome, this is the page showing here is a happy kid playing soccer. \u00a0But if I turn it off it is no text at all. \u00a0The logo does have text behind it that is important the name of the organisation. \u00a0All the other places where they were images there is no @ alt text behind them. \u00a0So the notion is to use alt text, be smart where you use it, so you are not creating too verbose a page can you still make sense of the page. \u00a0Is any of the content it missing? \u00a0A sign you have text set in a graphic. \u00a0Can you still use the site and is the alt text useful. \u00a0There is wonderful chart, don&#8217;t worry you don&#8217;t have to, that later on you can look at, it is just a way to get you familiar with those steps and how to decide what alt text to use and what is appropriate. \u00a0Hyperlinks. \u00a0This is an example of a page I can never tell what is a link on here. \u00a0I never know which element on this page is a link. \u00a0Some simple tips for hyperlinks, and this is really basic stuff incredibly useful. \u00a0Avoid the click heres the more, keep reading. \u00a0Avoid all caps maybe don&#8217;t make a URL a link, the screen is going to announce it. \u00a0Emoticons are worth avoiding, not just because they have cultural queues but screen readers can&#8217;t announce them. \u00a0And maybe worn people before you open a new window or before they download something. \u00a0I don&#8217;t know why people do that put they do. \u00a0Make sure the links are underlined and obvious, that if the images are linked that there is alt text behind it. \u00a0If you are going to keep linking to the same resource the 200 mega bite PDF, mention this is the 200 mega bite PDF you should stop clicking. \u00a0Use link underlines. \u00a0Colour alone is inadequate. \u00a0I have it showing through different types of colour blindness. \u00a0Orange is the colour for links and the call out colour, the look at this thing. \u00a0I never know what is you link on the verge site because the same colour is used to highlight stuff. \u00a0You are not Google I don&#8217;t care how awesome your site is or who you think you are, you are not Google. \u00a0Google can get away with it everybody understand the layout of the search results and we all know what we are getting. \u00a0They know the layout and they are used to it. \u00a0There is all this lovely stuff in the web content accessibility guidelines that coaches you and just make sure you leave the link underlines in place for everybody&#8217;s benefit. \u00a0Use focus styles I am tabbing through the virgin America page right now I have no idea where it am. \u00a0This for anybody who uses a key board instead of a mouse. \u00a0I must have hit something I still don&#8217;t know where it am. \u00a0Use focus styles wherever possible. \u00a0Any time you see focus outline none in the CSS just delete it, just deleting that alone makes your website a lot more accessible. \u00a0And then if you have a hover style have a focus style. \u00a0Colour contrast is important, same as the page before this looking at is through three different types of colour blindness. \u00a0Tritanopia deuteranopia and protanopia. \u00a0I have links to all of these so you can grab them after I have finished talking. \u00a0Use the label element. \u00a0Here is an example if I click that field the focus should go into that input. \u00a0That text input field. \u00a0It is really simple to do. \u00a0All you have to do is match the four attribute on the labels with ID on the element you are pairing it to. \u00a0That is it, simple to test. \u00a0Make sure you do it the with radio buttons, if you don&#8217;t wholly crap that is going to be difficult. \u00a0Use HTML5. \u00a0Here is a layout that properly looks familiar to you. \u00a0Really simple and basic. \u00a0You properly already know what those elements are on the page. \u00a0And there are HTML elements that speak to that. \u00a0The header a role of banner already built in the navigation which maybe lives on top or within the header. \u00a0The main content the footer, there is a search form and an aside etcetera. \u00a0Those are already built in. \u00a0Here is the &#8220;responsive version of it&#8221; narrow view port as we know it. \u00a0So same thing, similar layout, header nav form the role search, use the HTML5 you will be in much better place. \u00a0Bear in mind that the main you should only use one of those per page. \u00a0Screen reader users can jump to the main content of your area and if you have more than one main content area then you don&#8217;t have a main content area. \u00a0\u00a0Use your headings wisely. \u00a0So this incredibly boring blog post on my site if you navigate by headings they show the entire struck to your of the article and users who navigate and listen to just the headings of the page to understand the structure. \u00a0So don&#8217;t skip levels. \u00a0Start with H 1. \u00a0Should match the title of the page. \u00a0Make sure you are nesting them appropriately. \u00a0If it says you can use all H 1s sorry that is wrong. \u00a0It has been written about many times don&#8217;t use a all HL approach. \u00a0Every time you use a new heading it should not be a HL. \u00a0If you think it is going to effect your search optimisation don&#8217;t worry about that Google has made it very clear there is no outline algorithm. \u00a0Using a button versus an anchor or input element, we can style them all the same way. \u00a0Really easy to do, don&#8217;t. \u00a0Consider using the right element for the task in hand. \u00a0Don&#8217;t use a div or a span. \u00a0If you an find yourself putting an alt click on a div or a span stop. \u00a0Think about what you are doing. \u00a0Cry a little. \u00a0If it takes me to another web page address including an anchor use the AH ref. \u00a0If it is only doing something on the page, not moving me off the page, collapsing, use the button element. \u00a0If you are submitting a form input type submit I find there are fewer conflicts if people use the in put type submit. \u00a0I have an article about this that talks about key handlers enter versus space and what the faked of those are. \u00a0Don&#8217;t use a tabindex of greater than zero. \u00a0As soon as you start tabbing it jumps right to the capture because it had a tabindex. \u00a0I could not even get to the skip navigation link, what is funny is that I find a bug with a digital gov team and they insisted I was wrong because apparently nobody there has a keyboard. \u00a0It is funny how you learn that stuff. \u00a0A Tab in takes of negative one is great if you don&#8217;t want a keyboard focus put you want to put focus on it at some point. \u00a0Like a close button on a modal. \u00a0Tabindex of zero puts it into a focus. \u00a0So if you go back two slides, tabindex of zero is useful for things that do become interactive for whatever reason. \u00a0Just don&#8217;t do tabindex of one or greater. \u00a0It is worth noting there are places where a tabindex of zero is very useful I have seen a grid that has either scrolling content or content that only appears on hover. \u00a0You may have content that is a scroll box a keyboard user can&#8217;t get into that and make it scroll. \u00a0So a Tab in takes of zero on that means it will get focus, you can give it a role, an aria label. \u00a0But a tabindex of zero means a user can tab into it and use the arrow keys to scroll up and down and experience the content otherwise missing. \u00a0Please do set the lang attribute. \u00a0I have a talk on this and talk about the wonderful benefits, probably the thing that is most fallible to continue to is screen readers in particular really really benefit from this. \u00a0They will say things the appropriate way. \u00a0In my other talk I have the lyrics of a Nick Cave song I have read out in German and French and they are that way. \u00a0Source order matters it is very easy to blow up the way we tab through content by using floats and absolute positioning. \u00a0Flex box and grid can screw things. \u00a0Just know what is going to happen when you start to reorder the content. \u00a0Definitely don&#8217;t disable zoom, definitely don&#8217;t do that, otherwise you would never know that Bill Murray thinks you are awesome. \u00a0So it is not just mobile user, all users, make sure you don&#8217;t have user scalable no. \u00a0Get rid of that. \u00a0If you are in supporting windows mobile phones the MS view port. \u00a0Most mobile devices over ride these. \u00a0So avoid infinite karoo wherever possible he says thinking about the WordPress themes page. \u00a0But I use this as an example. \u00a0Avoid infinite scroll it makes it impossible to access some of the content on the page the footer or side links it ruins the back button. \u00a0Sharing the URL is impossible you can&#8217;t just jump into a link and go back. \u00a0And less powerful the computers and devices will just choke and that is not fun for everybody. \u00a0Use captions and subtitles wherever possible. \u00a0No more craptions.com is a great resource. \u00a0Yes that says so long to his Viagra. \u00a0Don&#8217;t let Google auto caption, they will be terrible if you let Google auto caption you can use no more craptions and pool in that stuff that is time stamped and fix it which might use the word Viagra a lot more. \u00a0Remember everybody uses captions and sub titles. \u00a0Try to include the audio description &#8220;he dropped the microphone and everybody laughed, and the speak identification wherever possible. \u00a0Some of you may have heard of aria, you have probably seen people ask questions about aria all the time. \u00a0Don&#8217;t stress unless you are building really complex novel user interface elements you probably don&#8217;t need aria. \u00a0It has simple rules, don&#8217;t over write, HTML does a lot of great stuff, don&#8217;t change the stuff that is there, don&#8217;t make a heading in to a button. \u00a0And make sure they are still usable by the key board, you would not want to make aria make something more accessible and break it for key board users. \u00a0Don&#8217;t use roller presentations. \u00a0And remember that all interactive elements must have an accessible name. \u00a0Something that says what the control is, ideally what I is and what I does and in many cases what its state is, toggle, on, off, blue, angry. \u00a0So I mentioned the div with the div with unclick. \u00a0The tabindex of zero and the key press. \u00a0And then you want to make sure you give it a roll of buttons. \u00a0And so what you are doing is this does not even include all the code there is a lot of Java script to support it. \u00a0Just turning a div into a button when I could just do that. \u00a0It really is that simple. \u00a0Accessibility is not that hard to do conveniently WordPress has decided to go on a WCAG. \u00a0I don&#8217;t know if that is the way you are suppose to say it. \u00a0There is a lovely announcement from state of word 2015, she is just going to kill me after this. \u00a0What is hilarious about this there are no transcripts for the video you can see about how they are moving forward with this. \u00a0We are fortunate enough to have in Rian in our audience today. \u00a0\u201cAll new or updated code\u2026.. \u00a0Must conform form with mg 2.0 level AA.&#8221; \u00a0It is what people are using when it comes to government and law suits and a lot of business best practice the defacto standard. \u00a0All these great notes on that. \u00a0I will use it with you guys. \u00a0The accessibility ready tag to have prebuilt themes that are already there. \u00a0123 as of a few days ago the nice thing is it keeps growing. \u00a0Yes more notes. \u00a0By the way Rian won the heroes of accessibility award I thought that was awesome good for you, (Applause) absolutely. \u00a0She should be doing this. \u00a0Oh look it scrolls. \u00a0Jo Dulson wrote these. \u00a0I will wrap this up which will leave 12 seconds for questions. \u00a0It will take three minutes to explain I need 12 seconds. \u00a0Here is the general message trying to convey to you. \u00a0Supporting accessibility now is going to serve future you I showed you the statistics about how people accrue disability as they age or do dumb things as they do over time. \u00a0So supporting accessibility helps the injured or encumbered version of you. \u00a0Getting younger developers to buy-in to it now is going to help future you. \u00a0You are not always going to be the one who is able to do this, whether it is code it, drive it make it a requirement and write it into contracts. \u00a0Starting it now in a few years you are not going to be able to get people to build the stuff that will benefit you. \u00a0This is future proofing your life. \u00a0This is often held up as a wonderful example of how integrating accessibility into design can be great and look good. \u00a0This is a death trap. \u00a0This is a death trap for people who like to run upstairs like me and a death trap for anybody in a wheelchair the gradient is too high the turns end in concrete walls I imagine a pit of alligators off the shot here. \u00a0You have to be careful don&#8217;t just try and make it look good, put somebody in a wheelchair on that ramp and if they don&#8217;t die listen to what feedback they give you. \u00a0Accessibility is not a check list you can&#8217;t just say we built a ramp and wall away from it. \u00a0So this is a wonderful example of a ramp that goes into a drug store a friend of mine could not get into, they put the trees on the ramp and he wheeled up there and that is much more polite than what he said in real life. \u00a0It is not just a check list. \u00a0It is not something that you can do once and walk away from. \u00a0It is an ongoing process, something you have to maintain and usually the easiest way is to not stress bit, don&#8217;t over write it, if you have got good headings every where you are in good shape you probably don&#8217;t need to stress. \u00a0So it is not a check list. \u00a0It is an ongoing process, be prepared to internalise that. \u00a0I have all these resources you can look at on your own. \u00a0My slides will be available providing I can get good Wifi and I have how long for questions. \u00a0Two minutes. \u00a0I won&#8217;t properly need it, do we have any questions?<\/p>\n<p><strong>FROM THE FLOOR:<\/strong> \u00a0Do you have a view on access queues at all I know it is being phased in or faced out.<\/p>\n<p><strong>ADRIAN:<\/strong> \u00a0That is a really good question access keys are awesome in the right context the people who benefit from them are often using tools that inter kept with those keys and become problematic. \u00a0There is a group of people that feel access keys have value, the trick is presenting them so that people with assistive technology can still benefit, I think there are value to them. \u00a0I don&#8217;t think they are workable with current technology we have today. \u00a0I hope that was quick enough. \u00a0Other questions? \u00a0I know I answered everything. \u00a0Is everybody asleep?<\/p>\n<p><strong>FROM THE FLOOR:<\/strong> \u00a0You mentioned alt caps don&#8217;t do alt caps through for large box of text because it is difficult for anyone to read a large block. \u00a0What about for example Google material design recommends alt caps for buttons.<\/p>\n<p><strong>ADRIAN:<\/strong> \u00a0Here is a thing about alt caps screen reader will typically announce every letter, depending on the settings you might put something in alt caps and it will put SUB, it will think it is an acronym or abbreviation in head ins you can get away with it if you are using just CSS. \u00a0I always caution people to avoid all caps in user interface controls that is where the problem manifests it can prevent people from completing a task.<\/p>\n<p><strong>FROM THE FLOOR:<\/strong> \u00a0Do screen readers do they interpret text transform upper case too.<\/p>\n<p><strong>ADRIAN:<\/strong> \u00a0The screen reader based on how the browser passes it, it depends on the screen reader and the version and the user of the Browser and how the CSS was put in there. \u00a0It is not a simple answer it is variable, and that is where testing is important. \u00a0I have been signalled I have to shut up, you have been very polite about it. \u00a0Thank you (Applause) were you coming to get me off the stage can they still hear me.<\/p>\n<p><strong>VINEETA:<\/strong> \u00a0There is a room change or afternoon tea break now until ten past four. \u00a0So we have got some time.<\/p>\n<p><strong>ADRIAN:<\/strong> \u00a0I am going to be wandering around so please feel free to ask me questions in the hall or elsewhere.<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>We can all pretend that we&#8217;re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We&#8217;ll review simple testing techniques, &hellip; <a href=\"https:\/\/london.wordcamp.org\/2017\/session\/selfish-accessibility\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Selfish Accessibility<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":8813948,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1489849200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1718],"footnotes":""},"session_track":[446812],"session_category":[],"class_list":["post-1948","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-b"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p833Rb-vq","session_date_time":{"date":"18\/03\/2017","time":"15:00"},"session_speakers":[{"id":"1718","slug":"adrian-roselli","name":"Adrian Roselli","link":"https:\/\/london.wordcamp.org\/2017\/speaker\/adrian-roselli\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/1948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":3,"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/1948\/revisions"}],"predecessor-version":[{"id":3568,"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/1948\/revisions\/3568"}],"speakers":[{"embeddable":true,"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wp\/v2\/speakers\/1718"}],"author":[{"embeddable":true,"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wporg\/v1\/users\/aardrian"}],"wp:attachment":[{"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wp\/v2\/media?parent=1948"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_track?post=1948"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/london.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_category?post=1948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}