- The document provides an overview of a presentation on accessibility given by Adrian Roselli. It discusses statistics on disabilities, techniques for making websites accessible, and ways to motivate accessibility work.
- Basic statistics are given on the prevalence of vision, hearing, mobility, and cognitive disabilities both in the US and worldwide. Over 10% of working-age US adults have some form of disability.
- Techniques for testing accessibility are covered, including checking label-field relationships, keyboard-only use, disabling images/CSS, high contrast mode, and ensuring captions and transcripts.
- Motivations discussed include the likelihood of developing a disability over time, accidents that could cause impairment, and how accessibility benefits future and injured
User Experience Design Fundamentals - Part 2: Talking with UsersLaura B
#2 in a 3-part series on UX Fundamentals: Talking with Users
Understand why you should talk to users to uncover, validate and/or understand their goals.
Learn how and when to talk with your users:
User research methods
Planning
Best practices for interviews
Why meetings matter to designers; common pitfalls for bad meetings (and conversely, characteristics for good meetings) and tips on how to have more effective meetings.
User Experience Design Fundamentals - Part 3: From People to ProductLaura B
#3 in a 3-part series on UX Fundamentals: From People to Product
* Learn how to analyze the information you get from your users.
* Learn how to apply findings to your product design.
User Experience Design Fundamentals - Part 1: Users & GoalsLaura B
#1 in a 3-part series on UX Fundamentals: Users & Goals
* Value & Process
* Goal-directed design
* Users and their goals
* Learn how to articulate the goals of your product’s users
* Learn how to use user goals to assess a website or product
Putting Personas to Work at IIBA ClevelandCarol Smith
Putting Personas to Work: Getting Personas Adopted Throughout Your Organization.
Presented by Carol Smith at the Cleveland IIBA Chapter meeting on March 12, 2013.
Personas need to be recognized and relied on by the entire team and creating a successful persona program can be a huge challenge. This session covers strategies for making sure that the personas you create become essential to your team.
Mental Modeling For Content Work: Contextual Inquiry, Personas and PlanningDaniel Eizans
Slides from my Confab 2014 workshop: Mental Modeling For Content Work.
Anyone working in content strategy knows that dealing with messy web content is a difficult task. Creating effective, engaging content that’s relevant to potential users and customers while supporting a good information architecture is even more difficult.
Take some of the guesswork out of content by investing more time in the upfront planning and inquiry, getting to the bottom of who your users really are. Spend a day with Daniel Eizans and learn how to conduct contextual inquiry, develop more relevant personas, and mental model your way to a better content strategy.
Daniel will bring real, field-tested examples of personas and mental models that have impacted organizational content strategy and take attendees through a series of hands-on exercises that will immediately add value to content planning and production.
You will:
Learn about the fundamentals of contextual inquiry and how to conduct this type of research when creating personas
Understand how to create more effective personas for content creators and content planners
Plan content with others using a modified mental modeling technique driven by inquiry and persona data
Receive tools and templates for bringing this technique to your clients or organization.
Usability and User Experience Training Seminarlabecvar
This presentation describes a day-long seminar for giving participants an overview of best practices in usability design and research. Also included are several hand-on exercises to be done throughout the day to solidify participants' understanding of course concepts.
User Experience Design Fundamentals - Part 2: Talking with UsersLaura B
#2 in a 3-part series on UX Fundamentals: Talking with Users
Understand why you should talk to users to uncover, validate and/or understand their goals.
Learn how and when to talk with your users:
User research methods
Planning
Best practices for interviews
Why meetings matter to designers; common pitfalls for bad meetings (and conversely, characteristics for good meetings) and tips on how to have more effective meetings.
User Experience Design Fundamentals - Part 3: From People to ProductLaura B
#3 in a 3-part series on UX Fundamentals: From People to Product
* Learn how to analyze the information you get from your users.
* Learn how to apply findings to your product design.
User Experience Design Fundamentals - Part 1: Users & GoalsLaura B
#1 in a 3-part series on UX Fundamentals: Users & Goals
* Value & Process
* Goal-directed design
* Users and their goals
* Learn how to articulate the goals of your product’s users
* Learn how to use user goals to assess a website or product
Putting Personas to Work at IIBA ClevelandCarol Smith
Putting Personas to Work: Getting Personas Adopted Throughout Your Organization.
Presented by Carol Smith at the Cleveland IIBA Chapter meeting on March 12, 2013.
Personas need to be recognized and relied on by the entire team and creating a successful persona program can be a huge challenge. This session covers strategies for making sure that the personas you create become essential to your team.
Mental Modeling For Content Work: Contextual Inquiry, Personas and PlanningDaniel Eizans
Slides from my Confab 2014 workshop: Mental Modeling For Content Work.
Anyone working in content strategy knows that dealing with messy web content is a difficult task. Creating effective, engaging content that’s relevant to potential users and customers while supporting a good information architecture is even more difficult.
Take some of the guesswork out of content by investing more time in the upfront planning and inquiry, getting to the bottom of who your users really are. Spend a day with Daniel Eizans and learn how to conduct contextual inquiry, develop more relevant personas, and mental model your way to a better content strategy.
Daniel will bring real, field-tested examples of personas and mental models that have impacted organizational content strategy and take attendees through a series of hands-on exercises that will immediately add value to content planning and production.
You will:
Learn about the fundamentals of contextual inquiry and how to conduct this type of research when creating personas
Understand how to create more effective personas for content creators and content planners
Plan content with others using a modified mental modeling technique driven by inquiry and persona data
Receive tools and templates for bringing this technique to your clients or organization.
Usability and User Experience Training Seminarlabecvar
This presentation describes a day-long seminar for giving participants an overview of best practices in usability design and research. Also included are several hand-on exercises to be done throughout the day to solidify participants' understanding of course concepts.
Introduction to building and using personas and scenarios in designPenny Hagen
Introduction to building and using Personas and Scenarios in Design given to UTS first year design students.
An overview of how they are created, and how they are useful in the design process, including getting from user research to design, and how they inform design.
This presentation grew out of my experience working with an information architecture that was incomplete and lacked generative research to understand the users. I was tasked with finding ways to validate the IA while providing useful user insight for future design changes. To meet the goal, I studied card sorts in depth and developed useful techniques for problems that often arise but are seldom discussed.
I also explored the use of other IA validation techniques such as task-based tree tests and click tests to complement and cross-validate card sort findings. Through the use of mixed methodology within-subject study design, card sort data can be more easily understood and validated by the outcomes of tree tests and click tests.
This presentation will provide practitioners with information about card sorting in advanced situations. Specifically it will cover card sorting when applied to complex hierarchies, multiple audiences, and information architecture validation.
Presented by Caron Garstka at UXPA 2018
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...UXPA International
Augmented Reality for eCommerce is everywhere. Major retailers and Shopify have mainstreamed 3D. But so far, nearly all product shoppers do is simply “see this in their room.” For complex, configurable, personalized purchases, this isn’t enough.
This session focuses on effective AR uses that increase user success with planning and decision-making. Think of projects such as a kitchen redesign — design aesthetics, myriad features/options, physical characteristics, and lack of buyer knowledge all stand in the way.
I’ll discuss wide-ranging aspects of AR’s potential and provide a framework for planning product-focused applications. I’ll share lots of examples and insights from recent projects, plus others I’ve found along the way, including UX principles for image-based visualizers and configurators refined over 2 decades. This knowledge with help spur ideas for your own projects.
Going beyond, I’ll align user expectations with present and future capabilities of 3D platforms/engines/hardware, giving you a working knowledge for the next generation of 3D: Mixed- and eXtended-Reality.
A presentation I gave in 2007 to Business School students at the University of Auckland - focusing mostly on the value of sketching, prototyping and iterating in software design & development.
How to effectively implement different online research methods - UXPA 2015 - ...Steve Fadden
Are you the sole User Experience Researcher in your organization? Do you struggle to get timely research insights and feedback for your stakeholders? Online research tools offer practitioners the ability to gather feedback quickly and asynchronously, without the need for direct facilitation or moderation.
In this presentation, we provide an overview of some of the many online research tools that are available for gathering quick, asynchronous feedback on requirements, designs, and stakeholder sentiment. We offer general guidelines for recruiting, planning, implementing, and analyzing feedback, and then present how to use specific methods that have proven particularly useful for design and requirements research.
Day 1 slides from a two-day workshop on UX foundations by Meg Kurdziolek and Karen Tang. Day 1 covered the building blocks of design process and design research methods.
An Empathy Map is a key User Centered Design tool that provides the ability to take off our shoes and get into the users in order to recognize other modes of behavior, thoughts, emotions or views
You’ve worked hard on the information architecture models you’ve created but haven’t been able to sell them to the client, or your co-workers. Maybe the conversation around the IA has broken down into an unhealthy debate over semantics. In another scenario, you are tasked with creating a controlled vocabulary for a large organization that has a silo mentality and a lot of legacy content. Where to begin?
These scenarios will sound familiar to most user experience professionals. In this deck, I share my techniques for getting an organization that may have different ideas about how to organize and name content to agree upon a controlled vocabulary.
I also share specific tools in the form of diagrams, beyond the ubiquitous sitemap and wireframe, which communicate complex ideas. And techniques for practicing information architecture with clients collaboratively.
Do you have to be an actual designer, a creative type of person, to be good at the UX design process? Essentially, everyone who has any influence over the design is, in part, a designer. In this talk, you will learn how the world needs more UX superheroes within an organization and that ALL team members are an intrinsic part of the UX design process. I'll give an overview of the User Experience Design Process that involves shaping the product and getting it right from the beginning while touching on essential UX methods such as user research and field study techniques, personas, card sorting, brainstorming with sketches, wireframes, interactive prototypes, and testing.
Best Practices on Recruiting Participants for Remote User TestingUserZoom
Recruiting the right participants is often the most difficult and challenging aspect of conducting research studies. A well-managed recruitment process can be pivotal to the success of achieving your research objectives.
Join JonDelina (“JD”) Buckley, Manager of User Experience Research at Kelley Blue Book, and Aaron Rager, Client Development Manager at Research Now, to learn about some of the best practices on recruiting the right participants for remote unmoderated user testing.
Introduction to building and using personas and scenarios in designPenny Hagen
Introduction to building and using Personas and Scenarios in Design given to UTS first year design students.
An overview of how they are created, and how they are useful in the design process, including getting from user research to design, and how they inform design.
This presentation grew out of my experience working with an information architecture that was incomplete and lacked generative research to understand the users. I was tasked with finding ways to validate the IA while providing useful user insight for future design changes. To meet the goal, I studied card sorts in depth and developed useful techniques for problems that often arise but are seldom discussed.
I also explored the use of other IA validation techniques such as task-based tree tests and click tests to complement and cross-validate card sort findings. Through the use of mixed methodology within-subject study design, card sort data can be more easily understood and validated by the outcomes of tree tests and click tests.
This presentation will provide practitioners with information about card sorting in advanced situations. Specifically it will cover card sorting when applied to complex hierarchies, multiple audiences, and information architecture validation.
Presented by Caron Garstka at UXPA 2018
UXPA2019 Optimal AR UX for Complex Purchases — How immersive technology boost...UXPA International
Augmented Reality for eCommerce is everywhere. Major retailers and Shopify have mainstreamed 3D. But so far, nearly all product shoppers do is simply “see this in their room.” For complex, configurable, personalized purchases, this isn’t enough.
This session focuses on effective AR uses that increase user success with planning and decision-making. Think of projects such as a kitchen redesign — design aesthetics, myriad features/options, physical characteristics, and lack of buyer knowledge all stand in the way.
I’ll discuss wide-ranging aspects of AR’s potential and provide a framework for planning product-focused applications. I’ll share lots of examples and insights from recent projects, plus others I’ve found along the way, including UX principles for image-based visualizers and configurators refined over 2 decades. This knowledge with help spur ideas for your own projects.
Going beyond, I’ll align user expectations with present and future capabilities of 3D platforms/engines/hardware, giving you a working knowledge for the next generation of 3D: Mixed- and eXtended-Reality.
A presentation I gave in 2007 to Business School students at the University of Auckland - focusing mostly on the value of sketching, prototyping and iterating in software design & development.
How to effectively implement different online research methods - UXPA 2015 - ...Steve Fadden
Are you the sole User Experience Researcher in your organization? Do you struggle to get timely research insights and feedback for your stakeholders? Online research tools offer practitioners the ability to gather feedback quickly and asynchronously, without the need for direct facilitation or moderation.
In this presentation, we provide an overview of some of the many online research tools that are available for gathering quick, asynchronous feedback on requirements, designs, and stakeholder sentiment. We offer general guidelines for recruiting, planning, implementing, and analyzing feedback, and then present how to use specific methods that have proven particularly useful for design and requirements research.
Day 1 slides from a two-day workshop on UX foundations by Meg Kurdziolek and Karen Tang. Day 1 covered the building blocks of design process and design research methods.
An Empathy Map is a key User Centered Design tool that provides the ability to take off our shoes and get into the users in order to recognize other modes of behavior, thoughts, emotions or views
You’ve worked hard on the information architecture models you’ve created but haven’t been able to sell them to the client, or your co-workers. Maybe the conversation around the IA has broken down into an unhealthy debate over semantics. In another scenario, you are tasked with creating a controlled vocabulary for a large organization that has a silo mentality and a lot of legacy content. Where to begin?
These scenarios will sound familiar to most user experience professionals. In this deck, I share my techniques for getting an organization that may have different ideas about how to organize and name content to agree upon a controlled vocabulary.
I also share specific tools in the form of diagrams, beyond the ubiquitous sitemap and wireframe, which communicate complex ideas. And techniques for practicing information architecture with clients collaboratively.
Do you have to be an actual designer, a creative type of person, to be good at the UX design process? Essentially, everyone who has any influence over the design is, in part, a designer. In this talk, you will learn how the world needs more UX superheroes within an organization and that ALL team members are an intrinsic part of the UX design process. I'll give an overview of the User Experience Design Process that involves shaping the product and getting it right from the beginning while touching on essential UX methods such as user research and field study techniques, personas, card sorting, brainstorming with sketches, wireframes, interactive prototypes, and testing.
Best Practices on Recruiting Participants for Remote User TestingUserZoom
Recruiting the right participants is often the most difficult and challenging aspect of conducting research studies. A well-managed recruitment process can be pivotal to the success of achieving your research objectives.
Join JonDelina (“JD”) Buckley, Manager of User Experience Research at Kelley Blue Book, and Aaron Rager, Client Development Manager at Research Now, to learn about some of the best practices on recruiting the right participants for remote unmoderated user testing.
If you're familiar with accessibility, you may know some of the basics already. We'll review some newer or more obscure techniques that can help prime you to look at the new hotness features with a more critical eye.
I was asked to talk to a group of NEET's at our college, this is the result PP. I think they thought I was a little mad, but they did listen, and ask questions (NEET) (Not in Education, Employment or Training) Government speak.
Selfish Accessibility: WordCamp Toronto 2014Adrian Roselli
We can all pretend that we’re helping others by making web sites accessible, but we are really making the web better for our future selves. Learn some fundamentals of web accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive into ARIA, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
We can all pretend that we’re helping others by making web sites accessible, but we are really making the web better for our future selves. Learn some fundamentals of web accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive into ARIA, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
We can all pretend that we're helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We'll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn't intended to be a deep dive into ARIA, but more of an overall primer for those who aren't sure where to start nor how it helps them.
“Selfish Accessibility” for Create Upstate 2016Adrian Roselli
We can pretend that we’re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive into ARIA, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
What you will learn:
• Broader context for how all users are or will be disabled, whether temporarily or permanently.
• High-level overview of standards and tools already available.
• Review of WAI-ARIA and best practices for using it.
• Basic tests and best practices that can be integrated into development team.
• Specific code techniques.
We can all pretend that we’re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
Selfish Accessibility — WordCamp Europe 2017Adrian Roselli
We can all pretend that we’re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
We can pretend that we’re helping others by making websites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from ageing or you after something else limits your abilities).
We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This is an overall primer for those who aren’t sure where to start nor how it helps them.
Selfish Accessibility: WordCamp London 2017Adrian Roselli
We can all pretend that we’re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
Selfish Accessibility: Government Digital ServiceAdrian Roselli
We can all pretend that we’re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
We can pretend that we’re helping others by making websites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from ageing or you after something else limits your abilities).
We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This is an overall primer for those who aren’t sure where to start nor how it helps them.
We can all pretend that we’re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn’t intended to be a deep dive, but more of an overall primer for those who aren’t sure where to start nor how it helps them.
With recent announcement that all code submitted to WordPress core (as well as themes) must meet WCAG 2.0 AA, proper accessibility techniques are more important within WordPress than ever. I’ll review some basic and fringe accessibility techniques you can use for your personal and client projects, as well as for contributing to WordPress core.
Prototyping Accessibility - WordCamp Europe 2018Adrian Roselli
Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review differing abilities, generate (minimal) user stories and personas, discuss best practices for design and development, prototype some ideas (on paper), and discuss where to get help. This isn’t intended to be a deep dive into technologies, but more of an overall primer for those who aren’t sure where to start with accessibility nor how it helps them.
We can all pretend that we're helping others by making web sites and software accessible, but we are really making the experience better for our future selves. Learn some fundamentals of web and software accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities).
We'll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn't intended to be a deep dive, but more of an overall primer for those who aren't sure where to start nor how it helps them.
Insights:
- Broader context for how all users are or will be disabled, whether temporarily or permanently.
- Basic tests and best practices that can be integrated into development team workflows to make interfaces accessible.
- Introduction to standards and tools already available.
We can all pretend that we're helping others by making web sites accessible, but we are really making the web better for our future selves. Learn some fundamentals of web accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We'll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn't intended to be a deep dive into ARIA, but more of an overall primer for those who aren't sure where to start nor how it helps them.
Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review differing abilities, generate (minimal) user stories and personas, discuss best practices for design and development, prototype some ideas (on paper), and discuss where to get help. This isn’t intended to be a deep dive into technologies, but more of an overall primer for those who aren’t sure where to start with accessibility nor how it helps them.
Selfish Accessibility: Presented at GoogleAdrian Roselli
We can all pretend that we're helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We'll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn't intended to be a deep dive into ARIA, but more of an overall primer for those who aren't sure where to start nor how it helps them.
Presentation given to students on the Bachelor in Web Development degree at the Business Academy Southwest (https://www.easv.dk/en) in Esbjerg, Denmark on the 17th November 2017.
We can all pretend that we're helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We'll review simple testing techniques, basic features and enhancements, coming trends, and where to get help. This isn't intended to be a deep dive into ARIA, but more of an overall primer for those who aren't sure where to start nor how it helps them.
Similar to Selfish Accessibility: a11y Camp Toronto 2014 (20)
CSUN 2020: CSS Display Properties Versus HTML SemanticsAdrian Roselli
Developers who choose HTML elements that best describe a screen’s structure and semantics often don’t know how browsers use their CSS to break those semantics.
Role of Design in Accessibility — VilniusJS Meet-upAdrian Roselli
Designers can have an outsized impact on the accessibility of a project, being the ones who produce the visuals that are often critical for understanding and sign-off. Adrian will talk about the ways designers contribute to the overall accessibility of a site or application. We'll look at typography, structure, documentation, colour, contrast and more. Each of these has a corresponding WCAG SC to help provide guidance.
The Role of Design in Accessibility — a11yTO Meet-upAdrian Roselli
http://adrianroselli.com/2019/04/slides-the-role-of-design-in-accessibility-a11yto-meet-up.html
Designers can have an outsized impact on the accessibility of a project, being the ones who produce the visuals that are often critical for understanding and sign-off. Adrian will talk about the ways designers contribute to the overall accessibility of a site or application. We'll look at typography, structure, documentation, colour, contrast and more. Each of these has a corresponding WCAG SC to help provide guidance.
Guelph A11y Conf: Everything I Know About Accessibility I Learned from Stack ...Adrian Roselli
Accessibility practitioners tend to live in a bubble, taking for granted many of the basics with which developers struggle. Explore questions developers ask one another.
If you’re familiar with accessibility, you may know some of the basics already. We’ll review some newer or more obscure techniques that can help prime you to look at the new hotness features with a more critical eye. Instead of pushing code techniques, we’ll discuss the logic behind these approaches, giving you the opportunity to turn some of these concepts over in your own head instead of just walking away with a shallow checklist.
WCBuf: CSS Display Properties versus HTML SemanticsAdrian Roselli
Many (most?) developers make the effort to choose HTML elements that best describe the structure and semantics of the content. They then use CSS to set the layout for the visual design. What they don’t know is how browsers use that CSS to break the HTML semantics. I will demonstrate issues and offer unfortunate workarounds.
The lang attribute exists in most pages across the web, though it seems most developers and user interface folks do not understand its impact. We’ll review how browsers put it to use and why you may not want to accept whatever the default value is from your framework / platform of choice. Its proper use has implications for visual design, accessibility, and internationalization & localization.
Running tests with real users is critical for so many organizations, whether when evaluating MVPs or just as part of iterative updates. For an organization that already has embraced inclusive design, the next step is to integrate it into user testing by incorporating users with disabilities into your normal testing process. Note that this is not the same as accessibility testing. Ideally your accessibility work is done so that you can test a fully functional and accessible site/application for usability regardless of disability. I will discuss how to plan for and execute these sessions as well as pitfalls to avoid. Ideally you will walk away with high-level understanding of where to start.
CSUN 2018: Everything I Know About Accessibility I Learned from Stack OverflowAdrian Roselli
Accessibility practitioners tend to live in a bubble, taking for granted many of the basics with which developers struggle. Explore questions developers ask one another.
Everything I Know About Accessibility I Learned from Stack OverflowAdrian Roselli
Accessibility practitioners are great at talking to one another and getting into the nuances of specs and assistive tech. We also tend to live in a bit of a bubble, taking for granted many of the basics with which developers struggle on a daily basis. In this talk I will explore some of the kinds of questions developers ask one another, often with non-ideal answers, using Stack Overflow as my source.
Inclusive User Testing — Guelph Accessibility ConferenceAdrian Roselli
Running tests with real users is critical for so many organizations, whether when evaluating MVPs or just as part of iterative updates. For an organization that already has embraced inclusive design, the next step is to integrate it into user testing by incorporating users with disabilities into your normal testing process. I will discuss how to plan for and execute these sessions as well as pitfalls to avoid. Ideally you will walk away with high-level understanding of where to start.
Fringe Accessibility: London Web StandardsAdrian Roselli
If you are aware of accessibility practices, you may know some of the basics for supporting users (labels, contrast, alt text). I'll touch on some newer or more obscure techniques that can help prime you to look at the new hotness features with a more critical eye. Instead of pushing stricly code techniques, I’ll review the logic behind these approaches (which you can refute, checking off that elusive audience participation selling point!). We'll discuss the search role, language attribute, <main> element, infinite scroll, page zoom, source order, and as much as I can squeeze in before I am chased from the room.
Mind your lang (for role=drinks at CSUN 2017)Adrian Roselli
The lang attribute is necessary, I explain why. Animated GIFs and videos can be found on my site at http://adrianroselli.com/2017/03/slides-from-roledrinks-at-csun.html
A shortened version of my talk, tailored to Role = Drinks in Amsterdam. I review examples of situational disabilities and provide some sneaky user stories.
If you are aware of accessibility practices, you may know some of the basics for supporting users (labels, contrast, alt text). I'll touch on some newer or more obscure techniques that can help prime you to look at the new hotness features with a more critical eye. Instead of pushing stricly code techniques, I’ll review the logic behind these approaches (which you can refute, checking off that elusive audience participation selling point!). We'll discuss the search role, language attribute, <main> element, infinite scroll, page zoom, source order, and as much as I can squeeze in before I am chased from the room.
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfFlorence Consulting
Quattordicesimo Meetup di Milano, tenutosi a Milano il 23 Maggio 2024 dalle ore 17:00 alle ore 18:30 in presenza e da remoto.
Abbiamo parlato di come Axpo Italia S.p.A. ha ridotto il technical debt migrando le proprie APIs da Mule 3.9 a Mule 4.4 passando anche da on-premises a CloudHub 1.0.
Italy Agriculture Equipment Market Outlook to 2027harveenkaur52
Agriculture and Animal Care
Ken Research has an expertise in Agriculture and Animal Care sector and offer vast collection of information related to all major aspects such as Agriculture equipment, Crop Protection, Seed, Agriculture Chemical, Fertilizers, Protected Cultivators, Palm Oil, Hybrid Seed, Animal Feed additives and many more.
Our continuous study and findings in agriculture sector provide better insights to companies dealing with related product and services, government and agriculture associations, researchers and students to well understand the present and expected scenario.
Our Animal care category provides solutions on Animal Healthcare and related products and services, including, animal feed additives, vaccination
Gen Z and the marketplaces - let's translate their needsLaura Szabó
The product workshop focused on exploring the requirements of Generation Z in relation to marketplace dynamics. We delved into their specific needs, examined the specifics in their shopping preferences, and analyzed their preferred methods for accessing information and making purchases within a marketplace. Through the study of real-life cases , we tried to gain valuable insights into enhancing the marketplace experience for Generation Z.
The workshop was held on the DMA Conference in Vienna June 2024.
Understanding User Behavior with Google Analytics.pdfSEO Article Boost
Unlocking the full potential of Google Analytics is crucial for understanding and optimizing your website’s performance. This guide dives deep into the essential aspects of Google Analytics, from analyzing traffic sources to understanding user demographics and tracking user engagement.
Traffic Sources Analysis:
Discover where your website traffic originates. By examining the Acquisition section, you can identify whether visitors come from organic search, paid campaigns, direct visits, social media, or referral links. This knowledge helps in refining marketing strategies and optimizing resource allocation.
User Demographics Insights:
Gain a comprehensive view of your audience by exploring demographic data in the Audience section. Understand age, gender, and interests to tailor your marketing strategies effectively. Leverage this information to create personalized content and improve user engagement and conversion rates.
Tracking User Engagement:
Learn how to measure user interaction with your site through key metrics like bounce rate, average session duration, and pages per session. Enhance user experience by analyzing engagement metrics and implementing strategies to keep visitors engaged.
Conversion Rate Optimization:
Understand the importance of conversion rates and how to track them using Google Analytics. Set up Goals, analyze conversion funnels, segment your audience, and employ A/B testing to optimize your website for higher conversions. Utilize ecommerce tracking and multi-channel funnels for a detailed view of your sales performance and marketing channel contributions.
Custom Reports and Dashboards:
Create custom reports and dashboards to visualize and interpret data relevant to your business goals. Use advanced filters, segments, and visualization options to gain deeper insights. Incorporate custom dimensions and metrics for tailored data analysis. Integrate external data sources to enrich your analytics and make well-informed decisions.
This guide is designed to help you harness the power of Google Analytics for making data-driven decisions that enhance website performance and achieve your digital marketing objectives. Whether you are looking to improve SEO, refine your social media strategy, or boost conversion rates, understanding and utilizing Google Analytics is essential for your success.
2. About Adrian Roselli
• Co-written four books.
• Technical editor
for two books.
• Written over fifty
articles, most recently
for .net Magazine and
Web Standards Sherpa.
Great bedtime reading!
3. About Adrian Roselli
• Member of W3C HTML Working Group, W3C
Accessibility Task Force, five W3C Community
Groups.
• Building for the web since 1994.
• Founder, owner at Algonquin Studios
(AlgonquinStudios.com).
• Learn more at AdrianRoselli.com.
• Avoid on Twitter @aardrian.
I warned you.
4. What is a11y?
• A numeronym for “accessibility”:
• The first and last letter,
• The number of characters omitted.
• Prominent on Twitter (character restrictions):
• #a11y
• Examples:
• l10n → localization
• i18n → internationalization
Ain’t language funsies?
5. Accessibility Gets No Respect
“Cyberspace” (gray)
“Lime Rickey” (green)
“Online” (blue)
In fairness, Sherman Williams needs to come up with a lot of color names...
6. Accessibility Gets No Respect
…however I think the team could have done better than this.
7. What We’ll Cover
• Boring Statistics
• How to Be Selfish
• Basic Tests
• Some Techniques
• Questions (ongoing!)
Work with me, people.
9. Any Disability
• In the United States:
• 10.4% aged 21-64 years old,
• 25% aged 65-74 years old,
• 50% aged 75+.
• Includes:
• Visual
• Hearing
• Mobility
• Cognitive
http://www.who.int/mediacentre/factsheets/fs282/en/
http://www.disabilitystatistics.org/reports/2012/English/HTML/report2012.cfm?fips=2000000&html_year=2012
10. Vision Impairments
• 285 million worldwide:
• 39 million are blind,
• 246 million have low vision,
• 82% of people living with blindness are aged 50
and above.
• 1.8% of Americans aged 21-64.
• 4.0% of Americans aged 65-74.
• 9.8% of Americans aged 75+.
http://www.who.int/mediacentre/factsheets/fs282/en/
http://www.disabilitystatistics.org/reports/2012/English/HTML/report2012.cfm?fips=2000000&html_year=2012
11. Hearing Impairments
• 360 million people worldwide have disabling
hearing loss.
• 17% (36 million) of American adults report
some degree of hearing loss:
• 18% aged 45-64 years old,
• 30% aged 65-74 years old,
• 47% aged 75+ years old.
http://www.who.int/mediacentre/factsheets/fs300/en/
https://www.nidcd.nih.gov/health/statistics/Pages/quick.aspx
12. Mobility Impairments
• In the United States:
• 5.5% aged 21-64 years old.
• 15.6% aged 65-74 years old.
• 32.9% aged 75+.
http://www.disabilitystatistics.org/reports/2012/English/HTML/report2012.cfm?fips=2000000&html_year=2012
13. Cognitive Impairments
• Dyslexia,
• Dyscalculia,
• Memory issues,
• Distractions (ADD, ADHD),
• In the United States:
• 4.3% aged 21-64 years old.
• 5.4% aged 65-74 years old.
• 14.4% aged 75+.
http://www.disabilitystatistics.org/reports/2012/English/HTML/report2012.cfm?fips=2000000&html_year=2012&subButton=Get+HTML
26. But I’m Invincible!
• Multi-tasking,
• Sunlight,
• Eating at your desk,
• No headphones handy,
• Content is not in your native language.
The sun is trying to kill me.
43. The Message
• Supporting accessibility now helps to serve
future you.
There is no try.
44. The Message
• Supporting accessibility now helps to serve
future you.
• Supporting accessibility now helps injured
you, encumbered you.
There is no try.
45. The Message
• Supporting accessibility now helps to serve
future you.
• Supporting accessibility now helps injured
you, encumbered you.
• Getting younger developers to buy in helps
future you – if you teach them well.
There is no try.
47. Click on Field Labels
• When you click label text next to a text box,
does the cursor appear in the field?
• When you click label text next to a radio /
checkbox, does it get toggled?
• When you click label text next to a select
menu, does it get focus?
http://www.karlgroves.com/2013/09/05/the-6-simplest-web-accessibility-tests-anyone-can-do/
48.
49. Unplug Your Mouse
• Turn off your trackpad, stick, trackball, etc.
• Can you interact with all controls (links,
menus, forms) with only the keyboard?
• Can you tell which item has focus?
• Does the tab order match your expectation?
http://www.karlgroves.com/2013/09/05/the-6-simplest-web-accessibility-tests-anyone-can-do/
50.
51. Turn off Images
• Can you still make sense of the page?
• Is content missing?
• Can you still use the site?
• Is your alt text useful?
http://www.karlgroves.com/2013/09/05/the-6-simplest-web-accessibility-tests-anyone-can-do/
52.
53.
54. Turn on High Contrast Mode
• Windows only.
• Background images and colors are replaced.
• Text colors are replaced.
• Does this make your site unusable?
http://www.karlgroves.com/2013/09/05/the-6-simplest-web-accessibility-tests-anyone-can-do/
http://blog.adrianroselli.com/2012/08/css-background-images-high-contrast-mode.html
55.
56.
57. Turn off CSS
• Does important content or functionality
disappear?
• Do error messages or other items that rely on
visual cues make sense?
• Is content still in a reasonable order?
• Do any styles (colors, text effects, etc.)
remain?
http://www.karlgroves.com/2013/09/05/the-6-simplest-web-accessibility-tests-anyone-can-do/
58.
59. Test for Colorblindness/Contrast
• Is there enough contrast?
• Are hyperlinks, menus, etc. still visible?
• Tools:
• Chrome Color Contrast Analyzer
• Lea Verou’s Contrast Ratio
• WebAIM Color Contrast Checker
• CheckMyColours.com
http://www.inpixelitrust.fr/blog/en/tips-create-accessible-color-palette/
http://alistapart.com/blog/post/easy-color-contrast-testing
63. Look for Captions & Transcripts
• Do video/audio clips have text alternatives?
• Are links to closed-captions or transcripts built
into the player or separate text links?
• Is there an audio description available?
• Tools:
• Media Access Australia YouTube captioning tutorial,
Vimeo captioning tutorial,
• Tiffany Brown’s WebVTT tutorial,
• DIY Resources for Closed Captioning and Transcription
from 3 Play Media.
http://webaim.org/techniques/captions/
65. Hyperlinks!
• Is there any “click here,” “more,” “link to…”?
http://www.sitepoint.com/15-rules-making-accessible-links/
66. Hyperlinks!
• Is there any “click here,” “more,” “link to…”?
• Are you using all-caps, URLs, emoticons?
http://www.sitepoint.com/15-rules-making-accessible-links/
67. Hyperlinks!
• Is there any “click here,” “more,” “link to…”?
• Are you using all-caps, URLs, emoticons?
• Do you warn before opening new windows?
http://www.sitepoint.com/15-rules-making-accessible-links/
68. Hyperlinks!
• Is there any “click here,” “more,” “link to…”?
• Are you using all-caps, URLs, emoticons?
• Do you warn before opening new windows?
• Do links to downloads provide helpful info?
http://www.sitepoint.com/15-rules-making-accessible-links/
69. Hyperlinks!
• Is there any “click here,” “more,” “link to…”?
• Are you using all-caps, URLs, emoticons?
• Do you warn before opening new windows?
• Do links to downloads provide helpful info?
• Are you using pagination links?
http://www.sitepoint.com/15-rules-making-accessible-links/
70. Hyperlinks!
• Is there any “click here,” “more,” “link to…”?
• Are you using all-caps, URLs, emoticons?
• Do you warn before opening new windows?
• Do links to downloads provide helpful info?
• Are you using pagination links?
• Are your links underlined (or otherwise obvious)?
http://www.sitepoint.com/15-rules-making-accessible-links/
71. Hyperlinks!
• Is there any “click here,” “more,” “link to…”?
• Are you using all-caps, URLs, emoticons?
• Do you warn before opening new windows?
• Do links to downloads provide helpful info?
• Are you using pagination links?
• Are your links underlined (or otherwise obvious)?
• Is there alt text for image links?
http://www.sitepoint.com/15-rules-making-accessible-links/
72. Hyperlinks!
• Is there any “click here,” “more,” “link to…”?
• Are you using all-caps, URLs, emoticons?
• Do you warn before opening new windows?
• Do links to downloads provide helpful info?
• Are you using pagination links?
• Are your links underlined (or otherwise obvious)?
• Is there alt text for image links?
• Is the link text consistent?
http://www.sitepoint.com/15-rules-making-accessible-links/
75. Checklist
• Accessibility is not a checklist.
http://accessibility.net.nz/blog/the-problems-with-ramps-blended-into-stairs/
76. Checklist
• Accessibility is not a checklist.
• Accessibility is an ongoing process.
http://accessibility.net.nz/blog/the-problems-with-ramps-blended-into-stairs/
78. WAI-ARIA
• Web Accessibility Initiative – Accessible Rich
Internet Applications.
• Adds accessibility information to HTML
elements.
• Can be used with prior versions of HTML.
• WAI-ARIA 1.0 published March 20, 2014.
http://www.w3.org/TR/wai-aria/
79. Four Five Rules of ARIA Use
1. If you can use a native HTML5 element with
semantics/behavior already built in, then do
so, instead of repurposing another element.
RT this! https://twitter.com/aardrian/status/454249142387081219
80. Four Five Rules of ARIA Use
2. Do not change native semantics. Unless you
really have to (no <h1> with a role="button",
for example).
RT this! https://twitter.com/aardrian/status/454249201564532737
81. Four Five Rules of ARIA Use
3. All interactive ARIA controls must be usable
with the keyboard — keyboard users must be
able to perform equivalent actions.
RT this! https://twitter.com/aardrian/status/454249253284483072
82. Four Five Rules of ARIA Use
4. Do not use role="presentation" or aria-hidden="
true" on a focusable element. If you
do so, some users will never be able to focus.
RT this! https://twitter.com/aardrian/status/454249297408585729
83. Four Five Rules of ARIA Use
5. All interactive elements must have
an accessible name (in progress). This may
come from a visible (text on a button) or
invisible (alt text on an image) property.
As of May 12: http://rawgit.com/w3c/aria-in-html/master/index.html#fifth-rule-of-aria-use
Accessible name: http://www.w3.org/TR/wai-aria/terms#def_accessible_name
84. Role Playing
Stolen from Heydon Pickering: https://twitter.com/heydonworks/status/420196676297424898/
85. HTML/ARIA Don’t
• <div onclick="DoThing();">Do a thing.</div>
I see this all the time.
86. HTML/ARIA Don’t
• <div onclick="DoThing();" tabindex="0">Do a
thing.</div>
I see this a bunch, too.
87. HTML/ARIA Don’t
• <div onclick="DoThing();" tabindex="0"
onkeypress="DoThing();">Do a thing.</div>
Excluded bits like if(event.keyCode==32||event.keyCode==13)DoThing();
88. HTML/ARIA Don’t
• <div onclick="DoThing();" tabindex="0"
onkeypress="DoThing();" role="button">Do a
thing.</div>
ARIA roles to the rescue! Er…
89. HTML/ARIA Do
• <button onclick="DoThing();"
onkeypress="DoThing();">Do a
thing.</button>
Or just start with the right element. http://www.karlgroves.com/2013/05/14/links-are-not-buttons-neither-are-divs-and-spans/
90. WAI-ARIA
• Accessibility Lipstick on a Usability Pig
• By Jared Smith:
http://webaim.org/blog/accessibility-lipstick-on-a-
usability-pig/
• What is WAI-ARIA, what does it do for me, and
what not?
• By Marco Zehe:
http://www.marcozehe.de/2014/03/27/what-is-wai-
aria-what-does-it-do-for-me-and-what-not/
ARIA ALL THE THINGS!
91. HTML5 Elements
• Sectioning elements already have accessibility
built in. Use them.
• <header>
• <nav>
• <main> (one per page)
• <aside>
• <footer>
• <form> (a search form)
This stuff is baked in!
92. HTML5/ARIA Landmarks
• They don’t always have support in assistive
technologies (AT), so use roles as well.
• <header role="banner"> (once per page)
• <nav role="navigation">
• <main role="main"> (one per page)
• <aside role="complementary">
• <footer role="contentinfo"> (once per page)
• <form role="search">
http://www.w3.org/WAI/GL/wiki/Using_ARIA_landmarks_to_identify_regions_of_a_page
94. Generic
“Mobile”
Layout
<header role="banner">
<nav role="navigation">
<form role="search">
<main role="main">
<aside role="complementary">
<footer role="contentinfo">
“Mobile” really means narrow screen
in RWD, as well as this context.
95. HTML5 Headings
• Use normal heading ranks to convey
document structure.
• Don’t skip; go in order.
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
Fun fact: NCSA Mosaic 1.0 had provisions for an <h7>: http://blog.adrianroselli.com/2013/04/ncsa-moscaic-turns-20.html
96. HTML5 Headings
• Document Outline Algorithm…
• Is a myth,
• Isn’t implemented in any browsers,
• Should not be relied upon.
• Don’t be fooled by articles claiming otherwise.
• Spec being updated.
• No SEO benefit for one over other.
http://blog.adrianroselli.com/2013/12/the-truth-about-truth-about-multiple-h1.html
97. The New <div>itis
• <section>orrhea, <article> abuse.
• These map to regions in page navigation order
(role="region").
• Can overwhelm users of AT.
• If it doesn’t get an <h#>, don’t use it.
• If it shouldn’t be in the document outline,
don’t use it.
http://www.w3.org/TR/html5/sections.html#the-section-element
http://www.w3.org/TR/html5/sections.html#the-article-element
99. Focus Styles
• Necessary for keyboard use,
• Use in conjunction with :hover,
• Check libraries for :focus styles.
It’s built in, just don’t mess with it.
101. Alternative Text
• Which is correct?
• <img src="fox.png" alt="Photo of a fox reading
aloud from a book.">
http://blog.adrianroselli.com/2013/11/image-alt-exception-change-re-re-re.html
102. Alternative Text
• Which is correct?
• <img src="fox.png" alt="Photo of a fox reading
aloud from a book.">
• <img src="fox.png" title="Photo of a fox reading
aloud from a book.">
http://blog.adrianroselli.com/2013/11/image-alt-exception-change-re-re-re.html
103. Alternative Text
• Which is correct?
• <img src="fox.png" alt="Photo of a fox reading
aloud from a book.">
• <img src="fox.png" title="Photo of a fox reading
aloud from a book.">
• <img src="fox.png" aria-label="Photo of a fox
reading aloud from a book.">
http://blog.adrianroselli.com/2013/11/image-alt-exception-change-re-re-re.html
104. Alternative Text
• Which is correct?
• <img src="fox.png" alt="Photo of a fox reading
aloud from a book.">
• <img src="fox.png" title="Photo of a fox reading
aloud from a book.">
• <img src="fox.png" aria-label="Photo of a fox
reading aloud from a book.">
• <img src="fox.png" aria-labelledby="FoxPic"> <p
id="FoxPic">Photo of a fox reading aloud from a
book.</p>
http://blog.adrianroselli.com/2013/11/image-alt-exception-change-re-re-re.html
105. Alternative Text
• Use alt.
• Longdesc links to more verbose alternative.
http://www.w3.org/blog/2014/03/wcag-techniques-for-image-text-alternatives/
106. Alternative Text Decision Tree
1. What role
does image
play?
2. Does it
present
new info?
http://www.4syllables.com.au/2010/12/text-alternatives-decision-tree/
http://dev.w3.org/html5/alt-techniques/#tree
3. What
type of
info?
Informative Yes
alt=""
or
<a href="foo"><img alt="">Link</a>
alt=""
or
Use CSS
alt="descriptive identification"
or
alt="short label" + caption
Purely Decorative
Sensory
No
alt="label for link"
alt=“short alternative"
or
alt="short label" + caption
Long / Complex
Short / Simple
alt="short label + location of long alternative"
or
long text alternative on same or linked page
108. Resources
• Web Accessibility and Older People:
Meeting the Needs of Ageing Web Users
http://www.w3.org/WAI/older-users/Overview.php
• Easy Checks - A First Review of Web Accessibility
http://www.w3.org/WAI/eval/preliminary
• How People with Disabilities Use the Web:
Overview
http://www.w3.org/WAI/intro/people-use-web/
Overview.html
In addition to the gems I’ve sprinkled throughout.
109. Resources
• 2.11 ARIA Role, State, and Property Quick
Reference
http://www.w3.org/TR/aria-in-html/#aria-role-state-
and-property-quick-reference
• 2.12 Definitions of States and Properties (all
aria-* attributes)
http://www.w3.org/TR/aria-in-html/#definitions-of-states-
and-properties-all-aria--attributes
In addition to the gems I’ve sprinkled throughout.
110. Resources
• a11yTips
http://dboudreau.tumblr.com/
• How to Write User Stories for Web
Accessibility
http://www.interactiveaccessibility.com/blog/how-write-
user-stories-accessibility-requirements
• Book Excerpt: A Web for Everyone
http://uxmag.com/articles/book-excerpt-a-web-for-everyone
In addition to the gems I’ve sprinkled throughout.
111. Selfish Accessibility
Presented by Adrian Roselli for Accessibility Camp Toronto 2014
Slides from this talk will be available at rosel.li/a11yTO
My thanks and apologies.