Today's design and development frameworks - Drupal, WordPress, Bootstrap, jQuery, and others - make it easier to stand up apps quickly. But at what cost? Find out what we learned and what we'd change next time.
Usability Testing with People with DisabilitiesKate Walser
For users with disabilities visiting your website, accessibility is essential for site and app use. But how usable is your product? Why not ask people who use assistive technologies to use your site and find out? Learn tips for creating a test plan, recruiting, and moderating usability test sessions with people with disabilities.
Lessons Learned: Coding Accessible Apps with Frameworks 2017Kate Walser
May 18, 2017 presentation at AccessU: There’s often a debate about why applications aren’t accessible. Some people argue that teams don’t care enough about accessibility or prioritize it. Others argue that developers just don’t get it. What if it’s not that simple? What if, in a world of open source and Agile/fast-paced projects, frameworks and deadlines get in the way?
When frameworks like Drupal, jQuery, and WordPress fall short, you can still come out ahead in accessibility by knowing what questions to ask and what resources to engage. This session isn’t a session on out-of-the-box accessibility for Drupal, jQuery, WordPress, and similar frameworks – it will teach you some common glitches in frameworks and techniques to work around those to improve accessibility.
Usability Testing with People with Disabilities (2017)Kate Walser
May 17, 2017 presentation at AccessU: The best way to learn how your website or app will work for people with disabilities is to observe them using it. Usability testing let users try out your product so you can learn what works for them for usable accessibility. You will learn how to adapt a usability test plan for different assistive technology and different disabilities. Best of all, you’ll practice running a usability test with users with disabilities.
Next generation web accessibility: Improvement of usability for disabled usersArtur Ortega
This lecture provides best practices used at Yahoo! for increasing the usability of web pages for disabled users. The real world examples will explain in detail the advantages of WAI-ARIA and other techniques used to improve overall usability for everyone. Say goodbye to “Only accessible” and say hello to “Inclusive Design”!
Usability Testing with People with DisabilitiesKate Walser
For users with disabilities visiting your website, accessibility is essential for site and app use. But how usable is your product? Why not ask people who use assistive technologies to use your site and find out? Learn tips for creating a test plan, recruiting, and moderating usability test sessions with people with disabilities.
Lessons Learned: Coding Accessible Apps with Frameworks 2017Kate Walser
May 18, 2017 presentation at AccessU: There’s often a debate about why applications aren’t accessible. Some people argue that teams don’t care enough about accessibility or prioritize it. Others argue that developers just don’t get it. What if it’s not that simple? What if, in a world of open source and Agile/fast-paced projects, frameworks and deadlines get in the way?
When frameworks like Drupal, jQuery, and WordPress fall short, you can still come out ahead in accessibility by knowing what questions to ask and what resources to engage. This session isn’t a session on out-of-the-box accessibility for Drupal, jQuery, WordPress, and similar frameworks – it will teach you some common glitches in frameworks and techniques to work around those to improve accessibility.
Usability Testing with People with Disabilities (2017)Kate Walser
May 17, 2017 presentation at AccessU: The best way to learn how your website or app will work for people with disabilities is to observe them using it. Usability testing let users try out your product so you can learn what works for them for usable accessibility. You will learn how to adapt a usability test plan for different assistive technology and different disabilities. Best of all, you’ll practice running a usability test with users with disabilities.
Next generation web accessibility: Improvement of usability for disabled usersArtur Ortega
This lecture provides best practices used at Yahoo! for increasing the usability of web pages for disabled users. The real world examples will explain in detail the advantages of WAI-ARIA and other techniques used to improve overall usability for everyone. Say goodbye to “Only accessible” and say hello to “Inclusive Design”!
Importance of Accessibility for a Successful and Future-Proof Business - CSUN...Artur Ortega
Importance of Accessibility for a Successful and Future-Proof Business - An analysis based on recent studies about the benefits of accessibility for a robust internet business, with a focus on future-proof revenue. Artur Ortega; Saturday, March 27, 10:40-11:40 AM PST; Annie AB. CSUN International Accessibility Conference
Invited talk to Simon Fraser University on "Open Source Maturity and Suitability" aka how to choose the 'right' open source project for you. Presented May 2005
When I worked at SapientNitro and at RBC, I conducted Lunch & Learn sessions outlining principles and tools for doing Cross-Channel Design.
The material for the presentation was compiled and synthesized from a number of workshops and sessions I attended at the Information Architecture Summit in 2012, plus contemporary online articles and books.
Webinar given on October 17, 2013 (1:00pmEDT / 10:00amPDT) to Roane State faculty and other TA program grantees as part of http://open4us.org.
I give a basic overview of Creative Commons, Creative Commons license use in education, and Creative Common’s integral role in the Open Educational Resources (OER) movement. I explain the Creative Commons Attribution license (CC BY) requirement for TAACCCT program grantees, how the CC BY license works, and the free support CC will offer to grantees around application of the license to grantee materials.
Link to recording: https://sas.elluminate.com/site/external/jwsdetect/nativeplayback.jnlp?sid=2008170&psid=2013-10-17.0955.M.5E7B928FC11E94D844B1405E5A750C.vcr
CC BY license implementation deep dive (OPEN Kick-off)Jane Park
Session description from http://open4us.org/events/kick-off-conference-agenda/:
This session will dive into detail about the CC BY licensing requirement and what it takes to implement the license when hosting content on individual and external platforms. CC staff will go over the license metadata, examples of good implementation, and OER platforms where you can host resources under the CC BY license. We will also demonstrate tools and sites to find existing CC BY or otherwise licensed OER for your project. (SBCTC will share their stories, ie. around Open Course Library.)
• How do individuals with disabilities interact with and use the web? Understanding how assistive technologies work.
• Understanding your legal requirements - Section 508, Section 504, the Americans with Disabilities Act, and other state, U.S., and international laws
• Evaluating web site accessibility - automated tools, user testing, using screen readers, and understanding the Web Content Accessibility Guidelines (WCAG) 2.0
Open.Michigan partnered with the Department of Obstetrics and Gynecology at the University of Michigan and the Learning Resource Center's Multimedia team to host two brainstorming sessions in January 2011, bringing together U-M community members from across campus. Results and activities can be found at: https://open.umich.edu/wiki/'Textbook'_of_the_Future
Zapping ever faster: how Zap sped up by two orders of magnitude using RavenDBOren Eini
Join a real uplift experience with Hagay Albo, the CTO of the Zap/Yellow Page Group in Israel, in which he explains how his team was able to take a legacy (slow and hard to modify) group of sites and make them easier to work with, MUCH faster and greatly simplified the operational environment.
By prioritizing high availability, flexible data modeling and focusing on raw speed Zap was able to reduce its load times by Two Orders of Magnitudes. Using RavenDB as the core engine behind Zap's new sites had improved site traffic, reduced time to market and made it possible to implement the next-gen features that were previously beyond reach.
Презентация по АТД (контейнеры, последовательности и списки). Версия для C++, по сравнению с версией для C# добавлены новые рисунки для последовательностей и детализированные задачи.
How to Add an Alias to a Gmail Accountbethgsanders
If you want to be able to send email as another address from your Gmail account, you need to add an alias. Here are step-by-step instructions on how to add additional addresses. Useful if you forward other accounts to Gmail.
Professional with 9 years of domain experience in automotive industry, expertise in Project Management, Customer management, Estimation, Costing, Feasibility study and DPR.
Importance of Accessibility for a Successful and Future-Proof Business - CSUN...Artur Ortega
Importance of Accessibility for a Successful and Future-Proof Business - An analysis based on recent studies about the benefits of accessibility for a robust internet business, with a focus on future-proof revenue. Artur Ortega; Saturday, March 27, 10:40-11:40 AM PST; Annie AB. CSUN International Accessibility Conference
Invited talk to Simon Fraser University on "Open Source Maturity and Suitability" aka how to choose the 'right' open source project for you. Presented May 2005
When I worked at SapientNitro and at RBC, I conducted Lunch & Learn sessions outlining principles and tools for doing Cross-Channel Design.
The material for the presentation was compiled and synthesized from a number of workshops and sessions I attended at the Information Architecture Summit in 2012, plus contemporary online articles and books.
Webinar given on October 17, 2013 (1:00pmEDT / 10:00amPDT) to Roane State faculty and other TA program grantees as part of http://open4us.org.
I give a basic overview of Creative Commons, Creative Commons license use in education, and Creative Common’s integral role in the Open Educational Resources (OER) movement. I explain the Creative Commons Attribution license (CC BY) requirement for TAACCCT program grantees, how the CC BY license works, and the free support CC will offer to grantees around application of the license to grantee materials.
Link to recording: https://sas.elluminate.com/site/external/jwsdetect/nativeplayback.jnlp?sid=2008170&psid=2013-10-17.0955.M.5E7B928FC11E94D844B1405E5A750C.vcr
CC BY license implementation deep dive (OPEN Kick-off)Jane Park
Session description from http://open4us.org/events/kick-off-conference-agenda/:
This session will dive into detail about the CC BY licensing requirement and what it takes to implement the license when hosting content on individual and external platforms. CC staff will go over the license metadata, examples of good implementation, and OER platforms where you can host resources under the CC BY license. We will also demonstrate tools and sites to find existing CC BY or otherwise licensed OER for your project. (SBCTC will share their stories, ie. around Open Course Library.)
• How do individuals with disabilities interact with and use the web? Understanding how assistive technologies work.
• Understanding your legal requirements - Section 508, Section 504, the Americans with Disabilities Act, and other state, U.S., and international laws
• Evaluating web site accessibility - automated tools, user testing, using screen readers, and understanding the Web Content Accessibility Guidelines (WCAG) 2.0
Open.Michigan partnered with the Department of Obstetrics and Gynecology at the University of Michigan and the Learning Resource Center's Multimedia team to host two brainstorming sessions in January 2011, bringing together U-M community members from across campus. Results and activities can be found at: https://open.umich.edu/wiki/'Textbook'_of_the_Future
Zapping ever faster: how Zap sped up by two orders of magnitude using RavenDBOren Eini
Join a real uplift experience with Hagay Albo, the CTO of the Zap/Yellow Page Group in Israel, in which he explains how his team was able to take a legacy (slow and hard to modify) group of sites and make them easier to work with, MUCH faster and greatly simplified the operational environment.
By prioritizing high availability, flexible data modeling and focusing on raw speed Zap was able to reduce its load times by Two Orders of Magnitudes. Using RavenDB as the core engine behind Zap's new sites had improved site traffic, reduced time to market and made it possible to implement the next-gen features that were previously beyond reach.
Презентация по АТД (контейнеры, последовательности и списки). Версия для C++, по сравнению с версией для C# добавлены новые рисунки для последовательностей и детализированные задачи.
How to Add an Alias to a Gmail Accountbethgsanders
If you want to be able to send email as another address from your Gmail account, you need to add an alias. Here are step-by-step instructions on how to add additional addresses. Useful if you forward other accounts to Gmail.
Professional with 9 years of domain experience in automotive industry, expertise in Project Management, Customer management, Estimation, Costing, Feasibility study and DPR.
[Maksimenkova_Neznanov] Peer Assessment to Programmers & Peer Assessment Syst...Olga Maksimenkova
Презентация доклада конференции АПКИТ-2016. Взаимное оценивание в курсах для разработчиков программного обеспечения. Описание и презентация системы поддержки взаимного оценивания PASCA
How to use emails to grow, engage and retain membersWild Apricot
Shiv will show you to use Emails to Grow, Engage and Retain Your Members.
In this presentation you will learn how to:
- Leverage reminder emails to increase renewals and event attendance
- Engage new and existing members by using welcome emails
- Convince prospective members to join your organize using “Nurture Campaigns”
Es necesario conocer en que situación y de que lado sobretodo se encuentra, ¿sellado por el Espíritu Santo o marcado por el enemigo? por lo que es necesario ir a la Palabra que nos habla acerca de ello.
AccessU 2018 - Surviving Dev Frameworks: Lessons Learned with WordPress, Drup...Kate Walser
There’s often a debate about why applications aren’t accessible. Some people argue that teams don’t care enough about accessibility or prioritize it. Others argue that developers just don’t get it. What if it’s not that simple? What if, in a world of open source and Agile/fast-paced projects, frameworks and deadlines get in the way?
When frameworks like Drupal, jQuery, and WordPress fall short, you can still come out ahead in accessibility by knowing what questions to ask and what resources to engage.
An Accessibility Update: Changes to Section 508Kate Walser
In March 2017, the Section 508 standards were updated as part of the ICT (Information & Communication Technology) updates. This talk gives a quick overview of accessibility, the original web section of the standards, and some high-level perspectives of what's new related to electronic content.
Over the past year, the Drupal community has focused on improving the Drupal user experience, making Drupal more friendly to a less technical user-base and rolling those improvements into Drupal 7. Join Dries Buytaert, the original creator and project lead for the Drupal open source web publishing and collaboration platform and Jeff Noyes, Acquia's director of user experience and contributor to the D7UX team contributor, for a one-hour tour of the new Drupal 7 usability features and the driving forces behind them. This will be the first in a series of Drupal 7 Webinars hosted by Dries this year.
Drupal Commerce is a powerful Commerce framework build on the Drupal 8 API, core and contrib. It puts the distributions on the map once again through the Commerce Kickstart package, a ready to go e-commerce store.
What are the challenges in bringing a Drupal or WordPress site to one million page views per month? Ten million? Fifty million? Logicworks and Cloud.com bring you the perspective of some of the leading voices in the digital publishing industry.
We took a closer look at elevator pitches in preparation for next week. We also discussed a range of cloud-based tools to help collaboration, task and file management.
Business 2.0 with WordPress reveals the secrets of making a profit with WordPress. It's target auditory is: entrepreneurs, small business owners, designers and developers. Different approaches for business based on the platform circles - quick, cheap and powerful WP-based website setup or consulting and products for designers and developers.
My presentation about the general knowledge of Drupal. It was presented in "PreCamp Drupal 2012", held by Drupal Indonesia Community at Rumah Indovasi. (30-9-2012)
To build great sites and digital experiences, teams require easy to use tools focused on key capabilities: Rapid development tools, radically simple page building components, drag-and-drop widgets to manage and use rich media and content assets, and intuitive tools to review, approve and publish quickly.
Acquia Lightning, a Drupal 8 open source distribution from the Drupal experts at Acquia, is the content management foundation that provides these capabilities and more to developers and experience teams in thousands of organizations worldwide.
Join this webinar, led by Drupal Project Lead and Acquia CTO Dries Buytaert, and Jeff Beeman, Acquia Lighting Product Manager, to discover how Lightning is the best content management foundation for developers and next-generation experience builders.
Attend this webinar to:
- Learn about Acquia Lightning and how to make it the best starting point for your Drupal projects
- Discover Lightning’s benefits and learn how developers are reducing development time by 30% while creating better, more usable sites
- Understand through demos how Lightning makes it easier for experience builders to create page layouts, embed rich media, create, approve and publish content more easily to engage with audiences faster
- Discover why Lightning, on Acquia Cloud, is the secret to building better, faster, and delivering more engaging sites that drive engagement and outcomes.
Responsive Web Design for Universal Access: 2019Kate Walser
2019 AccessU Course:
What if one design could respond to multiple form factors – web, tablet device, smart phone? Better yet, what if creating that one responsive design made it easier for all users – regardless of device or physical abilities – to engage with your organization?
Learn how responsive web design impacts accessibility (and SEO as well!).
AccessU 2018 - Introduction to User ResearchKate Walser
AccessU 2018: “It’s too expensive to do testing.” “We don’t have time.” “We can’t find any users.” If that these sound like something your team might say, this session’s for you! Come learn how - with a little creativity and planning - you can find and learn from users in time for your next release.
Learn about different user research methods (e.g., interviews, personas, testing, and more) exist for your project
Learn how and when to apply them to your project
Learn how to find and engage users of all abilities
Learn how logistics change for these different situations
Responsive Web Design for Universal Access 2016Kate Walser
You can improve how well your website works and looks across different devices using responsive web design techniques. But did you know you can also improve access for all users, including those with disabilities, by applying responsive techniques? Learn how.
Organizations are using social media for all sorts of reasons - customer service, outreach, for fun... So how can they use it effectively? And more importantly, how can they include their whole audience, without alienating those with different disabilities?
On target three-ways-to-keep-audience-in-focus_ivmgKate Walser
Keeping your user audience in mind can be challenging. Each of these 3 tools can be adapted to project timelines and budgets to help you remember who that end user is and what he needs.
Rich Web Apps presentation for UPA-DC UserFocus conference. Includes ideas for UX professionals to work more effectively with developers to create apps that users will love.
Inspired by President Obama’s vision, government agencies have stepped on the accelerator and are opening up their agencies, data, and missions to the public like never before. With 305 million people in the US, that’s some lot of potential customers and users. And this audience spans different demographics, ethnicities, education levels, and levels of interest in government. Where product companies and organizations may be able to focus in on certain target audiences, “Gov 2.0″ success and continued energy President Obama’s brought to the government will depend on making ALL in the US feel welcome and engaged. Not a small task.
Presented at Interaction 10, the conference for interaction designers, in Savannah, GA, February 2010.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
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.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Leading Change strategies and insights for effective change management pdf 1.pdf
Lessons Learned in Coding Accessible Apps with Frameworks
1. Lessons Learned
Coding Accessible Apps with Frameworks
Kate Walser
kwalser@cxinsights.com 571-281-2626
Slides @ http://www.slideshare.net/kwalser
2. 2
» Usability & accessibility
specialist
» Member of TEITAC, or Section
508 / Section 255 refresh
committee
» Principal consultant at CX
Insights, the user experience
division of Tritus Technologies,
Inc.
» Originally from upstate NY, now
call Fairfax, VA (near DC) home
Kate Walser
kate@cxinsights.com
571.281.2626
2
Creative Commons – Some Rights
Reserved
3. 3
Agenda
Time Duration Topic
10:15 – 10:25 10 minutes Introductions, Objectives
10:25 – 10:35 10 minutes Apps & frameworks in action
10:35 – 10:45 15 minutes GROUP EXERCISE
Spot the A11y Gems
10:45 – 11:05 20 minutes What we learned
11:05 – 11:20 15 minutes Strategy
11:20 – 11:35 15 minutes GROUP EXERCISE
Your site
11:35 – 11:45 10 minutes Discussion, Wrap-up
http://www.slideshare.net/kwalser
Creative Commons – Some Rights
Reserved
3
4. » In the early days of software and web
apps, software licensing was a given if you
were not building your own from-scratch
applications.
VINTAGE
Commercial software
Image credit: “Commercial Software Licensing Costs,” by maisonbisson
Flickr Creative Commons
Creative Commons – Some Rights
Reserved
4
5. » As the market crashed in the late 1990s
and early 2000s and the recession hit,
agencies and businesses were finding
ways to cut costs.
CHALLENGE
Financial Times & Costly Software
Image credit: “Piggy Banks with savings chart,” by managementwritingsolutions
Flickr Creative Commons Creative Commons – Some Rights
Reserved
5
6. TRENDING
Frameworks & Open Source
Logos and trademarks courtesy of Oracle, Microsoft, Drupal, and
WordPress.
All product and company names are trademarks™ or registered® trademarks
of their respective holders. Use of them does not imply any affiliation with or
endorsement by them. Creative Commons – Some Rights
Reserved
6
11. » WordPress, Drupal, Joomla, SharePoint and other
content management tools let organizations build
websites quickly and manage content easily. The
built-in options out of box for most of them include
the ability to tag content with headings, used by
assistive technologies.
» Content owners can also insert media, and in
some better designed tools like WordPress, add
alternative text.
Content Management
Publish, Edit, Approve
Creative Commons – Some Rights
Reserved
11
12. With drop-down and complex menus, it can
be hard to find option you need. Menu
doesn’t stay open to let users use ctrl+f to
find nav.
Navigation
Drop-downs, Megamenus, Mobile menus
Creative Commons – Some Rights
Reserved
12
13. » You can also quickly stand up forms to
collect information such as Contact Us,
newsletter subscription, registration, or
application information using Drupal’s
Ctools and various frameworks and plug-
ins, like Contact Form 7.
» Many offer support to let you include
required indicators, date picker widgets,
and informative text near the fields to help
users know what format is needed.
Forms
Cues, Formats, Feedback
Creative Commons – Some Rights
Reserved
13
16. Search & Queries
Tables, Filter, Show X rows, Pagerlinks
Example: https://datatables.net/
Creative Commons – Some Rights
Reserved
16
17. GROUP EXERCISE #1 – 10:35 – 10:45
» Look at your site (or a site)
» Content, articles
» Any interactive sliders, carousels, media
» Search and search results
» Contact, registration, application forms
» How would you describe the items to a user who
couldn’t see the screen?
» If you had to tell Siri what to do, what would you say?
17
19. FOR FRAMEWORKS
Accessible content’s easy(er)…
» Content headings
» Alt attributes
» Labels for basic fields
» Table headings
» Skip to main content
Creative Commons – Some Rights
Reserved
19
20. WHEN USING FRAMEWORKS
Accessible interactions fell short
» Keyboard and speech
recognition had less
support
» Accessible rich Internet
application (ARIA) support
varied
Creative Commons – Some Rights
Reserved
20
21. » Websites with pop-ups for tooltips,
navigation menus, and modals and dialogs
weren’t always reachable by keyboard.
DEMO
Pop-ups weren’t reachable
Creative Commons – Some Rights
Reserved
21
22. LESSONS LEARNED
Pop-ups weren’t reachable
» Add keyboard alternative for
click and hover events
– Level 1 menu links sometimes
removed href that provides
keyboard support
– Hover sometimes used as trigger
» Improve focus outline
» Set focus when open dialogs
https://www.playosmo.com/en/
Creative Commons – Some Rights
Reserved
22
23. DEMO
Field label, help, access issues
Creative Commons – Some Rights
Reserved
23
Example: https://kwalser.wufoo.com/forms/applicant/
24. LESSONS LEARNED
Field label, help issues
» Adjust out of box required field
settings
– Change * to Required
– Add required attribute to field
» Assign field descriptions to fields
» Adjust code for custom items
– Forms in dialogs
– Character counts
Creative Commons – Some Rights
Reserved
24
25. DEMO
Validation messages needed focus
Note: These Oracle Apex example link may require a username and password.
https://apex.oracle.com/pls/apex/wwv_flow.accept
https://apex.oracle.com/pls/apex/f?p=4000:4500:3378385214844::NO:::
Creative Commons – Some Rights
Reserved
25
26. LESSONS LEARNED
Validation messages needed focus
» Improve status messages
– Move focus to success / error
messages after validation
– Include links to fields with
problems
» Associate error message
with field via ARIA
Example: http://assets.cms.gov/resources/framework/3.4.1/Pages/#formvalidatorCreative Commons – Some Rights
Reserved
26
27. DEMO
Search results needed tweaks
Example: http://www.211texas.org/search/
Creative Commons – Some Rights
Reserved
27
28. LESSONS LEARNED
Search results needed tweaks
» Change filter option labels to “Filter” to avoid Search
hot command collision in speech recognition
» Set focus back to logical spot when pager links used
– Previous, page #, and next caused page refresh, focus set to top
rather than search results (or pager links)
» Associate text and map results for location-aware
searches (e.g., Near you) to improve map a11y
Creative Commons – Some Rights
Reserved
28
30. 1. List all major features
» Navigation
– Drop-downs, Jump links, Into / out of
dialogs and auto-complete
» Search, faceted drill-down
– Results, Filtering, Pagination / pager links,
Table headings
» Sliders, carousels, galleries, tabs
» Content sharing options, plugins
» Maps and data charts
Creative Commons – Some Rights
Reserved
30
31. 2. Describe interactions & test criteria,
then find exemplar site
Creative Commons – Some Rights
Reserved
31
» If click triggers action,
keyboard will also
» If hover triggers action,
keyboard alternative
» If error returned, list
specific errors in status
message with link to field,
show error near field, and
assign to field explicitly
32. 3. Pick tools with large communities
Creative Commons – Some Rights
Reserved
32
» Drupal
» WordPress
» jQuery
» Bootstrap
» AngularJS
» …
33. WordPress Accessibility Site
» WordPress’s accessibility site includes
resources for creating accessible plugins
and themes.
Creative Commons – Some Rights
Reserved
33
34. Drupal Groups Site
» Drupal Group’s site lists modules and
themes that have pledge to be accessible
and those that the community wishes
would take the pledge.
Drupal has made a pledge to accessibility, to make both its core framework
accessible and challenge module and theme developers to take an accessibility
pledge. This means they will “try” to make their products accessible.
Accessibility pledge modules/themes
Creative Commons – Some Rights
Reserved
34
35. Check usage stats if available
Creative Commons – Some Rights
Reserved
35
36. 4. Look for tips forums, API
Creative Commons – Some Rights
Reserved
36
40. Summary
40
» Biggest challenges with framework accessibility are the rich,
interactive elements
» Describing how those should work in advance and finding
examples helps.
Before open source, many software and framework vendors who sold to government agencies considered accessibility as a must-have in their commercial off-the-shelf (COTS) products.
If it wasn’t accessible, agencies could request for a price, adjustments to improve accessibility.
Many of us are still in an Agile world where agencies and businesses are focused on creating an initial concept and iterating on that and building
Open source software and commercial frameworks like Drupal, WordPress, jQuery, Yahoo UI, and others have grown in popularity over the past decade.
Businesses use Microsoft SharePoint and Oracle Apex used to stand up intranets and data-intensive apps.
Many of us are still in an Agile world where agencies and businesses are focused on creating an initial concept and iterating on that and building
With today’s frameworks, creating an accessible product can feel like being locked in a jail with limited options to get out.
Search, Tables & Filters
Simplistic idea of accessibility as alt attributes and table headings
Apps have evolved and so have the interactions users expect and accessibility options
Drupal configuration
WordPress settings
Limitations and constraints imposed by the modules and framework
Far removed from the actual code
Simplistic idea of accessibility as alt attributes and table headings
Apps have evolved and so have the interactions users expect and accessibility options
Drupal configuration
WordPress settings
Limitations and constraints imposed by the modules and framework
Far removed from the actual code
With several plugins and libraries, we found great support for screen reader users. Accessible rich Internet application (ARIA) standards were great
In several tools, there’s a built in asterisk that’s included in various positions –
In several tools, there’s a built in asterisk that’s included in various positions –
WordPress site
Search uses plugin
In several tools, there’s a built in asterisk that’s included in various positions –
When choosing modules and plug-ins for your framework, think about support – the more popular and widely used modules tend to have more support and examples. You’ll find lots of claims of “Accessible, responsive” choices, but they’re often pretty limited and they often do the easy things.
The more popular, widely-used items tend to have better out-of-box accessibility support as they applied standards / good coding and have more contributors. And if not, you’ll often be able to Google to find examples on Quora, Stack Overflow or other websites where developers ask questions.