Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is inaccessible, research shows you could be excluding up to 20 percent of your visitors and customers. When your website is accessible, everyone can consume your information and interact with you and your services. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device. Designing with accessibility in mind will also improve your SEO. Join my workshop to learn more about accessibility, the importance of universal design, and how to create a high-quality user experience that is inclusive and beneficial to all.
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is inaccessible, research shows you could be excluding up to 20 percent of your visitors from interacting with your content and functionality. If your university website is inaccessible, you could be preventing access to education, student services, and more.
When your website is accessible, everyone can consume your information freely. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device.
While creating accessible websites involves every step, including design and content, the foundation for good accessibility starts with good markup. Join my workshop to learn more about accessibility and how to program a high-quality user experience that is inclusive and beneficial to all.
How to create accessible websites - WordCamp BostonRachel Cherry
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is inaccessible, research shows you could be excluding up to 20 percent of your visitors and customers. When your website is accessible, everyone can consume your information and interact with you and your services. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device. Designing with accessibility in mind will also improve your SEO. Join my workshop to learn more about accessibility, the importance of universal design, and how to create a high-quality user experience that is inclusive and beneficial to all.
Understanding and Supporting Web AccessibilityRachel Cherry
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is accessible, all users can access your content and functionality no matter their abilities. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device. Most accessibility features will also improve your SEO.
When your site is inaccessible, research shows you could be excluding up to 20 percent of your users.
This talk will cover the basics of accessibility, why it’s important, and how you can support accessibility in your projects.
In this deck I aim to broaden our definitions of accessibility and disability to create a more effective and useful mindset to approach the challenge. To be clear, web accessibility is not a simple of matter of "designing for blind people." It's not even just about hman disabilities. Accessibility is also not the sole responsibility if developers. While code plays a critical role in accessibility the real challenge, and the majority accessibility failure, comes in the form of content and visual design. If reaching the largest possible audience is a primary goal you'll need to be accessible. Enjoy.
A Half Day Workshop on Building Accessible Websites For People With DisabilitiesAayush Shrestha
The beauty of internet is in its availability and universality. However, developers are neglecting a big chunk of population when they build websites that are not accessible.
In this workshop, we will talk about accessibility and how it can be achieved in the websites that we build with very little extra effort to what we have been doing all along.
Organized by:
Sangai Hami - Together We
American Embassy
nLocate | Locate things nearby
How to start with Accessibility - WordCamp StuttgartMaja Benke
Most freelancers and agencies who work in web knows that accessibility matters, but during the daily working life it is sometimes hard to include accessibility into the projects. At the same time accessibility seems like a huge area and it overwhelms sometimes to start with it. In this talk I will show some tools and resources about accessibility that makes it easy to start with accessibility. Also I will show the most common accessibility issues in web projects and provide simple solutions, that are easy to integrate.
Accessibility is not disability Drupal South 2014Gareth Hall
Accessibility
The web is about information sharing. Why make it hard for users to access your content. Release your site from bad building practices, make it equal access for all and get SEO benefits for free.
Get through to the disabled community
By breaking down disability barriers you open up your content to a wider community currently 600,000+ in NZ.
There are definite dos and don’ts when it comes to building for the disabled. Learn what works for them.
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is inaccessible, research shows you could be excluding up to 20 percent of your visitors from interacting with your content and functionality. If your university website is inaccessible, you could be preventing access to education, student services, and more.
When your website is accessible, everyone can consume your information freely. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device.
While creating accessible websites involves every step, including design and content, the foundation for good accessibility starts with good markup. Join my workshop to learn more about accessibility and how to program a high-quality user experience that is inclusive and beneficial to all.
How to create accessible websites - WordCamp BostonRachel Cherry
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is inaccessible, research shows you could be excluding up to 20 percent of your visitors and customers. When your website is accessible, everyone can consume your information and interact with you and your services. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device. Designing with accessibility in mind will also improve your SEO. Join my workshop to learn more about accessibility, the importance of universal design, and how to create a high-quality user experience that is inclusive and beneficial to all.
Understanding and Supporting Web AccessibilityRachel Cherry
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to, websites by people with disabilities. When your website is accessible, all users can access your content and functionality no matter their abilities. Visually-impaired users can visit your website using a screen reader. Those who can’t use a mouse can navigate your site using a keyboard or other input device. Most accessibility features will also improve your SEO.
When your site is inaccessible, research shows you could be excluding up to 20 percent of your users.
This talk will cover the basics of accessibility, why it’s important, and how you can support accessibility in your projects.
In this deck I aim to broaden our definitions of accessibility and disability to create a more effective and useful mindset to approach the challenge. To be clear, web accessibility is not a simple of matter of "designing for blind people." It's not even just about hman disabilities. Accessibility is also not the sole responsibility if developers. While code plays a critical role in accessibility the real challenge, and the majority accessibility failure, comes in the form of content and visual design. If reaching the largest possible audience is a primary goal you'll need to be accessible. Enjoy.
A Half Day Workshop on Building Accessible Websites For People With DisabilitiesAayush Shrestha
The beauty of internet is in its availability and universality. However, developers are neglecting a big chunk of population when they build websites that are not accessible.
In this workshop, we will talk about accessibility and how it can be achieved in the websites that we build with very little extra effort to what we have been doing all along.
Organized by:
Sangai Hami - Together We
American Embassy
nLocate | Locate things nearby
How to start with Accessibility - WordCamp StuttgartMaja Benke
Most freelancers and agencies who work in web knows that accessibility matters, but during the daily working life it is sometimes hard to include accessibility into the projects. At the same time accessibility seems like a huge area and it overwhelms sometimes to start with it. In this talk I will show some tools and resources about accessibility that makes it easy to start with accessibility. Also I will show the most common accessibility issues in web projects and provide simple solutions, that are easy to integrate.
Accessibility is not disability Drupal South 2014Gareth Hall
Accessibility
The web is about information sharing. Why make it hard for users to access your content. Release your site from bad building practices, make it equal access for all and get SEO benefits for free.
Get through to the disabled community
By breaking down disability barriers you open up your content to a wider community currently 600,000+ in NZ.
There are definite dos and don’ts when it comes to building for the disabled. Learn what works for them.
I Am the LAAW! (Lean Accessibility Audit Workshops)Michael Ryan
Fitting accessibility into an agile development cycle can be challenging. Often accessibility specialists are spread thin across agile squads and they have to deliver quickly into multiple sprint cycles.
To meet the demand I looked to Lean UX principles and developed The Lean Accessibility Audit Workshop (LAAW). LAAW has two goals 1) detect accessibility problems quickly and 2) spread the accessibility knowledge. This is accomplished by training members of agile squads on accessibility basics, evaluation methods and tools. The training evolves into an accessibility audit as squad members collaboratively capture, share and prioritize findings. The LAWW method compresses a 6-8 week evaluation process into a 2 weeks process while training squad members to detect and avoid accessibility issues in the future. And it can be pretty fun.
Web Accessibility: A Shared ResponsibilityJoseph Dolson
This a presentation prepared for a Montana Web Developer's Meetup in December, 2011. The focus is on collaborating with content providers and employers to share the responsibility for web accessibility.
Designing, Developing & Testing for AccessibilityEric Malcolm
In this talk we will go over the basics of designing, developing and testing for accessibility. Including: Color Contrast, Sizing & Spacing, Device Independent User Input, Page Structure, Headings, Testing Tools, Extensions, Testing with a Screen Reader.
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesRadek Pavlíček
Slides with comments from my workshop presentation at Universal Learning Design Conference 2013. My workshop was about accessibility, HTML5 and WAI-ARIA and their benefit to users with special needs. Some examples included ;-)
In this talk we will go over the basics of accessibility and building it into your website. We will cover accessibility principles (POUR: Perceivable, Operable, Understandable, Robust), using screen readers, and approaches to achieving accessibility guidelines.
A beginners guide to accessibility testing. An overview of common mistakes websites make and highlighting some easy to use tools that anyone can incorporate into their work.
Presented at www.AccessibilityCalgary.com on May 12, 2013.
Don't Panic! How to perform an accessibility evaluation with limited resourcesMichael Ryan
Being tasked with an accessibility evaluation is can be daunting. How can you measure accessibility? What disabilities are the most important? What tools do you need? How long will it take? Where do I start? What does "accessible" even mean?
These are all questions I asked myself last year when I performed my first accessibility eval. This session will share everything I learned since then in performing three accessibility evaluations.
Inclusive design: real accessibility for everyoneChris Mills
This presentation gives an introduction to inclusive design, including 10 principles of inclusive design, where it came from, and how to implement it in a project. Code examples include media queries and viewport.
Accessibility: Proven, easy integration into design and development workflowsRobert Jolly
Integrating Accessibility (a11y) into the project process can be downright scary. In this session, I’ll cover basic web accessibility principles for web designers, developers, and site owners, then show how to turn seemingly daunting and confusing accessibility requirements into understandable, actionable tasks and techniques. The talk will cover some of the accessibility-specific WordPress plugins and themes available, as well as some quick, easy tests to integrate into design and development workflows.
An introduction to accessibility: definition, concepts, some requirements from WCAG, checking the accessibility conformance, recommendations and curiosities.
Tools And Techniques For Evaluating AccessibilityRachel Cherry
When your website is accessible, all users can access your content no matter their abilities. Visually-impaired users can visit your website using a screen reader. Those who can’t use the mouse can navigate your site using a keyboard or other input device. Some accessibility features might also improve your SEO. When your site is inaccessible, research shows you could be excluding up to 20 percent of your users. This talk for all skill levels will review tools and techniques you can use to test and improve your site’s accessibility.
Making your website accessible for users with disabilities isn’t flashy, but it’s necessary. Websites built for universal access benefit all users, not just users with a disability. They’re also more SEO friendly, and are generally built to be more user friendly. From generating increased revenue, to providing better access to services, the benefits of developing accessible websites are real and measurable.
The State of Georgia recently completed an Accessible Platform initiative, reviewing the templates and themes for our enterprise Drupal platform for accessibility gaps, and launching rolling improvements to the platform over several months to meet WCAG 2.0 (Level AA) compliance levels.
Accessibility doesn’t have to be an additional step in the web development process. Out of this initiative came a number of lessons learned on how code can be written to be accessible from the beginning, to mitigate the need for such cleanup efforts in the future. Building websites with accessibility in mind from the start saves time and money in the long haul. By following best practices for front end development, accessibility can be a seamless, invisible step in the build process.
I Am the LAAW! (Lean Accessibility Audit Workshops)Michael Ryan
Fitting accessibility into an agile development cycle can be challenging. Often accessibility specialists are spread thin across agile squads and they have to deliver quickly into multiple sprint cycles.
To meet the demand I looked to Lean UX principles and developed The Lean Accessibility Audit Workshop (LAAW). LAAW has two goals 1) detect accessibility problems quickly and 2) spread the accessibility knowledge. This is accomplished by training members of agile squads on accessibility basics, evaluation methods and tools. The training evolves into an accessibility audit as squad members collaboratively capture, share and prioritize findings. The LAWW method compresses a 6-8 week evaluation process into a 2 weeks process while training squad members to detect and avoid accessibility issues in the future. And it can be pretty fun.
Web Accessibility: A Shared ResponsibilityJoseph Dolson
This a presentation prepared for a Montana Web Developer's Meetup in December, 2011. The focus is on collaborating with content providers and employers to share the responsibility for web accessibility.
Designing, Developing & Testing for AccessibilityEric Malcolm
In this talk we will go over the basics of designing, developing and testing for accessibility. Including: Color Contrast, Sizing & Spacing, Device Independent User Input, Page Structure, Headings, Testing Tools, Extensions, Testing with a Screen Reader.
How HTML5 and WAI-ARIA Can Improve Virtual Space of UniversitiesRadek Pavlíček
Slides with comments from my workshop presentation at Universal Learning Design Conference 2013. My workshop was about accessibility, HTML5 and WAI-ARIA and their benefit to users with special needs. Some examples included ;-)
In this talk we will go over the basics of accessibility and building it into your website. We will cover accessibility principles (POUR: Perceivable, Operable, Understandable, Robust), using screen readers, and approaches to achieving accessibility guidelines.
A beginners guide to accessibility testing. An overview of common mistakes websites make and highlighting some easy to use tools that anyone can incorporate into their work.
Presented at www.AccessibilityCalgary.com on May 12, 2013.
Don't Panic! How to perform an accessibility evaluation with limited resourcesMichael Ryan
Being tasked with an accessibility evaluation is can be daunting. How can you measure accessibility? What disabilities are the most important? What tools do you need? How long will it take? Where do I start? What does "accessible" even mean?
These are all questions I asked myself last year when I performed my first accessibility eval. This session will share everything I learned since then in performing three accessibility evaluations.
Inclusive design: real accessibility for everyoneChris Mills
This presentation gives an introduction to inclusive design, including 10 principles of inclusive design, where it came from, and how to implement it in a project. Code examples include media queries and viewport.
Accessibility: Proven, easy integration into design and development workflowsRobert Jolly
Integrating Accessibility (a11y) into the project process can be downright scary. In this session, I’ll cover basic web accessibility principles for web designers, developers, and site owners, then show how to turn seemingly daunting and confusing accessibility requirements into understandable, actionable tasks and techniques. The talk will cover some of the accessibility-specific WordPress plugins and themes available, as well as some quick, easy tests to integrate into design and development workflows.
An introduction to accessibility: definition, concepts, some requirements from WCAG, checking the accessibility conformance, recommendations and curiosities.
Tools And Techniques For Evaluating AccessibilityRachel Cherry
When your website is accessible, all users can access your content no matter their abilities. Visually-impaired users can visit your website using a screen reader. Those who can’t use the mouse can navigate your site using a keyboard or other input device. Some accessibility features might also improve your SEO. When your site is inaccessible, research shows you could be excluding up to 20 percent of your users. This talk for all skill levels will review tools and techniques you can use to test and improve your site’s accessibility.
Making your website accessible for users with disabilities isn’t flashy, but it’s necessary. Websites built for universal access benefit all users, not just users with a disability. They’re also more SEO friendly, and are generally built to be more user friendly. From generating increased revenue, to providing better access to services, the benefits of developing accessible websites are real and measurable.
The State of Georgia recently completed an Accessible Platform initiative, reviewing the templates and themes for our enterprise Drupal platform for accessibility gaps, and launching rolling improvements to the platform over several months to meet WCAG 2.0 (Level AA) compliance levels.
Accessibility doesn’t have to be an additional step in the web development process. Out of this initiative came a number of lessons learned on how code can be written to be accessible from the beginning, to mitigate the need for such cleanup efforts in the future. Building websites with accessibility in mind from the start saves time and money in the long haul. By following best practices for front end development, accessibility can be a seamless, invisible step in the build process.
eCommerce & Accessibility Webinar: How Accessibility can Boost Conversion RatesCyber-Duck
Presentation slides from Cyber-Duck's eCommerce and Accessibility Webinar: How Accessibility Can Boost Conversion Rates.
According to the 2019 Click-Away Pound report, 69% of disabled people with access needs will ‘click away’ from a website with accessibility barriers. The estimated value of this ‘click away’ spend is over £17 billion. This is without considering how non accessible websites often deter users without disabilities.
On October 26th, Cyber-Duck joined with BigCommerce for an exclusive webinar on how providing an accessible eCommerce site can help retail businesses succeed online and boost conversions.
Marketing Without Barriers: Considering Digital Accessibility for Customers a...Whole Brain Group, LLC
There are 57 million Americans living with a disability, and many of these people need to use assistive technology to interact with websites and digital marketing materials. If your website and marketing materials aren't created properly, they won't be compatible with these devices, and you could be unintentionally excluding customers who would otherwise like to buy from you. You can also be at risk for legal liability if you're in an industry that is subject to accessibility compliance regulations.
This talk illustrates why businesses and marketers should be thinking about accessibility when they develop marketing plans and launch digital campaigns.
It’s great to keep up to date with readings, meetups, and training, but until you embed accessibility thinking within your project or product delivery process, you’ll struggle to build truly accessible solutions.
Remya is going to share Seamless’s journey in implementing a cross-functional working group and weaving accessibility into their web development process.
Presented at DDD Conference, Melbourne / 12 Aug 2017
Images are an essential part of many websites, but they can be a barrier for users who are visually impaired. By providing alternative text for images, you can ensure that users who use screen readers can still understand the content of the image.
Do the right thing: accessibility and inclusive design (with Drupal)cspin
What developers, designers, content managers, and stakeholders need to know about the current state of web accessibility, the laws in Ontario enforcing accessibility by January 2014, and how Drupal can help.
This session will highlight the capabilities within AEM 6.2 that allow you to create accessible web content and how to meet the important requirements of WCAG 2.0.
Similar to How to create accessible websites - WordCamp New York (20)
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
3. #WPNYC #a11y @bamadesigner
• Intro to accessibility and why it’s important
• WCAG accessibility standards and legal concerns
• How to add accessibility testing to your workflow
• Common accessibility issues and how to address them
• Easy accessibility fixes that make a big impact
This session will cover:
4. #WPNYC #a11y @bamadesigner
Web accessibility refers to
the inclusive practice of
removing barriers that prevent
interaction with, or access to,
websites by people with disabilities.
5. #WPNYC #a11y @bamadesigner
Data shows 1 in 5 people have a disability.
You could be excluding 20% of
your visitors from accessing your
information, products, and services.
Why is accessibility important?
6. How do we ensure the
digital world is accessible?
VISUAL HEARING
MOTOR COGNITIVE
Deafness and hard-of-hearingBlindness, low vision, color-blindness
Inability to use a mouse,
slow response time,
limited fine motor control
Learning disabilities, inability to
remember or focus on large
amounts of information
8. #WPNYC #a11y @bamadesigner
Perceivable:
Information (and user interface components)
must be presentable to users in ways they can
perceive.
Must be available to the senses either through
the browser or through assistive technologies
(e.g. screen readers, screen enlargers, etc.)
9. Perceivable:
• Provide text alternatives for non-text content,
like images, video, and audio
• Offer captions, transcripts, and audio
descriptions for audio and video
• Design content to be easy to read and
listened to, e.g. good contrast, volume
control
10. #WPNYC #a11y @bamadesigner
Operable:
User interface components and navigation
cannot require interaction that a user cannot
perform.
Users can interact with all functionality using
either the mouse, keyboard, or an assistive
device.
11. Operable:
• All functionality should be available using a
keyboard
• There should be enough time to read content
and perform functionality
• Avoid designing content that might cause
seizures
• Help users navigate and find content
12. #WPNYC #a11y @bamadesigner
Understandable:
Users must be able to understand the
information as well as the operation of the user
interface.
Content is clear and limits confusion and
ambiguity.
13. #WPNYC #a11y @bamadesigner
• Write easy-to-read text with assistive
technologies in mind
• Design content and the interface to behave in
predictable ways
• Help users to avoid and correct mistakes
when entering input
Understandable:
14. #WPNYC #a11y @bamadesigner
Robust:
Content must be robust enough that it can be
interpreted reliably by as many web browsers
and agents as possible, including assistive
technologies.
Users must be able to access the content as
technologies advance.
15. How do we create
ACCESSIBLE
websites?
#WPNYC #a11y
16. #WPNYC #a11y @bamadesigner
The foundation of good accessibility is
good design, markup, and UX
which creates a high quality experience
for EVERYONE.
17. #WPNYC #a11y @bamadesigner
To provide accessible technology,
we have to consider diverse
needs during every step of a
project.
22. #WPNYC #a11y @bamadesigner
Much easier and cheaper
to design for (and maintain)
accessibility during your project
than to handle after the fact.
23. The Web Content Accessibility Guidelines (WCAG) are
published by the Web Accessibility Initiative (WAI) of the
World Wide Web Consortium (W3C).
• WCAG has 3 levels: A, AA, and AAA
• WCAG version 2.0 AA is the industry standard
• Current version was published in December 2008
• WCAG 2.1 was released June 2018.
Web accessibility standards:
24. #WPNYC #a11y @bamadesigner
WCAG 2.0 Quick Reference
https://www.w3.org/WAI/WCAG20/quickref/
Walks you through techniques and failures!
27. #WPNYC #a11y @bamadesigner
Pages without proper heading structure/order
• Are your headers in order? h1, h2, h3, etc.
• Allows content to be readable without a stylesheet, for
those who do not navigate visually.
Common website barriers:
28. #WPNYC #a11y @bamadesigner
Non-text content without a text equivalent
• Provide alt attributes or captions for images
• Provide captions and audio descriptions for videos
• Provide transcripts for audio recordings
Common website barriers:
29. Without alternative text, life-saving information in this
graphic is not available to visually impaired users.
31. The point of providing a text
equivalent is to convey the same
information and context as people
who can see the image.
DO NOT: Simply write “red car”.
DO: Ask yourself “why is this picture
of a red car on the page?
PRO TIP for writing image alt text:
32. #WPNYC #a11y @bamadesigner
Being unable to access functionality by keyboard
• Can you access all actions, functionality and content?
• Can you open “popups”, interact with them, close them?
• Does any functionality have keyboard trap?
Common website barriers:
33. Unable to visually determine if an element has focus
• If someone is navigating your site by keyboard, could they
determine where they are on the page?
• Could they determine which form field has focus?
• Could they determine if a button can be pressed?
Common website barriers:
34. NEVER: Remove :focus CSS styles
EASY FIX:
Search your CSS for usage of :hover.
Test those elements on your site and
make sure there are equivalent :focus
styles.
PRO TIP to ensure element focus:
35. PRO TIP to ensure element focus:
button {
background-color: #d8d8d8;
color: #222;
&:focus,
&:hover {
background: #222;
color: #fff;
}
}
36. #WPNYC #a11y @bamadesigner
Unable to skip large blocks of repeatable content
• The most common barriers for guests are having to tab
through the header and menu on every page.
• Do you use ARIA to help label sections of your page?
Common website barriers:
37. <a id=“skip” href="#content">Skip to Main Content</a>
#skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
#skip:focus {
position: static;
width: auto;
height: auto;
}
How to provide “Skip to content”:
38. Actions without defined purpose or context
• Do your actions (links and buttons) provide clear context
about what’s going to happen? Never use “click here”.
• Is the HTML markup for your actions valid?
• Are you using a link when you should be using a button?
Common website barriers:
39. Using color to convey information / insufficient contrast
• Is there clear contrast between the color of your text
and its background color? Minimum: 4.5:1
• If a guest is color blind, would they have the same
experience as any other guest?
Common website barriers:
40. Web accessibility means that
people with disabilities can
perceive, understand, navigate,
interact with, and contribute to
the Web.
If color is the only method for conveying a link:
41. The link is invisible to those who can’t see blue:
Web accessibility means that
people with disabilities can
perceive, understand, navigate,
interact with, and contribute to
the Web.
42. Web accessibility means that
people with disabilities can
perceive, understand, navigate,
interact with, and contribute to
the Web.
If a different color AND an underline is used:
43. Then the link would become visible:
Web accessibility means that
people with disabilities can
perceive, understand, navigate,
interact with, and contribute to
the Web.
44. Responsive web design is
important to ensure your site can be
viewed on assistive devices of
various sizes.
Other considerations:
46. Be mindful of your language.
• Avoid statements like:
“See our home page”.
• Instead, use non-sensory
language: “Visit our home page”.
47. #WPNYC #a11y @bamadesigner
Spec created to improve accessibility
of applications by providing extra
information to screen readers via
HTML attributes.
ARIA (Assistive Rich Internet Applications)
48. <div role="contentinfo">
<p>WordCamp NYC is an annual conference
celebrating WordPress, the open source software that
powers over 28% of the internet.</p>
</div>
<div role="alert">
<p>Have you said “Hi Roy” today? Go to hiroy.club to
greet Roy and make Rachel happy.</p>
</div>
ARIA example:
50. an accessibility evaluation tool from WebAIM
http://wave.webaim.org
• Free in-browser testing
• Free Chrome extension
• Premium API
TESTS FOR: WCAG 2.0 A/AA
51. an accessibility visualization toolkit
http://khan.github.io/tota11y
• Alt text and confusing link text
• Color contrast
• Heading structure
• Form labels
• ARIA landmarks
TESTS FOR:
• Javascript file that
places button on site
• Free Chrome
extension
52. client-side script that checks HTML source code
and detects violations of a defined coding standard
http://squizlabs.github.io/HTML_CodeSniffer
• Copy/paste code for quick testing
• Free bookmarklet for in-browser testing
TESTS FOR: WCAG 2.0 A/AA/AAA
53. an automated accessibility testing library
http://pa11y.org
• WCAG 2.0 A/AA/AAA
TESTS FOR:
• Web dashboard
• JSON web service
• Command line
PROVIDES:
54. Javascript library that executes automated accessibility
testing inside your testing framework or browser of choice
http://www.deque.com/products/axe
• Free Javascript library
• Free Chrome extension
61. Take advantage of
in-browser testing tools to
evaluate product demos
before you purchase.
ACCESSIBILITY PRO TIP:
#WPNYC #a11y
62. #WPNYC #a11y @bamadesigner
• Web accessibility is more prominent in higher education
because the only laws that exist are for
organizations that receive federal funding.
Legal implications
63. The only laws that exist are for
organizations that receive federal funding.
64. General businesses and organizations are not required by law,
but still receive civil suits. To name a few:
What about general businesses?
65. #WPNYC #a11y @bamadesigner
• Web Accessibility Laws & Policies
• https://www.w3.org/WAI/policies/
• Introduction to Laws Throughout the World
• https://webaim.org/articles/laws/world/
What about other countries?
66. 1. Focus on high quality UX and valid HTML markup
• Follow web standards to provide robust experience
2. Learn web accessibility standards and understand common
barriers
• Adopt checklists into every step of your workflow
3. Use tools to test for violations, priority on user testing
• Software really helps, but human experience is king
How to create accessible websites: