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.
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.
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.
Accessible Design WordCamp Europe 2018 in BelgradMaja Benke
This document discusses accessible design and provides best practices for creating accessible websites. It explains that accessibility is important for people with disabilities, both temporary and permanent. The key aspects of accessible design are supporting the content, functionality, and providing access for everyone. Common mistakes like low color contrast, hard to read typography, and lack of structure are identified. The document then outlines a workflow for accessible design that includes selecting content formats, creating a semantic layout, styling text elements first without color, then adding color, and creating style guides. Resources for further information on accessible design are also provided.
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.
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.
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.
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.
Selfish Accessibility: WordCamp London 2017Adrian Roselli
The document provides accessibility tips and best practices for web development. It discusses using alt text for images so that content is still understandable without images. It recommends using proper heading structure without skipping levels and only one <h1> per page. It also suggests using HTML5 semantic elements like <header>, <nav>, and <main> which are beneficial for accessibility. The document emphasizes following the natural tab order on pages and not manually adjusting the tabindex attribute. It also recommends allowing zooming on mobile pages rather than disabling it.
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.
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.
Accessible Design WordCamp Europe 2018 in BelgradMaja Benke
This document discusses accessible design and provides best practices for creating accessible websites. It explains that accessibility is important for people with disabilities, both temporary and permanent. The key aspects of accessible design are supporting the content, functionality, and providing access for everyone. Common mistakes like low color contrast, hard to read typography, and lack of structure are identified. The document then outlines a workflow for accessible design that includes selecting content formats, creating a semantic layout, styling text elements first without color, then adding color, and creating style guides. Resources for further information on accessible design are also provided.
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.
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.
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.
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.
Selfish Accessibility: WordCamp London 2017Adrian Roselli
The document provides accessibility tips and best practices for web development. It discusses using alt text for images so that content is still understandable without images. It recommends using proper heading structure without skipping levels and only one <h1> per page. It also suggests using HTML5 semantic elements like <header>, <nav>, and <main> which are beneficial for accessibility. The document emphasizes following the natural tab order on pages and not manually adjusting the tabindex attribute. It also recommends allowing zooming on mobile pages rather than disabling it.
“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.
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.
This document provides a summary of Adrian Roselli's presentation titled "Selfish Accessibility" for WordCamp Buffalo 2014. The summary includes:
1) Roselli discusses how supporting accessibility now helps serve future needs as people age and experience disabilities, injuries, or accidents.
2) The presentation covers basic accessibility tests anyone can do, including checking that all functionality works without a mouse, images have alt text, high contrast mode is supported, and content remains understandable without CSS.
3) Roselli discusses techniques like using WAI-ARIA roles correctly, preferring native HTML5 semantics over repurposed elements, and ensuring all interactive elements are usable via keyboard.
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.
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.
Making Your Site Printable: CSS Summit 2014Adrian Roselli
The push for responsive web design has helped web developers consider how the sites they develop can adapt to different devices, including sizes, screen resolutions, and even contexts.
It should now be easier than ever to respond to a format that has existed since the start of the web -- print.
I'll walk through the process for making your responsive sites respond to the format we most often forget and show you how to use Google Analytics to track what pages are printed from your site.
The document provides an overview of prototyping accessibility for a workshop presentation. It includes instructions for group exercises to prototype user interface elements and develop personas. It also covers various accessibility topics like disability types, user experience models, technical accessibility standards around text alternatives, typography, links, color contrast, labeling fields, document structure, and keyboard/screen reader support. The goal is to educate attendees on inclusive design practices through hands-on exercises and discussions.
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.
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
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.
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.
The document summarizes Adrian Roselli's presentation on "Selfish Accessibility" at UX Singapore 2014. It provides background on Adrian Roselli and defines accessibility terminology. It then discusses statistics on disability rates and types to emphasize the widespread need for accessibility. It explores motivating accessibility from a self-interested perspective by considering how disabilities can unexpectedly affect anyone. Finally, it offers techniques for accessibility including user stories, personas, and checklists, as well as resources for further information.
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.
Selfish Accessibility for Global Accessibility Awareness DayAdrian Roselli
The document provides an overview of a presentation on accessibility. It discusses statistics on disabilities worldwide and in the United States. It then discusses techniques for improving accessibility such as writing user stories from personas with different impairments and conducting basic accessibility tests like checking for proper keyboard and screen reader functionality.
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.
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.
This document provides guidance on questions to answer and considerations to make before building a website. It discusses researching the target audience and goals for the site. Key topics covered include page layout, design elements, content types, navigation structures, and usability best practices. The document emphasizes planning content before design and ensuring the site is accessible on different devices.
Have you always wanted to get away from boring, default fonts on your websites? Web fonts can allow you to use your favorite typefaces on the web, without saving them out as an image, or using other hacks.
Join typography expert Jim Kidwell for this informative session where you will learn how to:
- Craft solid CSS to integrate web fonts in your site
- Use the Web Font Plug-in to mock-up your sites using WebINK and Google Web Fonts
- Find suitable font pairings for your site
- Test web fonts on existing sites without writing any code
Webpage Design Basics for Non-DesignersMike Wilcox
The document provides an overview of basic webpage design principles for non-designers. It covers logo design, including that the logo should be done first and represent the company's personality. It discusses using color theory when selecting primary and secondary colors. Other topics include common webpage layouts like one, two, and three columns; using whitespace and varying design elements; as well as typography basics such as the difference between serif and sans serif fonts and using different font weights. Overall, the document offers a high-level introduction to key visual design concepts for developing a webpage.
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” 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.
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.
This document provides a summary of Adrian Roselli's presentation titled "Selfish Accessibility" for WordCamp Buffalo 2014. The summary includes:
1) Roselli discusses how supporting accessibility now helps serve future needs as people age and experience disabilities, injuries, or accidents.
2) The presentation covers basic accessibility tests anyone can do, including checking that all functionality works without a mouse, images have alt text, high contrast mode is supported, and content remains understandable without CSS.
3) Roselli discusses techniques like using WAI-ARIA roles correctly, preferring native HTML5 semantics over repurposed elements, and ensuring all interactive elements are usable via keyboard.
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.
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.
Making Your Site Printable: CSS Summit 2014Adrian Roselli
The push for responsive web design has helped web developers consider how the sites they develop can adapt to different devices, including sizes, screen resolutions, and even contexts.
It should now be easier than ever to respond to a format that has existed since the start of the web -- print.
I'll walk through the process for making your responsive sites respond to the format we most often forget and show you how to use Google Analytics to track what pages are printed from your site.
The document provides an overview of prototyping accessibility for a workshop presentation. It includes instructions for group exercises to prototype user interface elements and develop personas. It also covers various accessibility topics like disability types, user experience models, technical accessibility standards around text alternatives, typography, links, color contrast, labeling fields, document structure, and keyboard/screen reader support. The goal is to educate attendees on inclusive design practices through hands-on exercises and discussions.
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.
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
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.
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.
The document summarizes Adrian Roselli's presentation on "Selfish Accessibility" at UX Singapore 2014. It provides background on Adrian Roselli and defines accessibility terminology. It then discusses statistics on disability rates and types to emphasize the widespread need for accessibility. It explores motivating accessibility from a self-interested perspective by considering how disabilities can unexpectedly affect anyone. Finally, it offers techniques for accessibility including user stories, personas, and checklists, as well as resources for further information.
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.
Selfish Accessibility for Global Accessibility Awareness DayAdrian Roselli
The document provides an overview of a presentation on accessibility. It discusses statistics on disabilities worldwide and in the United States. It then discusses techniques for improving accessibility such as writing user stories from personas with different impairments and conducting basic accessibility tests like checking for proper keyboard and screen reader functionality.
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.
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.
This document provides guidance on questions to answer and considerations to make before building a website. It discusses researching the target audience and goals for the site. Key topics covered include page layout, design elements, content types, navigation structures, and usability best practices. The document emphasizes planning content before design and ensuring the site is accessible on different devices.
Have you always wanted to get away from boring, default fonts on your websites? Web fonts can allow you to use your favorite typefaces on the web, without saving them out as an image, or using other hacks.
Join typography expert Jim Kidwell for this informative session where you will learn how to:
- Craft solid CSS to integrate web fonts in your site
- Use the Web Font Plug-in to mock-up your sites using WebINK and Google Web Fonts
- Find suitable font pairings for your site
- Test web fonts on existing sites without writing any code
Webpage Design Basics for Non-DesignersMike Wilcox
The document provides an overview of basic webpage design principles for non-designers. It covers logo design, including that the logo should be done first and represent the company's personality. It discusses using color theory when selecting primary and secondary colors. Other topics include common webpage layouts like one, two, and three columns; using whitespace and varying design elements; as well as typography basics such as the difference between serif and sans serif fonts and using different font weights. Overall, the document offers a high-level introduction to key visual design concepts for developing a webpage.
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 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.
Selfish Accessibility: a11y Camp Toronto 2014Adrian Roselli
- 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
Adrian Roselli presented on the topic of "Selfish Accessibility". He argued that building accessible websites benefits all users now and in the future, as disabilities are common and can affect anyone over time. He suggested taking basic accessibility tests like using only the keyboard, turning off images/CSS, and checking color contrast. The presentation covered accessibility statistics, ways accessibility impacts everyone personally, and basic checks to improve accessibility. The overall message was that building accessibility into websites now serves one's own future needs and helps others.
The document summarizes a presentation given by Adrian Roselli on fringe accessibility techniques that should be avoided. It discusses common techniques like clicking on labels and checking color contrast. It then covers more fringe techniques such as avoiding default focus styles, using <h1> headings wisely, and setting the lang attribute. The document warns against disabling zoom, using tabindex greater than 0, and avoiding infinite scroll. It emphasizes that accessibility is an ongoing process rather than a checklist.
Design and Development Techniques for Accessibility: WordCamp Tampa 2015Robert Jolly
I’ll explore basic web accessibility principles for web designers, developers, and site owners, then show how to turn seemingly daunting and confusing accessibility requirements into understandable, actionable tasks and techniques. The talk will cover some of the accessibility-specific WordPress plugins and themes available, as well as some quick, easy tests to integrate into design and development workflows.
Web Accessibility has always been an important topic within the Drupal community. Having a fully accessible website has many benefits in addition assisting people with disabilities. But now that AODA (the Accessibility for Ontarians with Disabilities Act) has come into effect for all organisations in Ontario with over 20 people, for many of us it's the law.
This session is primarily targeted towards Designers, Developers, and Content Producers, but it will also be of great interest to Project Managers and Product Owners.
In this session I offered guidance on how to:
- Audit your website (for AODA compliance)
- Test your code (for WCAG 2.0 A, AA, and AAA ratings)
- Understand and interpret the WCAG 2.0 guidelines
- Develop processes for Accessible Content and Feature Development
In addition I tried to answer the following questions (among others):
- What is AODA?
- How does this affect me?
- Why now? Why should I care?
- What’s covered? What's not?
- Isn't Drupal already accessible?
- What do I have to do to make my site accessible? Is this a one-time thing?
- Where can I find more info? Where can I get help?
Byg Tilgængeligt - Build Accessibly. My presentation for Community Day 2012 on 10 May 2012. Communityday.dk - for developers. Download file to get all the great tips and links in the notes.
From jQuery San Diego, held Feb 12-13 2014, my talk on web accessibility for web developers. I cover basic techniques, introduce screen readers and ARIA, and go over testing. The goal is to demystify accessibility so we can weave it in to applications today.
Liferay provides tools and guidelines to help make websites accessible. Accessibility is important to allow people of all abilities to use websites. Liferay strives to make its own software and components accessible out of the box according to WCAG guidelines. Developers should test their sites by resizing text, disabling CSS/images, using only the keyboard, and using a screen reader to simulate different disabilities and ensure the site is usable by all.
This document provides a summary of a presentation on web accessibility for developers. It discusses:
1) An introduction to key concepts of accessibility including standards like WCAG 2.0 and how accessibility improves usability for all users.
2) Techniques developers can implement to make their sites more accessible, such as following keyboard navigation best practices, ensuring visual elements have adequate color contrast, and properly labeling form fields.
3) An introduction to screen readers and how they interact with web content, emphasizing the importance of semantic HTML and best practices like ARIA roles, states and properties for custom interactive elements.
This document provides an overview of accessibility with a focus on visual impairments. It discusses different types of impairments including blindness, color blindness, mobility issues, and learning difficulties. Specific guidance is given around color blindness, including statistics on prevalence and examples of how websites appear to those who are color blind. Screen readers like JAWS are explained, including how they are used to navigate web pages. Common accessibility errors are also outlined. The challenges of addressing accessibility as an agency are acknowledged.
Expanding Your Online Community with Web AccessibilityTechSoup
Donating, volunteering, and being involved in your community is for everyone ... including those with disabilities.
Inaccessible websites keep 15 percent of the population from finding you and your work online. That's millions of potential patrons, volunteers, ambassadors, and even future donors who might not be able to use your website due to small but significant errors.
In this presentation, Knowbility's Jessica Looney and Jillian Fortin will cover
- What accessibility is and why it should be a priority for nonprofits
- The business case for accessibility
- How to get buy-in from stakeholders of your organization
- A few quick website techniques to make your site more accessible today
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.
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 document is a slide presentation by Adrian Roselli for London Web Standards about using the lang attribute in HTML. It discusses what the lang attribute is, examples of its use, research showing around 47% of pages use it correctly, its importance for HTML validation, internationalization, accessibility, and screen readers. It also covers fun facts like the history of the "en-US-x-Hixie" language code.
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.
Selfish Accessibility - Girl Develop It BuffaloAdrian Roselli
Adrian Roselli discusses how accessibility benefits everyone now or in the future. Supporting accessibility now helps serve one's future self as people age and experience injuries or impairments. It also helps others who are currently injured or encumbered. Teaching younger developers about accessibility helps future generations if they pass on what they learn. Accessibility is an ongoing process, not just a checklist, and requires ongoing maintenance.
Everything I Know About Accessibility I Learned from Stack OverflowAdrian Roselli
The document summarizes a presentation where the presenter discusses what they have learned about accessibility from questions and answers on Stack Overflow. It includes questions asked on Stack Overflow about HTML, CSS, ARIA, assistive technology, and accessibility in general, along with short answers or responses provided. The presentation concludes by emphasizing the importance of accessibility professionals being present and providing guidance on sites like Stack Overflow and at local tech events.
Inclusive User Testing — Guelph Accessibility ConferenceAdrian Roselli
This document summarizes a presentation about inclusive user testing. It discusses concerns about accessibility and participant experience. It provides guidance on planning testing logistics like payment, venue selection, recruitment through community organizations, accommodations, technology use, testing processes, and privacy considerations. The overall document outlines best practices for conducting accessible and respectful user testing.
A shortened version of my talk, tailored to Role = Drinks in Amsterdam. I review examples of situational disabilities and provide some sneaky user stories.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
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
Full-RAG: A modern architecture for hyper-personalizationZilliz
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
20 Comprehensive Checklist of Designing and Developing a WebsitePixlogix Infotech
Dive into the world of Website Designing and Developing with Pixlogix! Looking to create a stunning online presence? Look no further! Our comprehensive checklist covers everything you need to know to craft a website that stands out. From user-friendly design to seamless functionality, we've got you covered. Don't miss out on this invaluable resource! Check out our checklist now at Pixlogix and start your journey towards a captivating online presence today.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slackshyamraj55
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Zilliz
Join us to introduce Milvus Lite, a vector database that can run on notebooks and laptops, share the same API with Milvus, and integrate with every popular GenAI framework. This webinar is perfect for developers seeking easy-to-use, well-integrated vector databases for their GenAI apps.
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
3. • I’ve written some stuff,
• Member of W3C,
• Building for the web
since 1993,
• Learn more at
AdrianRoselli.com,
• Avoid on Twitter
@aardrian.
About Adrian Roselli
5. What is a11y?
• A numeronym for “accessibility”:
• The first and last letter (accessibility),
• The number of characters omitted (a11y).
• Prominent on Twitter (character restrictions):
• #a11y
• Examples:
• l10n → localization
• i18n → internationalization
8. 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
9. 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+.
10. 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.
11. Mobility Impairments
• In the United States:
• 5.5% aged 21-64 years old.
• 15.6% aged 65-74 years old.
• 32.9% aged 75+.
12. 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+.
23. 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.
35. User Stories
• Components:
• User,
• Outcome,
• Value.
• Writing:
• As user, I want outcome.
• As user, I want outcome so that value.
• In order to get value as user, I want outcome.
How to Write User Stories for Web Accessibility
36. Selfish User Stories
• As a user on a sun-lit patio, I want to be able to
read the content and see the controls.
Add beer and as a user I may have trouble focusing.
37. Selfish User Stories
• As a user in bed with a sleeping spouse, I want to
watch a training video in silence so that I can get
caught up at work.
As a user who doesn’t want to get punched for having slacked off at work.
38. Selfish User Stories
• In order to click links as a user with no elbow room
in coach class with a tiny trackpad, I want click
areas to be large enough and adequately spaced.
As a user in coach class who also paid too much for the drink he’s spilling on his keyboard.
39. Selfish User Stories
• As a user distracted by the TV, I want clear
headings and labels so that I don’t lose my place.
As a user who really should be finishing his work in the office.
42. Text Alternatives for Images
• Can you still make sense of the page?
• Is content missing?
• Can you still use the site?
• Is your alt text useful?
• Do you account for CSS background images?
• What about SVGs?
• Or CSS-generated symbols / icons?
http://www.4syllables.com.au/2010/12/text-alternatives-decision-tree/
http://dev.w3.org/html5/alt-techniques/#tree
45. 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://adrianroselli.com/2014/03/i-dont-care-what-google-did-just-keep.html
46. Hyperlinks!
• You are not Google:
• Users know Google’s layout,
• Users probably don’t visit your site daily.
• Relying on color alone will not suffice (WCAG 1.4.1
[A], 1.4.3 [AA]),
• Necessary contrast values:
• 4.5:1 between text and its background for copy,
• 3:1 between text and its background for larger text,
• 3:1 between surrounding text and a hyperlink, plus an
additional visual cue (G183).
http://adrianroselli.com/2014/03/i-dont-care-what-google-did-just-keep.html
48. Color Contrast
• Is there enough contrast?
• Are hyperlinks, menus, etc. still visible?
• WCAG 2.0:
• 4.5:1 for normal text
• 3:1 for large text (14+pt & bold, or 18+pt)
• WCAG 2.1:
• 3:1 for UI components, graphical objects
49. Color Contrast
• WCAG 2.1 has broadened it,
• Typography,
• Icons and glyphs,
• Form elements, error messages,
placeholders,
• Hover, focus, selected states.
50. Label Your Fields
• Provide instructions for the entire form,
• Provide a programmatic indication of required fields,
• Provide formatting advice,
• Use ARIA to associate formatting advice,
• Avoid placeholder text,
• Associate error messages with fields.
51. Label Your Fields
• Match the for attribute to the corresponding field’s id
attribute.
• Label text provides a larger hit area for mouse / touch,
• Label text should appear above or the left of text inputs or
menus (for LTR languages),
• Label text should appear after checkboxes / radio buttons (for
LTR languages).
• Label grouped fields (<fieldset> / <legend>)
53. Structure Your Document
• 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!
57. <header role="banner">
<nav role="navigation">
<aside role="complementary">
<form role="search">
<footer role="contentinfo">
<main role="main">
“Mobile” often means narrow screen
in RWD, as well as this context.
Structure Your
Document
58. Structure Your Document
• Use only one <h1> per page,
• Don’t skip heading levels,
• Use appropriate nesting,
• There is no Document Outline Algorithm:
• Don’t use <h1> within every new <section> nor <article>,
• This will not affect your SEO.
http://adrianroselli.com/2013/12/the-truth-about-truth-about-multiple-h1.html
60. Be Keyboard Friendly
• Do you have scrolling content boxes?
• Keyboard users cannot access it.
• Do you have content that displays on hover?
• Keyboard users probably cannot access it.
• A technique:
• <div role="region" aria-label="[if appropriate]"
tabindex="0">
http://adrianroselli.com/2016/02/keyboard-and-overflow.html
63. Be Keyboard Friendly
• Do not use a <div> nor <span> as a control.
• Does the control take me to another URL?
• Use an <a href>.
• Note: does not fire on space-bar.
• Does the control change something on the current page?
• Use a <button type="button">.
• Does the control submit form fields?
• Use <input type="submit"> or <button type="submit">.
http://adrianroselli.com/2016/01/links-buttons-submits-and-divs-oh-hell.html
65. Be Keyboard Friendly
• Define :focus styles,
• Particularly if you removed link underlines,
• Everywhere you have :hover, add :focus,
• Look for :focus{outline:none;} in libraries:
• If you find it, remove it.
• Do not rely on browser defaults,
• Easy to test with the tab key.
http://adrianroselli.com/2014/06/keep-focus-outline.html
70. The Message
• Supporting accessibility now helps to serve future
you.
• Supporting accessibility now helps injured you,
encumbered you.
There is no try.
71. 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.
Always pass on what you have learned.
72. Stairamp
Dean Bouchard on Flickrhttp://accessibility.net.nz/blog/the-problems-with-ramps-blended-into-stairs/
77. 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
78. 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
79. Resources
• Designing For The Elderly: Ways Older People Use
Digital Technology Differently
http://www.smashingmagazine.com/2015/02/05/designing-
digital-technology-for-the-elderly/
• 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
80. Presented by Adrian Roselli for Harbour Front
Vol. 230 October 2018
The Hive, Wan Chai, Hong Kong
Editor's Notes
1980 definition:
“In the context of health experience, a disability is any restriction or lack of ability (resulting from an impairment) to perform an activity in the manner or within the range considered normal for a human being.”
As evidenced by how few young people are old
As evidenced by how few young people are old
You probably have some comfort level with technology
Our inclusive design principles
Recognize exclusion
Exclusion happens when we solve problems using our own biases. As Microsoft designers, we seek out those exclusions, and use them as opportunities to create new ideas and inclusive designs.
Learn from diversity
Human beings are the real experts in adapting to diversity. Inclusive design puts people in the center from the very start of the process, and those fresh, diverse perspectives are the key to true insight.
Solve for one, extend to many
Everyone has abilities, and limits to those abilities. Designing for people with permanent disabilities actually results in designs that benefit people universally. Constraints are a beautiful thing.
Fly thought this section.
Screen shot of a link with the blue Chrome focus ring on the blue background of the Chrome help page.