This document provides an overview of free accessibility testing tools that can be used to test websites for accessibility. It discusses both built-in tools like VoiceOver on Mac and iPhone as well as browser extensions, external testing sites, desktop applications, automated testing, and free screen readers. Bookmarklets and free screen readers like NVDA and VoiceOver are recommended as good initial options for testing. It also notes that the Castle Advantage content management system incorporates automated accessibility testing via axe-core.
Screen Capture with Camtasia - Workflow and Use CasesJeremy Anderson
An overview of the workflow involved in creating a screen recording with Camtasia Relay. Also featured are a number of use cases for this technology: flipping the classroom, creating Khan Academy style instructional videos, providing multimedia feedback, and digital storytelling.
Screen Capture with Camtasia - Workflow and Use CasesJeremy Anderson
An overview of the workflow involved in creating a screen recording with Camtasia Relay. Also featured are a number of use cases for this technology: flipping the classroom, creating Khan Academy style instructional videos, providing multimedia feedback, and digital storytelling.
A Project Play Date presentation. Learn how to solve all of your online account woes with Passpack, a secure, online password manager you can access from any web computer.
Chromebooks are a faster and fairly inexpensive computer that start up in less than 7 seconds, offer thousands of web-based apps, have built-in virus protection, and can easily synchronization to Google’s cloud and burgeoning services infrastructure. In this webinar:
Learn Chromebook specifications.
Understand how to use a Chromebook.
Discover how to install Linux and dual boot.
Determine if Chromebooks are a good fit for your library.
The Essentials for Productive Video Meetings with Chris Milton at WordCamp Sa...Chris Milton
Working remotely as freelancers or as part of a distributed team has gone from trending to essential. This way of working requires more people to be live streaming, using video conferencing and creating video tutorials. Join me as I walk through my personal desk setup that was created to be more efficient in meetings without taking up a lot of space. The one-stand desk setup that works great for YouTube videos, video conferencing and recording tutorials.
Section 1: My Pics for free tools to help record/coordinate meetings and make videos without tech skills
Section 2: How I built my desk setup
Section 3: What I've learned after using this setup for 3 months
#WCSATX #wordcamp #2020 #presentation #videocall #videochat
An introduction to accessibility: definition, concepts, some requirements from WCAG, checking the accessibility conformance, recommendations and curiosities.
Designing better user interfaces sets out to teach interface design by talking through concrete examples: what works, what doesn’t work. A good interface consists of a thousand details done right. This presentation is all about those details.
A Project Play Date presentation. Learn how to solve all of your online account woes with Passpack, a secure, online password manager you can access from any web computer.
Chromebooks are a faster and fairly inexpensive computer that start up in less than 7 seconds, offer thousands of web-based apps, have built-in virus protection, and can easily synchronization to Google’s cloud and burgeoning services infrastructure. In this webinar:
Learn Chromebook specifications.
Understand how to use a Chromebook.
Discover how to install Linux and dual boot.
Determine if Chromebooks are a good fit for your library.
The Essentials for Productive Video Meetings with Chris Milton at WordCamp Sa...Chris Milton
Working remotely as freelancers or as part of a distributed team has gone from trending to essential. This way of working requires more people to be live streaming, using video conferencing and creating video tutorials. Join me as I walk through my personal desk setup that was created to be more efficient in meetings without taking up a lot of space. The one-stand desk setup that works great for YouTube videos, video conferencing and recording tutorials.
Section 1: My Pics for free tools to help record/coordinate meetings and make videos without tech skills
Section 2: How I built my desk setup
Section 3: What I've learned after using this setup for 3 months
#WCSATX #wordcamp #2020 #presentation #videocall #videochat
An introduction to accessibility: definition, concepts, some requirements from WCAG, checking the accessibility conformance, recommendations and curiosities.
Designing better user interfaces sets out to teach interface design by talking through concrete examples: what works, what doesn’t work. A good interface consists of a thousand details done right. This presentation is all about those details.
Let's talk about web typography!
Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Examine type and icon fonts through a developer lens, and learn how designers and front-end developers can work together to get everyone on the same (elegantly designed) page!
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.
Keynote- We're going wrong: Choosing the web's future. Peter Paul KochFuture Insights
From FOWA London 2015
Web developers and browser vendors are trying too hard to emulate native apps; in vain, PPK says, because we can't out-native native. Meanwhile this quest for native emulation has a host of undesirable by-effects: too many new browser features that need too many new (and not always performant) tools to create polyfills, which cause too many people to think they only need to understand the tools in order to be a web developer. We're going wrong. We should take some time to figure out what the web is for, how we can have a successful web ecosystem next to, but not in competition with, native ecosystems, and how we should explain what web development is to Java developers and others who come from a non-web background. We need time to think.
2.Cellular Networks_The final stage of connectivity is achieved by segmenting...JeyaPerumal1
A cellular network, frequently referred to as a mobile network, is a type of communication system that enables wireless communication between mobile devices. The final stage of connectivity is achieved by segmenting the comprehensive service area into several compact zones, each called a cell.
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptxBrad Spiegel Macon GA
Brad Spiegel Macon GA’s journey exemplifies the profound impact that one individual can have on their community. Through his unwavering dedication to digital inclusion, he’s not only bridging the gap in Macon but also setting an example for others to follow.
Instagram has become one of the most popular social media platforms, allowing people to share photos, videos, and stories with their followers. Sometimes, though, you might want to view someone's story without them knowing.
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC
Ellisha Heppner, Grant Management Lead, presented an update on APNIC Foundation to the PNG DNS Forum held from 6 to 10 May, 2024 in Port Moresby, Papua New Guinea.
Understanding User Behavior with Google Analytics.pdfSEO Article Boost
Unlocking the full potential of Google Analytics is crucial for understanding and optimizing your website’s performance. This guide dives deep into the essential aspects of Google Analytics, from analyzing traffic sources to understanding user demographics and tracking user engagement.
Traffic Sources Analysis:
Discover where your website traffic originates. By examining the Acquisition section, you can identify whether visitors come from organic search, paid campaigns, direct visits, social media, or referral links. This knowledge helps in refining marketing strategies and optimizing resource allocation.
User Demographics Insights:
Gain a comprehensive view of your audience by exploring demographic data in the Audience section. Understand age, gender, and interests to tailor your marketing strategies effectively. Leverage this information to create personalized content and improve user engagement and conversion rates.
Tracking User Engagement:
Learn how to measure user interaction with your site through key metrics like bounce rate, average session duration, and pages per session. Enhance user experience by analyzing engagement metrics and implementing strategies to keep visitors engaged.
Conversion Rate Optimization:
Understand the importance of conversion rates and how to track them using Google Analytics. Set up Goals, analyze conversion funnels, segment your audience, and employ A/B testing to optimize your website for higher conversions. Utilize ecommerce tracking and multi-channel funnels for a detailed view of your sales performance and marketing channel contributions.
Custom Reports and Dashboards:
Create custom reports and dashboards to visualize and interpret data relevant to your business goals. Use advanced filters, segments, and visualization options to gain deeper insights. Incorporate custom dimensions and metrics for tailored data analysis. Integrate external data sources to enrich your analytics and make well-informed decisions.
This guide is designed to help you harness the power of Google Analytics for making data-driven decisions that enhance website performance and achieve your digital marketing objectives. Whether you are looking to improve SEO, refine your social media strategy, or boost conversion rates, understanding and utilizing Google Analytics is essential for your success.
Understanding User Behavior with Google Analytics.pdf
Accessibility testing-tools
1. FREE ACCESSIBILITY TESTING
TOOLS
ROB PORTER
Plone Conference 2017
Work Experience: Worked for Penn State 13 years. Helped start the WebLion Project
Work for Wildcard for about 3 years now.
Passion for UI and how computers talk to different interfaces like screen readers. Mobile devices
Blind people get around your site with headings, lists, links, form bindings
2. WHY USE ACCESSIBILITY TOOLS TO TEST YOUR WEBSITES?
▸ You want the most people to understand your awesome
content.
▸ Sooner or later…
▸ Sooner or later you may get sued
1.) You may know someone who could use your help. It only takes a little bit of time to get in some good habits. Also you may know someone who is colorblind and
hiding that fact.. it is frustrating when someone can’t see your awesome content because of color choices or font sizes.
2. Sooner or later you will need some kind of help. Like me, As you get over 40. You may need bifocals
3. WCAG 2.0
▸ Web Content Accessibility Guidelines (WCAG) is
developed through the W3C process
▸ There are 3 levels of WCAG: A, AA, AAA
America- we have 508 accessibility standards.. for the web they are called WCAG
LEVELS- each additional “A” level fulfills all the requirements of the level below it. So AAA has to follow the rules of both A and AA
4. YEAH…WCAG 2.0 AAA IS
“UNOBTAINIUM” AND
MYTHICAL
Paul Roeland
TEXT
Many of the requirements of AAA is just impossible so we will focus on AA.
Here is a list
5. PAUL J ADAM’S WCAG CHECKLIST
▸ http://pauljadam.com/wcag20checklist.html
This checklist made by Paul J Adam. He works for is a great resource of all things accessibility wise.
6. CAN YOU NAVIGATE YOUR
WEBSITE WITH ONLY THE
KEYBOARD?
Did you or some bootstrap take away the normal :focus styles
Bad example: https://www.usatoday.com/
Good Example: cnn, wildcardcorp, REALLY good https://www.w3.org/WAI/demos/bad/
8. BUILT IN TOOLS
MAC VOICE OVER
▸ Mac Shortcuts: https://webaim.org/articles/voiceover/
▸ Best to use with the safari browser
Demo Mac will be demoed at the end
9. BUILT IN TOOLS
IPHONE VOICE OVER
▸ iPhone voice over: https://www.apple.com/lae/
accessibility/iphone/vision/
Demo Iphone video will be shown at end
10. BUILT IN TOOLS
WINDOWS AND LINUX
▸ No default tools.
These will need to be added. Like NVDA and
12. BROWSER ADD ONS/EXTENSIONS
FIREFOX OR CHROME
▸ AXE: https://www.deque.com/products/axe/ (F+C)
▸ WCAG Contrast checker: https://addons.mozilla.org/en-
US/firefox/addon/wcag-contrast-checker/ (F)
▸ FANGS: https://addons.mozilla.org/en-US/firefox/addon/
fangs-screen-reader-emulator/ (F) ****
Show AXE on chrome
Show contrast checkers Firefox
Show fangs firefox— bad and good site
13. BROWSER ADD ONS OR EXTENSIONS
FIREFOX OR CHROME
▸ WAVE: http://wave.webaim.org/extension/ (F + C) ****
▸ HeadingsMap: https://addons.mozilla.org/en-US/firefox/
user/rumoroso/ (F) or https://chrome.google.com/
webstore/detail/headingsmap/
flbjommegcjonpdmenkdiocclhjacmbi?hl=en (C)
Show wave chrome
Show headingsmap chrome
17. DESKTOP APPLICATIONS
▸ Colour Contrast Analyzer: https://
developer.paciellogroup.com/resources/contrastanalyser/
(Mac and Windows)
▸ Color Oracle: http://colororacle.org/index.html (Mac,
Windows, Linux
▸ SIm Daltonism
These are more for designers…
Oracle is a simulator http://www.color-blindness.com/ishihara-38-plates-cvd-test/#prettyPhoto/0/
19. AUTOMATED TESTING
▸ aXe-core: https://www.deque.com/products/axe-core
aXe-core is an open source, portable JavaScript library that executes automated accessibility testing inside your testing framework or browser of choice and outputs
reports.. so does the axe
20. BOOKMARKLETS
These will get you there faster. I would say these could be your initial go to for testing. Especially the html_sniffer one. These work in most browsers even mobile
22. BOOKMARKLETS
PAUL J ADAMS BOOKMARKLETS
▸ http://pauljadam.com/bookmarklets.html
▸ Aria Bookmarklet
▸ Forms Accessibility (checks forms.. labels..)
▸ Grayscale - take all the color away
▸ Images Alt Check
▸ Tables
▸ Lists
▸ Tab index
▸ Force Focus: Show what should be focusable
* This webpage has a list of great bookmarklets… It also has test pages to try them on.
23. FREE SCREEN
READERS
These will get you there faster. I would say these could be your initial go to for testing. Especially the html_sniffer one. These work in most browsers even mobile.
This is the real stuff. JAWS would be nice.. but we are going free here.. JAWS is almost 1000 bucks
Also better test for things like modals and aria live areas
25. SCREEN READERS
VOICE OVER MAC
Live Demo
https://webaim.org/articles/
voiceover/ shortcuts
Best Browser: Safari
* Start Voice Over
* Open Safari
* Use control + option + command THEN H for heading L for links J for forms
*
26. SCREEN READERS
NVDA WINDOWS
Live Demo
https://webaim.org/articles/
voiceover/ shortcuts
Best Browser: Firefox
* Python based..
* Start NVDA
* Open firefox
* Use capslock(since Mac doesn’t have “insert”
* H for heading L for links F for forms
*
27. SCREEN READERS
10 OTHER FREE ONES
https://usabilitygeek.com/10-free-
screen-reader-blind-visually-impaired-
users/
28. CASTLE
ADVANTAGE
We know that content people sometimes make mistakes.. Plone is good out of the box.. What if I told you we got axe-core into the castle advantage version.
Let me show you.
30. TEXT
PAUL’S ADDITION
open-source, heavy duty, http://asqatasun.org/ (can run as a Docker container or on
Linux)
Twitter just opensourced their testing tool yesterday, so not tested by me:
https://github.com/github/accessibilityjs/blob/master/README.md
and I also use https://desktop.opquast.com/en/
and Paypal's command line tool:
https://github.com/paypal/AATT