Web accessibility for Content Authors The impact on disabled users... Penny Everett Accessibility Consultant Introduction Brief background Auditing websites Fix the web 2 / 25 What do we mean by disability? The hidden disabilities… Sight Mobility Seizures Hearing Understanding 1 in 7 people in the UK have some form of disability Organisations are required to be anticipatory 3/25 Imagine your ‘good’ arm is in plaster. Using your non-dominant hand only - open the package. DO NOT USE YOUR MOUTH Describe your experience when following these instructions... 4 The Law Equality Act 2010 including the Public Service Equality Duty (PSED) Eliminate discrimination Advance equality of opportunity Carry out positive action measures Procure suitable design for all users. Note. It is not against the law to treat a disabled person more favourably. 5 / 25 BS: 8878 Web Accessibility — Code of Practice A new standard for organisations that provide a web service 16 Steps to help organisations to comply with the Equality Act 2010 Work towards inclusivity Nominate an Accessibility Champion Create relevant documentation Conduct AT and user testing Document any deviation. 6 / 25 The Content Author/Editor’s role You are expected to make reasonable adjustments. Internet ) Intranet ) Extranet ) eLearning ) Web Products 7 / 25 Direct and Indirect Discrimination Direct discrimination would be a statement such as blind or deaf students will not be able to benefit from the video. Indirect discrimination would be not supplying a transcript, or caption, for the video. 8 / 25 12 W3C Guidelines (WCAG 2.0) Future proofed P = Perceivable Content available to the senses sight, hearing (and/or touch) O = Operable Interface: navigation, forms, controls U = Understandable Content and interface R = Robust Reliable: AT and common browsers Level 1 - Single (A) 25 Success Criteria Level 2 - Double (AA) 13 Success Criteria Level 3 - Triple (AAA) 23 Success Criteria 9 / 25 Anticipate disabled users Use “personas” A user may have multiple disabilities. Photographs of personas by courtesy of Graur Razvan Ionut, Yarm Jeroen van Oostrom, Maggie Smith, and Tina Phillips http://www.freedigitalphotos.net/ Linda Barbara Dawn Hannah Bernard James Simon Paulo 10 / 25 Meaningful links Bernard – aged 28 Avoid Click here... More... Registered blind and uses a screen reader to read out the text to him. Make sense out of context book list Warn users before they open a PDF/file add size Course Outline (pdf) 618 Kb Same links go to same place Should not open in new window without notice* Reith lecture (new window) * Setting a link to open in a new window will disorientate blind users. 11 / 25 Images Book Sale 7-10 July Don’t forget the amazing book sale. Don’t forget the amazing book sale 7-10 July. No images of text (unless logo etc) Background v foreground contrast good Decorative given null alt=“” or from CSS Resolution no more than 72 dpi Big files reduced before uploading. 12 / 25 Image links Alternative text states destination Alt = “library zone details” James aged 20 Needs a magnifier to view the screen. Library Study spaces are available throughout the Library, some of which are available on a 'first come, first served' basis and others are bookable via Zones by LSE students. LSEforYou Title text informs sighted users of link 13 / 25 Alternative text for images Brief descriptive alternative text Words like “image/picture” not used Complex images (charts etc) explained in text or additional web page/file. 14 / 25 Target audience Dawn – aged 23 She is dyslexic and finds it easier if text has images and prefers a purple background when she uses her PC. Reading level aimed at target audience Ew evah tliub pu a thgis yralubacov fo ytfif dnasuoht Plain English, no jargon/idioms sdrow – ton yb enoemos gnillet su ytfif dnasouht tahw a Tone appropriate – NOsemit SHOUTING! drow si, tub yb gnizisehtopyh eht ytitnedi fo wen sdrow taht Consider culture/religion/gender/age ew teem ni tnirp dna gnitset taht ruo sesehtopyh ekam esnes ni eht txetnoc. 15 / 25 EasyRead documents 16 / 25 Pasting from Word Processor The following important details: WP formatting and code removed Web formatting applied to headings, bullets and numbers Embedded images in WP saved as files. Title of the book Name of the author ISBN (if known) The following important details: Title of the book Name of the author ISBN (if known) 17 / 25 Tables Table given title within HTML ‘caption’ Make sense read cell x cell, left to right Column row/headings are defined Summary is for blind - brief explanation of data but add navigation details if complex. 18 / 25 Headings This article is all about the different birds that can be found in the average urban garden. Robins are the most easily recognisable of the birds to visit us. Garden Birds Use HTML formatting (h1) through to (h6) Only one main heading (h1) per page Not chosen for ‘look’ but in order Help to create bite-sized chunks of text. We can still expect to see quite a variety in the average urban garden. Robins These delightful little birds are the most easily recognisable to visit us. 19 / 25 Colour Colour Colour not not used used to to emphasise emphasise text Stylesheet Stylesheet only only used used to to colour text. text. 20 / 25 Colour Paulo – aged 24 Good contrast foreground/background He is colour-blind. Avoid colour dependency (colour-blind). 21 / 25 Video/Audio Hanna – aged 20 Foreground sound easily discernible Video/Audio have verbatim transcript Transcript includes relevant sound/cues Barb – aged 21 Video includes captioning for deaf Born deaf and uses British sign language which is very different from written sentences. Scenario explained to blind. hard of hearing but can hear if low background noise. Seated mental health nurse looking sympathetic and holding hands of elderly gentleman. He says “I’m worried about the cost of care”. 22 / 25 Keyboard only users Linda – aged 26 Has “Upper Limb Disorder” (aka RSI) and cannot use a mouse. Make sure that nothing you upload creates a problem for keyboard only users Navigation using: [Tab] arrow keys [Alt] [Enter] Flash animations can be accessible but often are not Content that is timed can be a problem for many users and is best avoided. 23 / 25 Epileptics, Motor Impaired Simon – aged 31 Prone to seizures since he was 3 and has problems with fine movement. No flashes or lined patterns! 1. 2. 3. 4. 5. 6. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. The Lord of the Rings, JRR Tolkien Pride and Prejudice, Jane Austen His Dark Materials, Philip Pullman The Hitchhiker's Guide to the Galaxy, Douglas Adams Harry Potter and the Goblet of Fire, JK Rowling To Kill a Mockingbird, Harper Lee Nineteen Eighty-Four, George Orwell The Lion, the Witch and the Wardrobe, CS Lewis Jane Eyre, Charlotte Brontë Catch-22, Joseph Heller Wuthering Heights, Emily Brontë Birdsong, Sebastian Faulks Rebecca, Daphne du Maurier The Catcher in the Rye, JD Salinger The Wind in the Willows, Kenneth Grahame Great Expectations, Charles Dickens Little Women, Louisa May Alcott Captain Corelli's Mandolin, Louis de Bernieres War and Peace, Leo Tolstoy Gone with the Wind, Margaret Mitchell Harry Potter And The Philosopher's Stone, JK Rowling Harry Potter And The Chamber Of Secrets, JK Rowling Harry Potter And The Prisoner Of Azkaban, JK Rowling The Hobbit, JRR Tolkien Seizures 24 / 25 End of session Any questions? The Little Content Book by Penny Everett 25 / 25