This presentation covers accessibility mistakes that are still commonly made. It was created for an internal Yahoo event for front-end engineers to share best practices.
Yahoo! Hack University: Accessibility Innovations and ChallengesTed Drake
Are you an accessibility advocate or champion? This presentation introduces steps to make your applications and web sites accessible. It also challenges us to create the future accessibility solutions.
It was created for the Yahoo! Hack University event at the University of Washington by Ted Drake, from the Yahoo! Accessibility Lab.
This presentation is intended to assist CIO's with setting up a formal IT Governance model for their college or university. There are two companion files also in Slideshare linked at the end of an IT Governance Committee Charter and an IT Project Governance Guideline.
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
Historically, accessibility specialists focused on a narrow set of disabilities. We focused on the senses, such as sight, sound, and touch. We focused on abilities, like hearing, movement, and seeing.
We expanded to include cognitive, mental health, and neurodiversity. This is significant. We now have tools to build inclusive products and services for an estimated 25% of the population. What about the other 75%?
As accessibility professionals, we understand unique experiences and needs. We are best equipped to expand customer research and design at our companies. Universal design was described as a one size fits all solution. Inclusive design is one size fits one. Intersectional design is one size fits one, but also accounts for price, texture, availability, cultural appropriateness, and more.
This presentation introduces the next layer of inclusive design; one that recognizes trauma.
Trauma-Informed Design (TID) started in education, health, and community spaces. It focuses on the person’s experiences, recognizing trauma’s impact, anxiety, and restoring personal control. Architects embraced TID to develop spaces that are comfortable instead of confrontive.
While the earlier stages of TID focused on individualized experiences, we can still take the principles and apply them to web and mobile application design. This is especially critical for emerging AI powered experiences where transparency and collective understanding are rarely considered.
Transforming Accessibility one lunch at a tiime - CSUN 2023Ted Drake
Try to remember March 2020. The COVID epidemic was raging and businesses sent everyone home to work remotely. Ted Drake and Sagar Barbhaya were at the 2020 CSUN ATC conference. Returning to our homes, we wondered if we could continue the energy and curiosity found at a conference, only transforming it for a virtual work environment. The following week, we launched Intuit’s Zoom-based Accessibility Lunch and Learn series. It was an experiment planned to last only a few weeks. We reached out to our Accessibility Champion network and quickly arranged daily lectures, mostly based on presentations already given at onboarding and other training events. As the epidemic grew, we turned inward and focused less on accessibility and more on our mental health, living with a disability, and celebrating our diversity. The key transformation came with a talk about sobriety in the workplace. The speaker’s courage to discuss her journey led to heartfelt conversations about mental health, the loss of community, and the struggle where colleagues were trying to encourage hope with “happy hours” and alcohol-related team building activities. This presentation led to immediate improvements in our workplace language and pandemic policies. It also showed a lunch and learn was more than a lecture. It could be the community we were aching for. With more than 100 presentations and thousands of participants, we continue to learn something new every week.
Inclusive Design for cognitive disabilities, neurodiversity, and chronic illnessTed Drake
Learn how to design for people with short term memory loss, problems focusing on a task, struggling with anxiety, and dealing with chronic pain. This presentation will introduce you to the people you need to include in your designs. You will also have clear action items for inclusive design.
Yahoo! Hack University: Accessibility Innovations and ChallengesTed Drake
Are you an accessibility advocate or champion? This presentation introduces steps to make your applications and web sites accessible. It also challenges us to create the future accessibility solutions.
It was created for the Yahoo! Hack University event at the University of Washington by Ted Drake, from the Yahoo! Accessibility Lab.
This presentation is intended to assist CIO's with setting up a formal IT Governance model for their college or university. There are two companion files also in Slideshare linked at the end of an IT Governance Committee Charter and an IT Project Governance Guideline.
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
Historically, accessibility specialists focused on a narrow set of disabilities. We focused on the senses, such as sight, sound, and touch. We focused on abilities, like hearing, movement, and seeing.
We expanded to include cognitive, mental health, and neurodiversity. This is significant. We now have tools to build inclusive products and services for an estimated 25% of the population. What about the other 75%?
As accessibility professionals, we understand unique experiences and needs. We are best equipped to expand customer research and design at our companies. Universal design was described as a one size fits all solution. Inclusive design is one size fits one. Intersectional design is one size fits one, but also accounts for price, texture, availability, cultural appropriateness, and more.
This presentation introduces the next layer of inclusive design; one that recognizes trauma.
Trauma-Informed Design (TID) started in education, health, and community spaces. It focuses on the person’s experiences, recognizing trauma’s impact, anxiety, and restoring personal control. Architects embraced TID to develop spaces that are comfortable instead of confrontive.
While the earlier stages of TID focused on individualized experiences, we can still take the principles and apply them to web and mobile application design. This is especially critical for emerging AI powered experiences where transparency and collective understanding are rarely considered.
Transforming Accessibility one lunch at a tiime - CSUN 2023Ted Drake
Try to remember March 2020. The COVID epidemic was raging and businesses sent everyone home to work remotely. Ted Drake and Sagar Barbhaya were at the 2020 CSUN ATC conference. Returning to our homes, we wondered if we could continue the energy and curiosity found at a conference, only transforming it for a virtual work environment. The following week, we launched Intuit’s Zoom-based Accessibility Lunch and Learn series. It was an experiment planned to last only a few weeks. We reached out to our Accessibility Champion network and quickly arranged daily lectures, mostly based on presentations already given at onboarding and other training events. As the epidemic grew, we turned inward and focused less on accessibility and more on our mental health, living with a disability, and celebrating our diversity. The key transformation came with a talk about sobriety in the workplace. The speaker’s courage to discuss her journey led to heartfelt conversations about mental health, the loss of community, and the struggle where colleagues were trying to encourage hope with “happy hours” and alcohol-related team building activities. This presentation led to immediate improvements in our workplace language and pandemic policies. It also showed a lunch and learn was more than a lecture. It could be the community we were aching for. With more than 100 presentations and thousands of participants, we continue to learn something new every week.
Inclusive Design for cognitive disabilities, neurodiversity, and chronic illnessTed Drake
Learn how to design for people with short term memory loss, problems focusing on a task, struggling with anxiety, and dealing with chronic pain. This presentation will introduce you to the people you need to include in your designs. You will also have clear action items for inclusive design.
This talk was presented at the San Diego Accessibility Meetup on August 1, 2022. It explains the basics of affordances, signifiers, cognitive load, and how we can design to reduce the effort needed by our customers to understand and use our products. This also includes updated information on Long COVID and why we need to focus more of our attention on cognitive accessibilty.
Automated accessibility testing can greatly improve the product experience by empowering developers and designers to eliminate repetitive, mundane errors and focus on the challenging and interesting elements. This presentation focuses on the customer experience and how it can be improved by using automated testing throughout the software development cycle.
Ask any accessibility leader about accessible colors and they’ll wince from the pain of struggling for a solution. Why is it so difficult to ensure your product meets WCAG 2.1 AA color contrast requirements? Ted Drake, Intuit’s Global Accessibility Leader, will explain the basics of color accessibility requirements. He will also talk about the conflict of overlapping requirements, dealing with brand colors, using color to denote hierarchy of information, and instances where adequate contrast impedes readability. You will have a better understanding of why accessible color usage is a journey and strategies for making continual progress.
About the Speaker – Ted Drake
Photo of Ted Drake
Ted Drake is the Global Accessibility Leader for Intuit, a financial software company. Intuit’s small and centralized accessibility team has created a culture of inclusive development and design with more than 600 champions. Customer interviews and feedback is key to their development.
Ted started working in accessibility almost 20 years ago, when he was the web site manager for the San Diego Museum of Art. He was also an early adopter of standards-based web development, which treated accessibility as core to engineering. While at Yahoo!, Ted was a front-end engineer, developer evangelist, and co-founded Yahoo’s Accessibility Lab. Ted’s benefited from ample International travel, including many trips to India and two years working out of Europe. Connect with Ted Drake on linkedin.
This presentation is for the Hello A11y conference celebrating Global Accessibility Awareness Day 2020. It introduces how artificial intelligence and machine learning is being used in assistive technology for people with disabilities.
Expand your outreach with an accessibility champions program Ted Drake
Expand your accessibility outreach by creating an accessibility champion program. This presentation was created for the CSUN 20 conference and includes how Intuit and other companies structure their champion program and what you can expect.
Intuit's Accessibility Champion Program - Coaching and Celebrating Ted Drake
This presentation was created for the Accessibility Online webinar series. It explains the goal of Intuit's Accessibility Champion program and explains the steps and successes of this program. The presentation will help you set up a similar problem at your company. Get the full details at this article: http://www.last-child.com/intuits-accessibility-champion-program/
This presentation was created for the Rotary Club of San Francisco to highlight research being done today for assistive technology and how it could appear in mainstream products and services in the future.
Inclusive customer interviews make it your friday taskTed Drake
Customer research has been a core part of Intuit from the earliest days of the company. In the 1980’s Intuit engineers would hang out at computer stores to find people buying Quicken software and ask if they could follow them home to watch their installation process to learn
about pain points and opportunities. Kurt Walecki, Intuit VP of Design, described the importance:
From the very beginning, Intuit has done user research both to understand how customers are using their current products and to identify customers’ unmet needs, allowing them to introduce new products to the market to satisfy them.
Every product and team at Intuit uses customer research and interviews to design and build products and new functionality. Intuit’s use of Lean Startup includesthe mantra “fall in love with
the problem, not the solution”
.
The goal is to understand the customer’s pain points and missed opportunities first, expand on the problem, build prototypes, continually review with the customer to test solutions, and then promote it to a product feature. This customer focus ensures the product grows with useful features and doesn’t bloat with unnecessary technology.
Coaching and Celebrating Accessibility ChampionsTed Drake
Accessibility is
extremely
impor
t
ant
when it comes to developing applications. It is the
right of every customer to get the same experience when they interact with a product and
disability is something t
hat should never come in the way.
Engineers are the folks
responsible for making this hap
pen and hence it is extremely important for them to
be
motivated and passionate around this technology. Let us learn how Intuit does this.
Accessibility statements and resource publishing best practices csun 2019Ted Drake
Accessibility features, products and services are of limited benefit if
consumers do not know
what is available, or how to access and use them. Companies that have taken the step of
creating a website focused on accessibility are reaching out to users who need that
information. Knowing the essential components to provide a sup
portive and positive
experience for users with disabilities will enable companies to develop or improve their
accessibility websites.
Intuit is in the process of developing an acc
essibility statement and resource center.
Rather
than reinvent the wheel, decided to research what other technology, e
-
commerce, finance,
transportation, and educational companies have done to see what works and what does not.
Raising Accessibility Awareness at IntuitTed Drake
This presentation was given for the Bay Area Accessibility and Inclusive Design Meetup group to share Intuit's journey to expand accessibility education and ownership.
Matt May tweeted an observation in 2016 introducing Trickle-Down Accessibility and recognized prioritizing our blind customers could lead to less support for others.
Focusing on screen reader accessibility has distinct advantages for product developers. If your application works with a screen reader, it should also be usable with a keyboard, voice recognition, and switch control devices. Screen reader accessibility also falls in line with automated testing tools.
However, there are many disabilities, and assistive technologies, that are not necessarily benefited by this focus on the blind/low-vision community. Color contrast, closed captioning, readability, consistency in design, user customization, session timeouts, and animation distraction are just a few examples of concerns that often go unaddressed.
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...Ted Drake
Accessible version: http://www.last-child.com/a11y-data-metrics/
Learn how top companies are tracking and graphing product accessibility progress and incorporating data from automated, manual, and user testing to create management dashboards.
Mystery Meat 2.0 – Making hidden mobile interactions accessibleTed Drake
Mystery Meat was the unsavory term for hiding menus behind a parent link. Learn about today’s mobile version and how to make it accessible.
Accessible version: http://www.last-child.com/mystery-meat-2-accessible/
React Native Accessibility - San Diego React and React Native MeetupTed Drake
This presentation was created by Poonam Tathavadkar and Ted Drake for the San Diego React and React Native meetup to introduce mobile accessibility and how to use React Native's functions to build accessible Android and iOS applications.
Ubiquitous Transactions - Financial Future and AccessibilityTed Drake
This short presentation was created for a financial panel at the m-enabling summit 2016. It introduces some new and upcoming standards that could simplify financial transactions and thus making them more accessible. Please see the accessible version of this presentation http://www.last-child.com/ubiquitous-transactions/
Learn how your company can add automated testing for accessibility on all platforms. This presentation covers what Intuit has learned while working towards this goal
Accessible version: http://wearability.org/wearable-future-accessibility.html
This presentation for CSUN 2016 explores the current landscape of wearable devices and how future devices will impact the lives of people with a physical, sensory, and/or cognitive disability.
This talk was presented at the San Diego Accessibility Meetup on August 1, 2022. It explains the basics of affordances, signifiers, cognitive load, and how we can design to reduce the effort needed by our customers to understand and use our products. This also includes updated information on Long COVID and why we need to focus more of our attention on cognitive accessibilty.
Automated accessibility testing can greatly improve the product experience by empowering developers and designers to eliminate repetitive, mundane errors and focus on the challenging and interesting elements. This presentation focuses on the customer experience and how it can be improved by using automated testing throughout the software development cycle.
Ask any accessibility leader about accessible colors and they’ll wince from the pain of struggling for a solution. Why is it so difficult to ensure your product meets WCAG 2.1 AA color contrast requirements? Ted Drake, Intuit’s Global Accessibility Leader, will explain the basics of color accessibility requirements. He will also talk about the conflict of overlapping requirements, dealing with brand colors, using color to denote hierarchy of information, and instances where adequate contrast impedes readability. You will have a better understanding of why accessible color usage is a journey and strategies for making continual progress.
About the Speaker – Ted Drake
Photo of Ted Drake
Ted Drake is the Global Accessibility Leader for Intuit, a financial software company. Intuit’s small and centralized accessibility team has created a culture of inclusive development and design with more than 600 champions. Customer interviews and feedback is key to their development.
Ted started working in accessibility almost 20 years ago, when he was the web site manager for the San Diego Museum of Art. He was also an early adopter of standards-based web development, which treated accessibility as core to engineering. While at Yahoo!, Ted was a front-end engineer, developer evangelist, and co-founded Yahoo’s Accessibility Lab. Ted’s benefited from ample International travel, including many trips to India and two years working out of Europe. Connect with Ted Drake on linkedin.
This presentation is for the Hello A11y conference celebrating Global Accessibility Awareness Day 2020. It introduces how artificial intelligence and machine learning is being used in assistive technology for people with disabilities.
Expand your outreach with an accessibility champions program Ted Drake
Expand your accessibility outreach by creating an accessibility champion program. This presentation was created for the CSUN 20 conference and includes how Intuit and other companies structure their champion program and what you can expect.
Intuit's Accessibility Champion Program - Coaching and Celebrating Ted Drake
This presentation was created for the Accessibility Online webinar series. It explains the goal of Intuit's Accessibility Champion program and explains the steps and successes of this program. The presentation will help you set up a similar problem at your company. Get the full details at this article: http://www.last-child.com/intuits-accessibility-champion-program/
This presentation was created for the Rotary Club of San Francisco to highlight research being done today for assistive technology and how it could appear in mainstream products and services in the future.
Inclusive customer interviews make it your friday taskTed Drake
Customer research has been a core part of Intuit from the earliest days of the company. In the 1980’s Intuit engineers would hang out at computer stores to find people buying Quicken software and ask if they could follow them home to watch their installation process to learn
about pain points and opportunities. Kurt Walecki, Intuit VP of Design, described the importance:
From the very beginning, Intuit has done user research both to understand how customers are using their current products and to identify customers’ unmet needs, allowing them to introduce new products to the market to satisfy them.
Every product and team at Intuit uses customer research and interviews to design and build products and new functionality. Intuit’s use of Lean Startup includesthe mantra “fall in love with
the problem, not the solution”
.
The goal is to understand the customer’s pain points and missed opportunities first, expand on the problem, build prototypes, continually review with the customer to test solutions, and then promote it to a product feature. This customer focus ensures the product grows with useful features and doesn’t bloat with unnecessary technology.
Coaching and Celebrating Accessibility ChampionsTed Drake
Accessibility is
extremely
impor
t
ant
when it comes to developing applications. It is the
right of every customer to get the same experience when they interact with a product and
disability is something t
hat should never come in the way.
Engineers are the folks
responsible for making this hap
pen and hence it is extremely important for them to
be
motivated and passionate around this technology. Let us learn how Intuit does this.
Accessibility statements and resource publishing best practices csun 2019Ted Drake
Accessibility features, products and services are of limited benefit if
consumers do not know
what is available, or how to access and use them. Companies that have taken the step of
creating a website focused on accessibility are reaching out to users who need that
information. Knowing the essential components to provide a sup
portive and positive
experience for users with disabilities will enable companies to develop or improve their
accessibility websites.
Intuit is in the process of developing an acc
essibility statement and resource center.
Rather
than reinvent the wheel, decided to research what other technology, e
-
commerce, finance,
transportation, and educational companies have done to see what works and what does not.
Raising Accessibility Awareness at IntuitTed Drake
This presentation was given for the Bay Area Accessibility and Inclusive Design Meetup group to share Intuit's journey to expand accessibility education and ownership.
Matt May tweeted an observation in 2016 introducing Trickle-Down Accessibility and recognized prioritizing our blind customers could lead to less support for others.
Focusing on screen reader accessibility has distinct advantages for product developers. If your application works with a screen reader, it should also be usable with a keyboard, voice recognition, and switch control devices. Screen reader accessibility also falls in line with automated testing tools.
However, there are many disabilities, and assistive technologies, that are not necessarily benefited by this focus on the blind/low-vision community. Color contrast, closed captioning, readability, consistency in design, user customization, session timeouts, and animation distraction are just a few examples of concerns that often go unaddressed.
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...Ted Drake
Accessible version: http://www.last-child.com/a11y-data-metrics/
Learn how top companies are tracking and graphing product accessibility progress and incorporating data from automated, manual, and user testing to create management dashboards.
Mystery Meat 2.0 – Making hidden mobile interactions accessibleTed Drake
Mystery Meat was the unsavory term for hiding menus behind a parent link. Learn about today’s mobile version and how to make it accessible.
Accessible version: http://www.last-child.com/mystery-meat-2-accessible/
React Native Accessibility - San Diego React and React Native MeetupTed Drake
This presentation was created by Poonam Tathavadkar and Ted Drake for the San Diego React and React Native meetup to introduce mobile accessibility and how to use React Native's functions to build accessible Android and iOS applications.
Ubiquitous Transactions - Financial Future and AccessibilityTed Drake
This short presentation was created for a financial panel at the m-enabling summit 2016. It introduces some new and upcoming standards that could simplify financial transactions and thus making them more accessible. Please see the accessible version of this presentation http://www.last-child.com/ubiquitous-transactions/
Learn how your company can add automated testing for accessibility on all platforms. This presentation covers what Intuit has learned while working towards this goal
Accessible version: http://wearability.org/wearable-future-accessibility.html
This presentation for CSUN 2016 explores the current landscape of wearable devices and how future devices will impact the lives of people with a physical, sensory, and/or cognitive disability.
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
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
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/
Communications Mining Series - Zero to Hero - Session 1DianaGray10
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfPeter Spielvogel
Building better applications for business users with SAP Fiori.
• What is SAP Fiori and why it matters to you
• How a better user experience drives measurable business benefits
• How to get started with SAP Fiori today
• How SAP Fiori elements accelerates application development
• How SAP Build Code includes SAP Fiori tools and other generative artificial intelligence capabilities
• How SAP Fiori paves the way for using AI in SAP apps
UiPath Test Automation using UiPath Test Suite series, part 5DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
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.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...Neo4j
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
Common Accessibility Mistakes
1. Are you still doing that?!?!
Common Accessibility Errors
Ted Drake
Yahoo! Accessibility Lab
Monday, March 28, 2011
2. Contrast
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
Make sure web sites have enough contrast
http://snook.ca/technical/colour_contrast/colour.html
3. Red Green
click on the red button
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
Don’t use color as the only delimiter.
Finance uses color + arrows.
Yahoo! sites are pretty good at doing this correctly
red and green are the same color for those that are color blind.
4. Lady Gaga stuns the Grammys
Monday, March 28, 2011
Image from Getty Images
5. Lady Gaga stuns the Lady Gaga performs “Born
Grammys This Way” while emerging
from a large egg-shaped
pod
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
This is appropriate alt text
6. http://ts2.mm.bing.net/
Lady Gaga stuns the images/thumbnail.aspx?
Grammys q=590377916357&id=99b
50262230077d041a48c43
e717cf39
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
don’t forget to add the alt attribute to every image
7. Lady Gaga stuns the
Grammys Lady Gaga stuns the
Grammys
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
It doesn’t help to duplicate the headline in the image.
Try placing them in the same link and use alt=””
8. Lady Gaga stuns the
Grammys
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
alt=”” is ignored by screen reader.
Good for decorative images
Good for images within a link that has descriptive text
Not good for content images by themselves
role=”presentation” will tell screenreaders to ignore the image
9. Images Disabled
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
add a background color to your background CSS when the link text is the same color as the
container background color.
This can cause problems with transparent images using rounded corners.
10. <html dir=”rtl”>
The mother of all scroll bars
Off-screen Text
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
using position:absolute; left:-999em to create off-screen text generates huge scroll bars
when switched to rtl text direction
11. Use Clip
.visually-hidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, 7 */
clip: rect(1px, 1px, 1px, 1px);
}
Yahoo! Accessibility Library
Clip your hidden content for better accessibility
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
This rule tells us to position the element absolutely
then only show the top left pixel.
http://yaccessibilityblog.com/library/css-clip-hidden-content.html
background images disapear in high contrast or MS optimization mode. Inline images can be
safer.
12. Some rights reserved by Marcin Wichary on Flickr
Monday, March 28, 2011
Don’t forget keyboard accessibility
13. :hover, :focus, :active
Monday, March 28, 2011
Don’t remove focus and active styles without providing an alternative.
onclick is the only event that is supported by keyboard as well as mouse users
14. <bu$on>Sign
In</bu$on>
<a>Cancel</a>
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
Don’t use a link for a button.
at least add role=”button”
you can style a button to look like a link for UED
15. Command +
Is not testing for text size flexibility
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
In firefox and safari choose view->zoom text only, then use command +
Also test by setting a larger text size in your browser preferences
16. <label for=”p”>Search Yahoo! Foo</label>
<input id=”p” name=”p” type=”text”>
Buckle it up
<label for=”p”>Search the web</label>
<input id=”p” name=”p” type=”text”>
Monday, March 28, 2011
implicit binding of label and input does not work in IE6.
Buckle + Belt is fine.
Make sure you don’t duplicate input id’s on the same page.
Test your forms with a screenreader. Using an image with alt within the label was found to
not work.
17. Visit our code library
Accessibility.Yahoo.Com/library/
Yahoo! Accessibility Lab Accessibility.Yahoo.Com | @yahooaccess | Facebook.com/YahooAccessibility
Monday, March 28, 2011
Visit the Yahoo! Accessibility Lab’s code library to find best practices for accessibility.