An introduction to web accessibility - including a look at the different types of disability and the difficulties some people have in using websites.
So can WordPress be used to create accessible websites? There's good news and bad news.
And what about the WordPress admin screens, are they accessible? Well, that's a bit of a problem as we'll see.
This presentation was given at WordCamp UK in Edinburgh on Sunday July 15th 2012.
WordPress is increasing in popularity within the world as a content management tool for producing and maintaining all kinds of websites - not just blogs. But is it possible to create accessible websites using WordPress. This presentation looks at the meaning of web accessibility, why it's important, and what factors can influence accessibility within the WordPress framework. I also cover how things are changing for the better within future releases of WordPress.
Beginners Guide To Web Accessibility - WordCamp UK July 2013Graham Armfield
A beginners guide to web accessibility. A presentation covering the definition of what web accessibility is, why it's important, what you can do about it, and when to think about it.
Tech Quiz conducted by Bivash Rath on behalf of Quizzine and OQA for the Microsoft Dev Group Odisha at Rajdhani Engineering College on 17.01.2015.
Any reference to any repeated questions does not indicate plagiarism but high level of inspiration from the original source. :)
WordPress is increasing in popularity within the world as a content management tool for producing and maintaining all kinds of websites - not just blogs. But is it possible to create accessible websites using WordPress. This presentation looks at the meaning of web accessibility, why it's important, and what factors can influence accessibility within the WordPress framework. I also cover how things are changing for the better within future releases of WordPress.
Beginners Guide To Web Accessibility - WordCamp UK July 2013Graham Armfield
A beginners guide to web accessibility. A presentation covering the definition of what web accessibility is, why it's important, what you can do about it, and when to think about it.
Tech Quiz conducted by Bivash Rath on behalf of Quizzine and OQA for the Microsoft Dev Group Odisha at Rajdhani Engineering College on 17.01.2015.
Any reference to any repeated questions does not indicate plagiarism but high level of inspiration from the original source. :)
Web Accessibility: What it is, Why it's importantGraham Armfield
Slides from a presentation I gave to an ISTC group meeting on November 12th 2013. The audience consisted mainly of technical authors - most of whom were not technically orientated.
The presentation is an introduction to web accessibility, and as well as a definition for web accessibility I presented some reasons why it's important to take it seriously. I looked at various types of disability and impairment, some examples of assistive technology, and some simple things that content authors can do to help keep their articles and posts accessible.
Web accessibility is about creating web content, design, and tools that can be used by everyone regardless of ability. Web accessibility is the need for websites to utilize tools and technologies developed to aid the perception, understanding, contribution, navigation, and interaction of a person with disabilities on the site. Integrating accessibility can seem intimidating to those that are just getting acquainted with it, but it is a vital element of user experience. Accessibility should be built into the web development and design process, rather than trying to retrofit it as an afterthought.
Some of our key accessibility ideas are back to front. The most important aspect of the accessibility of images isn't 'alt-text'. The number of disabled people who use assistive technologies is tiny compared with those who don't. And for many people video is more accessible than text, not less accessible.
In this CSUN 2014 talk, Professor Jonathan Hassell exposes 16 foundational things that all advocates “know” about accessibility as myths, using real user-research to show how they need to be replaced to properly serve today’s tablet and mobile-obsessed disabled and older users.
Product design is Poo - And how to fix it!Craig Sullivan
A look at why product design is still so poor, even after 22 years of digital design work. Why do these problems exist and how can we remove them from the way we build products? Lean corporate and startup growth models are explored in the solutions to this horrendous problem!
Product Design is Poo - And we're all going to dieCraig Sullivan
A humorous presentation about what is wrong with the current way of building digital products. Showing what is wrong, explaining the signs and giving you a checklist for reforming your company - are laid out with links, resources and further reading.
ian Stewart, UK Sales Manager, BrowseAloud - PSFBuzz North East - Effective Social Networking and Web 2.0 Strategies for Local Authorities - a Public Sector Forums Conference, 7 July 2009, Newcastle.
See differently | Tailor-made comms | Wales networking group | 21 May 2019CharityComms
Elin Haf Edwards, external affairs manager and Ffion Lewis, communications manager, RNIB Cymru
Visit the CharityComms website to view slides from past events, see what events we have coming up and to check out what else we do: www.charitycomms.org.uk
Business Case for Digital Inclusion & Social Housing 8 Feb 2014Helen Milner
Demonstrating the issues of the digital divide, and demonstrating how social & public housing can help to close this divide. Fact, stats, and some clear solutions on how to close the digital gap. Showing the massive impact of putting services online as well as making sure customers and citizens can use them through local action & elearning/online learning or MOOCs. World class solutions for a hyper local problem.
BDA - The Importance of Digital Accessibility and why it should matter to the...Lyndon Borrow
Lyndon's presentation on "The Importance of Digital Accessibility and why it should matter to the business sector in 2014" to highlights the importance of making businesses accessible for all.
Useful Accessibility Tools Version 3 - Jul 2021Graham Armfield
A collection of tools used to check websites for accessibility, and it some cases improve the accessibility of a website. All the tools are free, so have a go.
So how do i know if my wordpress website is accessible - WordPress Accessibil...Graham Armfield
Testing websites for accessibility can be a daunting undertaking if it's not something you're familiar with. The WCAG 2.1 accessibility guidelines can be hard to follow. But actually, many aspects of digital accessibility are not that complicated.
In this talk I move away from the impenetrable guidelines, and introduce a simpler series of yes/no questions that anyone can answer about their own website. In the time available it can't cover every single potential accessibility problem, but instead I focus on some of the most common, and most serious accessibility issues that I've found when reviewing websites. Where possible, I'll also talk about how you can fix any issues founds.
More Related Content
Similar to WordPress and Web Accessibility: Why It's Important. WordCampUK 2012
Web Accessibility: What it is, Why it's importantGraham Armfield
Slides from a presentation I gave to an ISTC group meeting on November 12th 2013. The audience consisted mainly of technical authors - most of whom were not technically orientated.
The presentation is an introduction to web accessibility, and as well as a definition for web accessibility I presented some reasons why it's important to take it seriously. I looked at various types of disability and impairment, some examples of assistive technology, and some simple things that content authors can do to help keep their articles and posts accessible.
Web accessibility is about creating web content, design, and tools that can be used by everyone regardless of ability. Web accessibility is the need for websites to utilize tools and technologies developed to aid the perception, understanding, contribution, navigation, and interaction of a person with disabilities on the site. Integrating accessibility can seem intimidating to those that are just getting acquainted with it, but it is a vital element of user experience. Accessibility should be built into the web development and design process, rather than trying to retrofit it as an afterthought.
Some of our key accessibility ideas are back to front. The most important aspect of the accessibility of images isn't 'alt-text'. The number of disabled people who use assistive technologies is tiny compared with those who don't. And for many people video is more accessible than text, not less accessible.
In this CSUN 2014 talk, Professor Jonathan Hassell exposes 16 foundational things that all advocates “know” about accessibility as myths, using real user-research to show how they need to be replaced to properly serve today’s tablet and mobile-obsessed disabled and older users.
Product design is Poo - And how to fix it!Craig Sullivan
A look at why product design is still so poor, even after 22 years of digital design work. Why do these problems exist and how can we remove them from the way we build products? Lean corporate and startup growth models are explored in the solutions to this horrendous problem!
Product Design is Poo - And we're all going to dieCraig Sullivan
A humorous presentation about what is wrong with the current way of building digital products. Showing what is wrong, explaining the signs and giving you a checklist for reforming your company - are laid out with links, resources and further reading.
ian Stewart, UK Sales Manager, BrowseAloud - PSFBuzz North East - Effective Social Networking and Web 2.0 Strategies for Local Authorities - a Public Sector Forums Conference, 7 July 2009, Newcastle.
See differently | Tailor-made comms | Wales networking group | 21 May 2019CharityComms
Elin Haf Edwards, external affairs manager and Ffion Lewis, communications manager, RNIB Cymru
Visit the CharityComms website to view slides from past events, see what events we have coming up and to check out what else we do: www.charitycomms.org.uk
Business Case for Digital Inclusion & Social Housing 8 Feb 2014Helen Milner
Demonstrating the issues of the digital divide, and demonstrating how social & public housing can help to close this divide. Fact, stats, and some clear solutions on how to close the digital gap. Showing the massive impact of putting services online as well as making sure customers and citizens can use them through local action & elearning/online learning or MOOCs. World class solutions for a hyper local problem.
BDA - The Importance of Digital Accessibility and why it should matter to the...Lyndon Borrow
Lyndon's presentation on "The Importance of Digital Accessibility and why it should matter to the business sector in 2014" to highlights the importance of making businesses accessible for all.
Similar to WordPress and Web Accessibility: Why It's Important. WordCampUK 2012 (20)
Useful Accessibility Tools Version 3 - Jul 2021Graham Armfield
A collection of tools used to check websites for accessibility, and it some cases improve the accessibility of a website. All the tools are free, so have a go.
So how do i know if my wordpress website is accessible - WordPress Accessibil...Graham Armfield
Testing websites for accessibility can be a daunting undertaking if it's not something you're familiar with. The WCAG 2.1 accessibility guidelines can be hard to follow. But actually, many aspects of digital accessibility are not that complicated.
In this talk I move away from the impenetrable guidelines, and introduce a simpler series of yes/no questions that anyone can answer about their own website. In the time available it can't cover every single potential accessibility problem, but instead I focus on some of the most common, and most serious accessibility issues that I've found when reviewing websites. Where possible, I'll also talk about how you can fix any issues founds.
A look at some useful accessibility tools.
These tools help test websites for accessibility, and there are a couple of WordPress plugins that can help improve a website's accessibility.
Revised version of my presentation - first delivered to WordCamp Manchester in 2019.
Presentation looks at some small tweaks to HTML and CSS that can make your site a little more accessible.
Covers: SVG images, screen reader text, some CSS to help when building your web templates/themes, and some CSS that can help show your content authors where they may have made some accessibility mistakes.
Useful Accessibility Tools - WP Pompey April 2019Graham Armfield
Updated version of my presentation showing some useful tools people can use to test out the accessibility of their site.
The tools range from hardware - ie using a keyboard, through browser extensions and favlets, to a couple of WordPress plugins that can help improve the accessibility of a WordPress website.
Some of the tools can also be used by those with disabilities or impairments to more easily access and deal with websites that are not fully accessible.
In an era where the number of web accessibility legal actions is growing rapidly, it's important that those who build websites do what they can to make their websites accessible. Good accessibility also brings in more potential customers for your products or services - which is good for any business.
This presentation looks at some simple tricks and techniques to improve accessibility that can be incorporated when you're building a WordPress theme - either for yourself or for a client.
It also has a section on what to tell content authors and editors so that they don't mess up the accessibility of the website once you've built it.
Accessibility Hacks Wordcamp Manchester October 2018Graham Armfield
A bunch of small accessibility tweaks that WordPress theme builders can make to improve the accessibility of their products.
Contains a section on making SVG files accessible to screen reader users. And then some CSS techniques that can help trap accessibility gotchas when building themes, and for content authors when they preview posts or pages.
Some useful accessibility tools to help test your site and development environment for accessibility, and can also potentially improve the accessibility of your website.
The slides that go with my Assistive Technology Demo as given to WordCamp Bristol on 13th May 2017.
I demo Dragon NaturallySpeaking - voice recognition software, and NVDA - a screen reader.
The slides introduce the demo - and contain a few of the common commands for each of the two pieces of software demoed.
Designing for Accessibility - WordCamp London 2017Graham Armfield
An updated and expanded version of this presentation that looks at how design decisions can affect the accessibility of a website.
Subjects covered:
- Use of colour, and colour contrast
- Catering for keyboard users
- Text and Content
- Placeholders and forms
Designing for Accessibility - Front End North - September 2016Graham Armfield
A lightning talk on Designing for Accessibility. A look at the accessibility implications of some common design patterns. Featuring:
- Colour contrast
- Using colour to convey meaning
- Text justification
- Placeholders
Obscure Wordpress Functions That Are Actually Quite UsefulGraham Armfield
Slides from a lightning talk delivered to WordPress London Meetup Group on 25th Feb 2016.
The presentation runs through some WordPress functions that I've found useful whilst building themes.
Themes Plugins and Accessibility - WordCamp London March 2015Graham Armfield
WordPress is used by over 20% of the world's websites. But how many accessible themes are there in the WordPress theme repository?
The answer is, "not many".
This presentation tries to demystify the recently introduced accessibility-ready tag within the theme review process. It's a tag that WordPress theme authors can use to indicate that their theme has good accessibility features. It's actually not that hard to achieve, and the web will be a better place if there were more accessibility-ready themes for people to choose from.
I also look at the impact WordCamp plugins can have on accessibility, and talk about whether the accessibility-ready principles could be used by plugin authors. The short answer, is that yes they can be useful.
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Graham Armfield
WordPress is a CMS that now powers over 20% of the world's websites.
But how easy is it to create an accessible website using WordPress? What is there to help you, and what are the pitfalls?
And if you want to help make WordPress more accessible, there's a team of volunteers who would love to talk to you. Come and join in at: https://make.wordpress.org/accessibility/get-involved-1/
This slide deck formed the basis of a round table discussion that I chaired at eAccess15 in London on 24th March 2015.
There are over 2000 WordPress themes available on the WordPress theme repositiry. But only a small number are fully accessible.
Yet the accessibility guidelines available in the WordPress codex aren't hard to follow. And there is a new 'accessibility ready' tag that can be applied to themes that pass the extra accessibility test carried out when themes are reviewed.
This presentation looks at the accessibility part of the WordPress theme review process and describes what needs to be done to help a theme pass the test.
Even if you're not creating themes for the WordPress repository, but just creating them for your own website, or for a client, this presentation could be useful.
Wordpress and Web Accessibility Wordcamp UK 2014Graham Armfield
WordPress accessibility is improving, with some real strides over the last year. But is it changing fast enough?
This presentation covers some of the improvements that have been made with WordPress themes, and in the admin area. But I also cover some things that shouldn't have happened, and where we can learn from mistakes.
I also present my view of where WordPress should go next with accessibility.
Presentation delivered to ISTC (Institute of Scientific and Technical Communicators) Southern Area Group on May 13th 2014.
The presentation is an introduction to using WordPress, and how it can work for you if you need a website, for your business or your own personal blog.
I cover a bit about the history of WordPress, how it works, adding content, getting a WordPress website, and general maintenance when you've got one.
So How Do I Know if My Website is Accessible?Graham Armfield
Presentation I delivered on Global Accessibility Awareness Day - May 15th 2014. It was delivered as part of Inclusive Design 24 - 24 hours of accessibility webinars. The event was sponsored by the Paciello Group and Adobe.
The presentation is aimed at developers and website administrators who may have heard about accessibility, but who'd like to learn more.
It sets out a series of yes/no questions that anyone can answer about their own websites - using simple techniques and a couple of useful tools that you can download.
The presentation doesn't cover all aspects of web accessibility, but if you can answer these questions correctly about your website, then it's going to be more accessible than many.
Running a listing or job board site can be a great experience and generate ad revenue. But you don't really want to add all the listings in yourself - that can be a lot of work.
So why not get your site visitors to add it for you, but without having to give them all a WordPress login.
This presentation focuses on the key techniques you can use to accept user generated content via a form on your WordPress website. You can use these techniques in many different ways, eg: for gig listings, general events, classified ads, job boards, company profiles, etc.
Its running cost is among the diverse vital aspects you must consider before buying an electric scooter. Calculate the cost of getting e-scooter charge for your regular usage to calculate its economic efficiency, similar to people who investigate the mileage of petrol or diesel-driven scooters.
During the coldest months, Italy transforms into a winter wonderland, providing visitors with a very unique experience. From the Settimana Bianca ski event to the lively Carnevale celebrations, Italy's winter festivities provide something for everyone. Enjoy hot cocoa, eat hearty comfort foods, and buy during winter deals. Explore the country's rich cultural past by participating in Settimana Bianca, and Carnevale, sipping hot chocolate, shopping during winter deals, and indulging in winter comfort foods. Visit our website https://timeforsicily.com/ for more information.
4 DAYS MASAI MARA WILDEBEEST MIGRATION SAFARI TOUR PACKAGE KENYABush Troop Safari
Join our 4-day Masai Mara Wildebeest Migration Safari in Kenya. Witness the incredible wildebeest migration, enjoy exciting game drives, and stay in comfortable lodges. Get up close and personal with one of nature's most amazing exhibits! Book Your Safari Today at - https://bushtroop-safaris.com/
How To Talk To a Live Person at American Airlinesflyn goo
This page by FlynGoo can become your ultimate guide to connecting with a live person at American Airlines. Have you ever felt lost in the automated maze of customer service menus? FlynGoo is here to rescue you from endless phone trees and automated responses. With just a click or a call to a specific number, we ensure you get the human touch you deserve. No more frustration, no more waiting on hold - we simplify the process, making your travel experience smoother and more enjoyable.
Antarctica- Icy wilderness of extremes and wondertahreemzahra82
In this presentation, we delve into the captivating realm of Antarctica, Earth's southernmost continent. This icy wilderness stands as a testament to extremes, with record-breaking cold temperatures and vast expanses of pristine ice. Antarctica's landscape is dominated by towering glaciers, colossal icebergs, and expansive ice shelves. Yet, amidst this frozen expanse, a rich tapestry of unique wildlife thrives, including penguins, seals, and seabirds, all finely attuned to survive in this harsh environment. Beyond its natural wonders, Antarctica also serves as a vital hub for scientific exploration, providing invaluable insights into climate change and the Earth's history
The Cherry Blossom season in Hunza begins in the second week of March and lasts until the end of April, varying with altitude. During this enchanting period, tourists from around the world flock to Hunza Valley to witness its transformation into a vibrant tapestry of white, pink, and green. The valley comes alive with cherry blossoms, creating a picturesque and mesmerizing landscape that captivates visitors.
About the Company:
The Cherry Blossom season in Hunza starts in the second week of March and extends until the end of April, depending on the altitude. During this enchanting period, tourists from around the globe travel to Hunza Valley to witness its transformation into a vibrant tapestry of white, pink, and green. The valley comes alive with cherry blossoms, creating a picturesque and mesmerizing landscape that captivates all who visit. For the best experience, join Hunza Adventure Tours, the top tour company in Pakistan, and immerse yourself in this breathtaking seasonal spectacle.
Exploring Montreal's Artistic Heritage Top Art Galleries and Museums to VisitSpade & Palacio Tours
Montreal boasts a vibrant artistic heritage, showcased in its top art galleries and museums. From the expansive collections at the Montreal Museum of Fine Arts to the cutting-edge exhibits at the Musée d'art contemporain, discover the city's rich cultural landscape. Experience dynamic street art, indigenous works, and contemporary pieces, reflecting Montreal's diverse and innovative art scene.
BTW UK Visa Application Process, Uk Visa complete guide, Uk Visa fees, requirements and application process. Know all about uk visa and best way to apply for the uk visa. Get to know about the requirements that allows you for the faster visa appliaction. BTW UK Visa Application Process, Uk Visa complete guide, Uk Visa fees, requirements and application process. Know all about uk visa and best way to apply for the uk visa. Get to know about the requirements that allows you for the faster visa appliaction. BTW UK Visa Application Process, Uk Visa complete guide, Uk Visa fees, requirements and application process. Know all about uk visa and best way to apply for the uk visa. Get to know about the requirements that allows you for the faster visa appliaction. BTW UK Visa Application Process, Uk Visa complete guide, Uk Visa fees, requirements and application process. Know all about uk visa and best way to apply for the uk visa. Get to know about the requirements that allows you for the faster visa appliaction. BTW UK Visa Application Process, Uk Visa complete guide, Uk Visa fees, requirements and application process. Know all about uk visa and best way to apply for the uk visa. Get to know about the requirements that allows you for the faster visa appliaction. BTW UK Visa Application Process, Uk Visa complete guide, Uk Visa fees, requirements and application process. Know all about uk visa and best way to apply for the uk visa. Get to know about the requirements that allows you for the faster visa appliaction. BTW UK Visa Application Process, Uk Visa complete guide, Uk Visa fees, requirements and application process. Know all about uk visa and best way to apply for the uk visa. Get to know about the requirements that allows you for the faster visa appliaction. BTW UK Visa Application Process, Uk Visa complete guide, Uk Visa fees, requirements and application process. Know all about uk visa and best way to apply for the uk visa. Get to know about the requirements that allows you for the faster visa appliaction. Get information in this PDF and simplyfy your visa process.
How To Change Name On Volaris Ticket.pdfnamechange763
How to change name on Volaris ticket? This is one of the most common questions asked by travelers flying with Volaris Airlines. The mentioned details can help you with your name rectification on the airline ticket. If you are still facing difficulties call the consolidation desk at +1-800-865-1848.
The Power of a Glamping Go-To-Market Accelerator Plan.pptxRezStream
Unlock the secrets to success with our comprehensive 8-Step Glamping Accelerator Go-To-Market Plan! Watch our FREE webinar, where you'll receive expert guidance and invaluable insights on every aspect of launching and growing your glamping business.
LUXURY TRAVEL THE ULTIMATE TOKYO EXPERIENCE FROM SINGAPORE.pdfDiper Tour
Get off on the most luxurious Tokyo itinerary from Singapore. Experience Tokyo’s sophisticated modernism and rich tradition with first-class travel, sumptuous lodging, fine food, and special tours. Savor the finest that this energetic city has to offer for an experience that will never be forgotten.
Discover Palmer, Puerto Rico, through an immersive cultural tour that unveils its rich history and vibrant traditions. Experience lively festivals, savor authentic cuisine, and explore local markets. Visit historical landmarks, museums, and stunning colonial architecture. Engage with friendly locals, enjoy live music, and hike scenic nature trails, all while participating in cultural workshops and discovering unique artisan crafts.
London Country Tours, the foremost travel partner offers customized Stonehenge tours from London coming with private tour guides and direct access to the inner circles. Visit: https://www.londoncountrytours.co.uk/tour/tours-to-stonehenge-oxford/
Discover the wonders of the Wenatchee River with a variety of river tours in Monitor, WA. Whether you're seeking thrilling whitewater rafting, peaceful kayaking, family-friendly float trips, or scenic sunset cruises, there's something for everyone. Enjoy fishing, wildlife spotting, bird watching, and more in this beautiful natural setting, perfect for outdoor enthusiasts and families alike.
MC INTERNATIONALS | TRAVEL COMPANY IN JHANGAshBhatt4
Experience the world with MC Internationals travel and tourism. From foreign getways to cultural concentration, we tailor unforgettable journeys for every traveler. Let us turn your dream into reality and create lasting memories. Explore with us today. #TRAVEL,COMPANY #BEST,TRAVEL,COMPANY #VISIT,VISA #EMPLOYMENT,VISA #STUDY,VISA #HAJJ,AND,UMRAH
WordPress and Web Accessibility: Why It's Important. WordCampUK 2012
1. WordPress and Web Accessibility:
Why it’s Important
Graham Armfield
www.coolfields.co.uk
Coolfields Consulting @coolfields
2. WordPress and Web Accessibility
Graham Armfield
Who am I?
• Web developer
• WordPress developer and user
• Accessibility consultant
• Accessibility tester
2
www.coolfields.co.uk
Coolfields Consulting @coolfields
3. What this presentation will cover
• What does web accessibility mean?
• Why web accessibility is important?
• Types of disability and how those with different
impairments use the web
• Using WordPress to build accessible sites
• Simple things we can all do
• Accessibility of the WordPress admin screens
• Resources
3
www.coolfields.co.uk
Coolfields Consulting @coolfields
4. What is web accessibility?
One definition:
“Enabling the web so that everyone can access its
content when they want to and how they need to”
4
www.coolfields.co.uk
Coolfields Consulting @coolfields
5. Why web accessibility is important
The web is increasingly the world’s preferred
channel for:
• Knowledge
• Social interaction
• Commerce
But it’s not always easy for:
• Those with disabilities
• Those who are getting older
5
www.coolfields.co.uk
Coolfields Consulting @coolfields
6. Why do web accessibility?
• Accessibility can increase the profitability of
a website
• Accessibility is a legal requirement
6
www.coolfields.co.uk
Coolfields Consulting @coolfields
7. Accessibility Myths - 1
It’s just for a minority of people…
• 12 million people in UK have a recognised disability
• In the UK 15 million are over 55 – 12 million over 65
• Allowing for overlap between those with disability
and those over 65 there could be as many as 16.5
million people in UK who could benefit from good
accessibility in websites
• 71% of PWD have invisible disabilities – such as a
learning or cognitive disability
7
www.coolfields.co.uk
Coolfields Consulting @coolfields
8. Accessibility Myths - 2
Accessibility is all about blind people…
• 2.6 million have difficulties using their hands which could
impact their use of keyboard and/or mouse
• 2.2 million people have difficulty with memory,
concentration or learning, of which about 1 million have a
learning difficulty
• About 2 million people have a hearing impairment, of
which 50,000 use British Sign Language to communicate
• About 2 million people are dyslexic
• 1.8 million people have a vision impairment, of which
180,000 are registered blind
• 1 in 12 men have colourblindness
8
www.coolfields.co.uk
Coolfields Consulting @coolfields
9. Accessibility Myths - 3
Yes, but my site is not meant for the
blind/deaf/motor impaired* (Delete as appropriate)
• People don’t always browse/buy just for themselves
• You can’t make assumptions about people
• Think about your site’s reputation amongst friends
and family of PWD
9
www.coolfields.co.uk
Coolfields Consulting @coolfields
10. Accessibility Myths - 4
It’s too expensive – not enough ROI
• PWD represent a market worth £80bn per year in the
UK – approx £320bn across EU
• Friends and family can add significantly to that
• 83% of disabled people will not return to a business
that does not meet their access needs.
• Studies in US show that friends and family of PWD will
also avoid inaccessible sites
10
www.coolfields.co.uk
Coolfields Consulting @coolfields
11. Accessibility can increase profit
It makes financial sense
• Tesco – In 2001 an accessible version of their shopping
site was launched at a cost £35k and yielded £13m
turnover a year
• If a company’s website is hard to use, people will
visit a competitor’s site which is easier to use.
• Why shut out revenue?
11
www.coolfields.co.uk
Coolfields Consulting @coolfields
12. Accessibility Myths - 5
If I ignore it, it’ll go away
• We are all getting older
• One in four will be over 65 by 2061
• How accessible do you want the web to be in
20/30/40 years time?
12
www.coolfields.co.uk
Coolfields Consulting @coolfields
13. Accessibility and the law
• Equality Act 2010 (Still the Disability Discrimination
Act in Northern Ireland)
• Laws specifically refer to websites
13
www.coolfields.co.uk
Coolfields Consulting @coolfields
14. Accessibility Myths - 6
No-one ever gets sued anyway
• A number of actions started against companies but
many settled ‘out of court’ with confidentiality
clauses attached.
• In 2012 RNIB started an action publicly against BMI
Baby. It was impossible to book flights and reserve
seats on their website without using a mouse.
» The case has now been settled as BMI Baby have
agreed to make changes.
» RNIB have indicated that they are looking at two
more actions in the near future.
14
www.coolfields.co.uk
Coolfields Consulting @coolfields
15. Types of impairment
So who can experience difficulties with websites
and apps?
Those with:
• Visual impairments
• Motor impairments
• Hearing impairments
• Epilepsy
• Cognitive impairments
71% of PWD have ‘invisible’ disabilities
15
www.coolfields.co.uk
Coolfields Consulting @coolfields
16. Techniques to mitigate impairment
Accessibility options in browsers
• Mainly Internet Explorer + Firefox
• Specify colours, font styles and sizes
• Adjust text size without zooming – there is a
difference
• Attach your own custom stylesheet (IE only)
16
www.coolfields.co.uk
Coolfields Consulting @coolfields
18. Screen reader examples
1.BBC News with NVDA
– medium speed
2.BBC News with NVDA
– slow speed
3.BBC News with NVDA
– faster speed
Refreshable Braille Display
http://www.youtube.com/watch?v=R6XAPkiQMtw
at approx 2:06 in
18
www.coolfields.co.uk
Coolfields Consulting @coolfields
19. But complexity comes at a price
How much for a screen reader?
Fortunately, open source to the rescue?
• NVDA screen reader
• free to download
• Mac and PC
• Improving all the time - http://www.nvda-project.org/
19
www.coolfields.co.uk
Coolfields Consulting @coolfields
20. iPhones, iPads and blindness
• Many accessibility features built in
• Eg Voiceover – screen reader
• Speech recognition
• Result is that many blind users swear by
their devices
20
www.coolfields.co.uk
Coolfields Consulting @coolfields
21. WordPress and Accessibility
Good news:
• WordPress core is generally very good at supporting
web accessibility
• Default themes are not too bad
• It is possible to create a WordPress website that is
very accessible
21
www.coolfields.co.uk
Coolfields Consulting @coolfields
22. WordPress and Accessibility
Bad news - 1:
• Most WordPress themes contain some elements that
compromise accessibility:
• Keyboard operability, visible focus
• Poor colour contrast
• Page structures
• Headings
• Etc
22
www.coolfields.co.uk
Coolfields Consulting @coolfields
23. WordPress and accessibility
Bad news - 2:
• Some WordPress plugins introduce markup and
functionality that is not accessible:
• Contact form plugins
• Lightbox, gallery and carousel plugins
• Social bookmarking plugins – eg Addthis
• Etc
• The WordPress admin screens have some inaccessible
features
23
www.coolfields.co.uk
Coolfields Consulting @coolfields
24. So who can make WordPress sites
accessible?
Theme Plugin
Developers Developers
Content
Authors
24
www.coolfields.co.uk
Coolfields Consulting @coolfields
25. Implementing accessibility
• Accessibility is a lot harder and more expensive to
retrofit.
• It needs to be designed in from the start
25
www.coolfields.co.uk
Coolfields Consulting @coolfields
26. So what can we do?
• Remember, disabilities and impairments are
not absolutes
• Few websites are totally impossible for
those with impairments to use.
• But most are difficult for some people with
disabilities and impairments
• Every accessibility step that you take will
make life easier for someone
26
www.coolfields.co.uk
Coolfields Consulting @coolfields
27. Simple things we can do - 1
Images – correct use of
alternate text (alt
attribute)
• Describe what image shows
or what it represents
Relevant for:
27
www.coolfields.co.uk
Coolfields Consulting @coolfields
28. Simple things we can do - 2
Links
• Ensure that destination is
clear from the link:
My blog post: Read more
rather than
My blog post: Read more
• If link opens new tab or
window inform the user
Relevant for:
Links list from JAWS screen
reader
28
www.coolfields.co.uk
Coolfields Consulting @coolfields
29. Simple things we can do - 3
Use headings properly
• Semantic elements
• Often used as navigation
mechanism by screen
reader users
• Signpost content
Relevant for: Headings list from JAWS screen
reader
29
www.coolfields.co.uk
Coolfields Consulting @coolfields
30. Simple things we can do - 4
Keyboard focus and
operation
• Focus should be easily visible
• Tab order should make sense
• Ensure all functionality
accessible by keystrokes
Relevant for:
30
www.coolfields.co.uk
Coolfields Consulting @coolfields
31. Simple things we can do - 5
Text
• Good colour contrast
• Should allow itself to be
resized without breaking
layout (initially)
• Use of colour alone to
convey meaning
How not to do it
Relevant for:
31
www.coolfields.co.uk
Coolfields Consulting @coolfields
32. Simple things we can do - 6
Mark up forms correctly <label for="yourname">Your
name:</label>
• Use labels for input fields <input type="text"
• Fieldset for grouping name="yourname"
id="yourname" value="" />
controls
• Clear display of errors and <input type=“checkbox"
name=“legal" id=“legal"
use text value=""
• Don’t use CAPTCHAs checked=“checked”/>
<label for=“legal">I have
Relevant for: read the legal page</label>
32
www.coolfields.co.uk
Coolfields Consulting @coolfields
33. Examples
Screen reader
• JAWS on text box with no
label
• JAWS on radio button with no label
• JAWS on text box with label
• JAWS on radio button with label
• JAWS on radio button with label and fieldset/legend
33
www.coolfields.co.uk
Coolfields Consulting @coolfields
34. Simple things we can do - 7
WAI-ARIA
• Roles/Landmarks help
signpost parts of web pages
• Live regions for dynamic
content
• More advanced roles for
AJAX sites and apps –
including mobile apps
Relevant for:
34
www.coolfields.co.uk
Coolfields Consulting @coolfields
35. Accessibility and the WordPress
admin area
So far we’ve covered creating websites that
are outwardly accessible…
Q. But what about the back end?
A. Oh dear…
35
www.coolfields.co.uk
Coolfields Consulting @coolfields
36. Accessibility and the WordPress
admin area -2
Key Issues
• Lack of design for accessibility in many key areas.
• Many tasks appear not to be achievable without use
of a mouse
• Those areas where accessibility features are included
can lack clear instructions – discoverability is so
important
• And remember – it’s not just about the blind…
36
www.coolfields.co.uk
Coolfields Consulting @coolfields
37. Demo issues with admin area
• Many, many links – including empty ones
• Visible focus
• Getting to where you want to be
37
www.coolfields.co.uk
Coolfields Consulting @coolfields
38. Demo issues with admin area
Adding and Editing Posts and Pages
• Many problems here for anyone who can’t use a
mouse
• Accessing tool bar
• Adding images
• Tab order of edit screen doesn’t always make sense
• It’s good that some help is provided but instructions
need to be clearer
• Remember – accessibility is not just about blind
people – how do sighted people using keyboard or AT
use these screens?
38
www.coolfields.co.uk
Coolfields Consulting @coolfields
39. Demo issues with admin area
Custom Menus
• Can add items to a menu with keyboard, but…
• Believed to be impossible to manipulate hierarchy
of menu items without use of a mouse
• Can tab to each menu item but it does not
announce what it is or its position in the hierarchy
– could be done with some ARIA wizardry
• Could do with some instructions when accessible
techniques are available
39
www.coolfields.co.uk
Coolfields Consulting @coolfields
40. Demo issues with admin area
Widgets
• There are accessibility options here but they are
not easy to find.
• Once you know where they are you can
manipulate widgets without a mouse – but it
could be a lot easier
• Some clear instructions would be good -
Discoverability
40
www.coolfields.co.uk
Coolfields Consulting @coolfields
41. Demo issues with admin area
Theme Customisation
• Can’t really see how to do this without using a mouse
• When popup appears, focus needs to be transferred
into the panel – it’s actually still in the screen
underneath.
• When saving options transfer focus back to where you
were before – in this case the link that opened the
panel.
41
www.coolfields.co.uk
Coolfields Consulting @coolfields
42. Demo issues with admin area
Logging off
• Don’t think this is possible without using a mouse
42
www.coolfields.co.uk
Coolfields Consulting @coolfields
43. Resources 1
• WCAG Guidelines - http://www.w3.org/TR/WCAG/
WARNING: Not all easy reading, but use the
‘Understanding WCAG’ section
• Accessibility sites and blogs (including my own)
• Webaim - http://webaim.org/
• Accessify - http://accessify.com/news/
• WebAxe - http://webaxe.blogspot.com/
• Coolfields (my own) - http://www.coolfields.co.uk/blog/
(including many guides to correct markup of forms, text for
screen readers only, etc)
43
www.coolfields.co.uk
Coolfields Consulting @coolfields
46. Resources 4
YouTube Videos
• American blind woman demos JAWS – (slow start)
http://www.youtube.com/watch?v=si1_iR5lbyg
• ARIA - live regions
http://www.youtube.com/watch?v=9nZnTdSAkH0
• Leonie Watson on ARIA regions
http://www.youtube.com/watch?v=IhWMou12_Vk
• MS User and Dragon Naturally Speaking
http://www.youtube.com/watch?v=BsZo1p_5-o4
• Build your own assistive technology – (Don’t) try this at home
http://www.youtube.com/watch?v=1LR11wDFMcA
46
www.coolfields.co.uk
Coolfields Consulting @coolfields
47. To finish
Thanks for listening – any questions?
graham.armfield@coolfields.co.uk
47
www.coolfields.co.uk
Coolfields Consulting @coolfields
Editor's Notes
Freelance developer – used to work for large financial organisation but now run my own company.
Why I’m doing this presentation:Try to get developers and content authors to think about a11y when they’re developing or creating their content.To try to convince you that accessibility can be worth itTo point up deficiences with Wordpress in the hope that something can be done about it.
One definition – not just about people with disabilities.Similar to definition on WordPress Codex Accessibility page.How they need to may be a browser, or some other piece of technology.
PWD = People with disabilityAlso, many people with impairments that affect how they use the internet would not consider that they have a disability.
Colour blindness – penalty shoot out display.
Tesco – accessible site no longer exists as a separate entity. The techniques used were included in the main Tesco online site.Most of my clients are small businesses who are selling products or services. They want to maximise their reach within potential customers.
TypesVisualBlindness (total/partial), colour blindness low visionMotor Restricted use of limbs/handsParkinsonsetcMany cannot use a mouse or struggle to use one with sufficient precisionHearingPartial to full deafnessSensitivity to background noiseEpilepsyCognitiveDyslexiaAttention deficitAutismLinguistic impairmentsEtc
Those with impairments are unlikely to be using Google Chrome – it doesn’t expose as many useful accessibility features and doesn’t follow all useful web standards – eg in-page link focus.
I have a visual impairment – I’m shortsighted. My assistive technology is a pair of glassesAssistive technology can be software based – magnification or screen reader or speech recognition softwareOr hardware based – braille reader, various switches
Continue spectacles analogy – my short range prescription is now so far from my long range prescription that I need bifocals. These are significantly more expensive than standard lenses.Same is true for ATJaws is the industry standard screen reader. How much do you think it costs? And for upgrades too? How much is a refreshing braille display?Fortunately NVDA is available for free. It’s not quite as good as JAWS but is improving all the time. JAWS is much better for non-browser based applications like Word, Excel etc
WordPress admin screens are covered in more detail a bit later
If image is a link describe the destinationDecorative images – leave alternate text blank (alt=“”)Background imagesNo alternate textWill not be voiced so meaning is not conveyed
It is possible to hide verbose messages from sighted users but have them available for screen readers
Good to add all contact in semantic waysSemantic elementsOften used as navigation mechanism by screen reader usersBreak up content into more manageable chunksTry to nest correctlyAlso good for SEONavigation mechanism – think about newspapersBreaking up content – helps those with attention deficit issues and other cognitive impairments
Show example of church website
Basically it needs to be easy to readResizing text is not the same as zoomingLayouts should be resilientAvoid justification
HTML5 Prompt attribute is not yet supported in all AT
ARIA is a huge areaARIA landmarks can be used to jump around the pageScreen reader users are learning to look for them in web pages nowStill really useful despite more semantic HTML5 elements