W3Conf 2013

Accesibilidad en la práctica para diseñadores profesionales

Léonie Watson  · 

Transcripción

Extracto de la transcripción automática del vídeo realizada por YouTube.

yeah so cool brilliant thanks Divya well good morning everybody I'm Leigh NE Watson and I think it's safe to say I've just unlocked the Joshua Davis is a tough act to follow badge I work as a digital accessibility consultant for an agency called

an immense er working out of the UK and I also blog tinker at UK and that's the website I'd like to use today to talk around some ideas about accessibility but trust me accessibility isn't as bad as you probably think it's going to be accessibility

is one of the tools that we bring together into a toolkit known as inclusive design it's there with usability with the technologies that we use the designs that we put together and collectively those things come together to create really great user experiences

inclusive because they include many different strands of the skills that we all use in our daily jobs but inclusive also because it's about thinking about including many different people in the target audiences for the things that we create you know in

the projects that we work on I don't know about you though but accessibility inclusive design they're perfectly good phrases they describe what we do that accurate reflections of things that we carry out but they don't really rock my world they're

not what sets my heartbeat racing they're not what gets me out of bed in the morning a phrase that does do all of those things for me is the idea of designing like you give a damn like we give a damn about creating energetic exciting innovative projects

like we give a damn about creating things that are elegant beautiful superbly functional like we give a damn about the people all of the people who are going to use those things that we spend time creating and building so today I'd like to introduce four

principles of designing like you give a damn and in doing so offer some thoughts around the concepts of accessibility so my first principle is design like your bank seemed understand the the rules and the lessons but don't be afraid to challenge the accepted

wisdom and by that I mean that it's important to understand the fundamentals of accessibility and inclusive design but once you've got that knowledge and you can make informed decisions there's no harm at all in challenging some of the preconceptions

that exist around it and seeing if we can come up with something new one of those preconceptions that's very much in existence is that accessibility kills creativity it really doesn't an organization that I work with back in the UK once said that they

thought accessibility was a challenge to creativity several years later now they get accessibility and it's part of their processes they acknowledge that it's not a challenge to creativity but it is actually a creative challenge and that's very

much for me the right way to think about it I'd like to show you now a quick screencast of a project that two of the guys I work with it in immense have put together it's just a web form but with a little bit of CSS magic they've turned it into

something highly accessible but just a little bit more engaging now notices a crime to cut that off in its prime listening to a bit of Pink Floyd at this time in the morning is never a bad thing but you know that's just one example of how accessibility

can really come together and that webform is keyboard accessible it's screen reader accessible it's easy to use so all of those things come together and I hope in an example that kind of shows accessibility and creativity actually can live side by

side quite happily another misconception is that accessibility is difficult I'd like to say it really clearly there is no magic ingredient to accessibility rocket science is difficult brain surgery is difficult creating a DeLorean that's a time machine

that's really difficult to a lot of people doing what we do every day and building websites is pretty damn difficult but accessibility isn't it's not difficult it's just unfamiliar territory for a lot of us when we think about designing and

building stuff we can relate to the other devices that people use tablets smartphones desktops ultrabooks whatever it's a little bit more difficult for us to relate to someone who has a disability someone like me who can't see someone who has a hearing

impairment mobility impairment or cognitive difficulty but that's just unfamiliarity and the only thing that keeps it unfamiliar is the way we think about it so accessibility in many senses is just about understanding something more about the different

people that are in your target audience and if you learn to create and build websites you've learnt HTML CSS PHP Perl JavaScript whatever your technology is trust me you've really can get the hang of accessibility too so another principle design like

your da Vinci look-around never stop questioning be curious about the ways that you can approve the stuff that you're doing pretty much every day so think about when you're prototyping you're building up the first ideas the wireframes for your

project think about where you position things simple stuff but make sure that where you put your logo it's always in the same place on every page same with widgets like search navigation you guys all know that that's pretty much good for usability

for all of us but for example if you're partially sighted have low vision and you're using a screen magnifier these things become really important as orientation landmarks time if you want to get home maybe to go back to some of your childhood activities

you ever play pirates go home get a piece of cardboard tube and stick it up to your eye like it's a telescope and take a look at the world around you suddenly what you'll find is that you've got a really limited viewport and that's not a million

miles away from using a screen magnifier on a computer it takes a very small portion of the screen and blows it up many many times but it means that you've got a very restricted view very restricted understanding of the page or the app that you're

looking at and so things being in the same place consistently laid out make it much easier to navigate and orient yourself within a page if you know that the logo is always going to be in the top left corner you can kind of hang your navigation and your movement

around the page off that piece of information when you're thinking about functionality the same thing applies if you're gonna put a widget on your website and use it repeatedly in different places try to make sure that it behaves in the same way no

matter where it appears learning curve is not something any of us want to go through when we learning to use websites and there's always a little bit of a learning curve when you come to a new site but if someone say with a cognitive difficulty or a memory

related problem it's even harder to understand how functionality works and to become adept at using it a quick note as well about any widgets that have got forms in make sure that they're clearly labeled and by that just put a visible text label in

place so that someone who uses a screen reader who's visually impaired can understand what information needs to go into the form by all means use an html5 placeholder but always try and double it up with a label as well the reason being is that once the

placeholder text has been overwritten there's no visible clue left to explain what it is you should be doing with that particular form field also try thinking about different ways to get it stuff again this is probably stuff that you're already doing

in your design and stuff that you're building but look at different ways of navigating in this case this particular prototype has category navigation it also has tags navigation might have a search as well excuse me but it might have a sitemap if it's

[ ... ]

Nota: se han omitido las otras 3.935 palabras de la transcripción completa para cumplir con las normas de «uso razonable» de YouTube.