SlideShare a Scribd company logo
1 of 100
Download to read offline
Web Accessibility for
 the 21st Century

            Denise Paolucci, Dreamwidth Studios
                        denise@dreamwidth.org
                    http://denise.dreamwidth.org
Slides, resources, and
examples downloadable
     at end of talk!
What do we mean by
  “accessibility”?
“Accessibility” is about
making websites work
with assistive tech, not
       against it.
Multiple standards

• W3C’s Web Content Accessibility
  Guidelines
• WebAIM (Web Accessibility in Mind)
• US Government’s Section 508 Standards
Web Accessibility for the 21st Century
:(

• Standards/guidelines are all very high level
• And have specific ideas about what
  accessibility needs people have
• People have more accessibility needs than
  you think
People think of:

• Blind/low-vision users using screenreaders
  (Jaws, NVDA,VoiceOver)
• Users unable to type using dictation
  software (Dragon)
• Users unable to mouse using keyboard-only
  navigation/mousekeys
It’s not just about
   screenreaders
 (or dictation, or
  keybord input)
What’s the most
  commonly used
assistive technology?
Web Accessibility for the 21st Century
Web Accessibility for the 21st Century
Larger text size is the
most common assistive
  tech on the internet
(even if you don’t think
    it’s assistive tech)
Also:
•   Stylish                  •   Disabling autoplay/sound

•   NoScript                 •   AdBlock

•   NoSquint                 •   AutoPager

•   F.lux                    •   Workrave

•   Disabling animation      •   TypeAhead Find

•   “Zap CSS” bookmarks      •   ....etc
• Migraineurs
• People with cognitive disabilities
• Dyslexic users
• Colorblind users
• Deaf users
So how do you serve
all these accessibility
        needs?
...sometimes you don’t
            :(
    (but you can try!)
Don’t make a special
version: it never works
Universal Design

• Improves accessibility
• Improves your cross-platform support
• And your search engine visibility
• Everybody wins!
A light speed tour of
  Universal Design
    (this will not be on the exam)
Universal Design
        Principles

• NC State University’s Center for Universal
  Design has 7 principles
• Not all of them apply to web design
• The five that do are:
1. Equitable Use
1. Equitable Use
2. Flexibility in Use
1. Equitable Use
     2. Flexibility in Use
3. Simple and Intuitive Use
1. Equitable Use
     2. Flexibility in Use
3. Simple and Intuitive Use
4. Perceptible Information
1. Equitable Use
     2. Flexibility in Use
3. Simple and Intuitive Use
4. Perceptible Information
   5. Tolerance for Error
Web Accessibility for the 21st Century
those are REALLY high
   level guidelines :(
• There are a lot of checklists for
  implementing the high-level guidelines

• Many of them disagree
• A lot of the advice is outdated and not very
  helpful
Web Accessibility for the 21st Century
<i>Let's</i> be <b>ACCESSIBLE!</b>
<i>Let's</i> be <b>ACCESSIBLE!</b>

<em>Let's</em> be <strong>ACCESSIBLE!</strong>
Web Accessibility for the 21st Century
Let’s be ACCESSIBLE!
Let’s be ACCESSIBLE!

Let’s be ACCESSIBLE!
Semantic markup isn’t
      wrong...
But most screenreaders
   don’t differentiate
(because most of the
    web doesn’t
    differentiate)
you are in a maze of
   twisty little best
practices, all competing
and automated testing
  tools don’t catch
      everything
Web Accessibility for the 21st Century
31 Quick Techniques To
 Make Your Site Better
These are all downloadable at the end, with exercises
                and further reading :)
1. Make sure all images
   have alt attributes,
   height, and width
Bad:
<img src="image.png" />
Better:
<img src="image.png" height=480
width=600 alt="Woman laughing
with salad" />

    (writing good alt text is an art, not a science.)
2. Use blank alt text for
   purely decorative
         images
Bad:
<img   src="spacer-left-red.gif"   />
<img   src="spacer-left-red.gif"   />
<img   src="spacer-left-red.gif"   />
<img   src="spacer-left-red.gif"   />
<img   src="spacer-left-red.gif"   />
Just as bad:
<img src="spacer-left-red.gif"
       alt="spacer" />
<img src="spacer-left-red.gif"
       alt="spacer" />
<img src="spacer-left-red.gif"
       alt="spacer" />
<img src="spacer-left-red.gif"
       alt="spacer" />
<img src="spacer-left-red.gif"
       alt="spacer" />
Better:
<img src="spacer-left-red.gif"
          alt="" />
<img src="spacer-left-red.gif"
          alt="" />
<img src="spacer-left-red.gif"
          alt="" />
<img src="spacer-left-red.gif"
          alt="" />
<img src="spacer-left-red.gif"
          alt="" />
Best:
 Use CSS to place
 purely decorative
images, not <img>
3. Use header tags
(<h1>, <h2>, etc)
Screenreaders use those as jump-to points
4. Add skip links
             liberally
(Screenreaders use headers for navigation, but skip links
 still save the time of skipping through all the headers.)
5. In your source:
Content first, chrome
        after
  (and then position it visually using CSS)
6. Use CSS to hide
screenreader-useful
 things from visual
     browsers
 Use negative margins, not “display: none”
7. Write link text
   descriptively
Bad:
To manage your account, <a
href="link">click here</a>.
Better:
Visit <a href="link"> Account
Management</a> to change your
settings.
8. Don’t rely on tooltips
      or title text
Information in title tooltips is missed by large numbers
                     of your readers
Web Accessibility for the 21st Century
Web Accessibility for the 21st Century
9. Don’t rely on alt
         text, either
It’s nearly impossible to reach in most visual browsers
10. Make title text and
  alt text the same
This is controversial, since standards say they must be
 different, but it’s the only way to avoid information
                    being unreachable.
11. Explicitly label all
        form fields
And put any important instructions inside the form, not
              in a note outside the form
Bad:
<form>
Name: <input type="text"
name="name" />
</form>
Better:
<form>
<label for="name">Name:
</label> <input name="name"
id="name" type="text" />
</form>
Best:
<form>
<label for="name">Name:</label>
<input name="name" id="name"
type="text" aria-
labelledby="Name:"/>
</form>
Best:
<form>
<label for="name">Name:</label>
<input name="name" id="name"
type="text" aria-
labelledby="Name:"/>
</form>
ARIA or WAI-ARIA

• Web Accessibility Initiative-Accessible Rich
  Internet Applications
• Labels and describes page content and
  advanced “rich technology” like DHTML,
  Ajax, JavaScript
• Client implementation spotty, but...
12. Use WAI-ARIA
      landmark roles
Client implementation is getting better and better, and
           there’s zero downside to using it
13. Use existing
      JavaScript libraries
Don’t reinvent the wheel: JQuery isn’t 100% accessible,
         but it’s better than rolling your own
14. Make sure
everything has a
   tabindex
15. Put important things
 earlier in the tabindex
Use this VERY SPARINGLY, but less-used items can be
later in the tabindex. (But don’t interrupt visual flow.)
16. Don’t hide any
visible element from
    the keyboard
Wikipedia’s article rating widget




Unreachable via the keyboard :(
17. Never use tables
 unless presenting
    tabular data
Web Accessibility for the 21st Century
Web Accessibility for the 21st Century
18. And if you need
 tables, use <th>
headers (and ARIA
      roles)
19. Use <ul> or <ol>
instead of image based
        bullets
Bad:
<img src="bullet.gif">Item One
<img src="bullet.gif">Item Two
<img src="bullet.gif">Item Three
Better:
<ul>
<li>Item One</li>
<li>Item Two</li>
<li>Item Three</li>
</ul>
      (then add the image with CSS)
20. Define all sizes in
  em, not px or pt
21. Restrict large blocks
 of text to a narrower
          width
22. Check your color
       contrast
Standards say no less than 4.5:1 and recommend 7:1,
 but if possible, offer high-contrast and low-contrast
    options, or let the user set their own colors
23. Avoid large blocks
     of pure white
background (cream or
    grey is better)
24. Provide light-on-
dark and dark-on-light
        options
25. Use at least two
  ways of highlighting
information or errors
Remember earlier?
<form>
<label for="name">Name:</label>
<input name="name" id="name"
type="text" aria-
labelledby="Name:"/>
</form>
Forms of Highlights

• Color
• Outline
• Underline
• Text change
• ARIA label (role="alert")
26. Retain user input
     after errors
27. Don’t change the
screen without user
       action
28. And if you do
dynamic content, let
people turn it off --
   permanently
29. Don’t use Flash or
 PDFs: use plain text
30. Caption all audio
and video (by people,
   not machines)
31. Consider
alternatives to
  CAPTCHA
• Honeypot form field (with meaningless
  name, informative label, and display:none)

• Server-side checks (referer, secret token,
  length of time it took to submit)

• TextCaptcha.com: word-based CAPTCHA
  problems
And finally...
0. Test it yourself
You aren’t going to be as skilled with the assistive tech
  as an experienced user, but you can approximate
• Double your font size and see what breaks
• Unplug your mouse and see what you can’t
  reach or access

• Set your screen to black and white and see
  what’s unclear or invisible

• Have a screenreader read you the page and
  see what’s frustrating or missing
Thank you!
           Resources
http://denise.dreamwidth.org/tag/a11y
(that’s A, number one, number one, Y)

More Related Content

What's hot

Front End Best Practices
Front End Best PracticesFront End Best Practices
Front End Best PracticesHolger Bartel
 
Responsive Web Design: Tips and Tricks
Responsive Web Design: Tips and TricksResponsive Web Design: Tips and Tricks
Responsive Web Design: Tips and TricksGautam Krishnan
 
Game Development Using HTML 5
Game Development Using HTML 5Game Development Using HTML 5
Game Development Using HTML 5osa_ora
 
10 Simple Rules for Making My Site Accessible
10 Simple Rules for Making My Site Accessible10 Simple Rules for Making My Site Accessible
10 Simple Rules for Making My Site AccessibleHelena Zubkow
 
Improving the Responsive Web Design Process in 2016
Improving the Responsive Web Design Process in 2016Improving the Responsive Web Design Process in 2016
Improving the Responsive Web Design Process in 2016Cristina Chumillas
 
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin..."Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...Yandex
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFrédéric Harper
 
Responsive Design Tools & Resources
Responsive Design Tools & ResourcesResponsive Design Tools & Resources
Responsive Design Tools & ResourcesClarissa Peterson
 
Guelph A11y Conf: Everything I Know About Accessibility I Learned from Stack ...
Guelph A11y Conf: Everything I Know About Accessibility I Learned from Stack ...Guelph A11y Conf: Everything I Know About Accessibility I Learned from Stack ...
Guelph A11y Conf: Everything I Know About Accessibility I Learned from Stack ...Adrian Roselli
 
How to use CSS3 in WordPress
How to use CSS3 in WordPressHow to use CSS3 in WordPress
How to use CSS3 in WordPressSuzette Franck
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignDebra Shapiro
 
Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019Adrian Roselli
 
Front End Web Development Basics
Front End Web Development BasicsFront End Web Development Basics
Front End Web Development BasicsTahir Shahzad
 
Responsive Web Design (April 18th, Los Angeles)
Responsive Web Design (April 18th, Los Angeles)Responsive Web Design (April 18th, Los Angeles)
Responsive Web Design (April 18th, Los Angeles)Thinkful
 
Accessibility is not disability Drupal South 2014
Accessibility is not disability Drupal South 2014Accessibility is not disability Drupal South 2014
Accessibility is not disability Drupal South 2014Gareth Hall
 
Fringe Accessibility: London Web Standards
Fringe Accessibility: London Web StandardsFringe Accessibility: London Web Standards
Fringe Accessibility: London Web StandardsAdrian Roselli
 
Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Adrian Roselli
 
Design Systems, Pattern Libraries & WordPress
Design Systems, Pattern Libraries & WordPressDesign Systems, Pattern Libraries & WordPress
Design Systems, Pattern Libraries & WordPressJesse James Arnold
 
Real World Web Standards
Real World Web StandardsReal World Web Standards
Real World Web Standardsgleddy
 

What's hot (20)

Front End Best Practices
Front End Best PracticesFront End Best Practices
Front End Best Practices
 
Responsive Web Design: Tips and Tricks
Responsive Web Design: Tips and TricksResponsive Web Design: Tips and Tricks
Responsive Web Design: Tips and Tricks
 
Game Development Using HTML 5
Game Development Using HTML 5Game Development Using HTML 5
Game Development Using HTML 5
 
10 Simple Rules for Making My Site Accessible
10 Simple Rules for Making My Site Accessible10 Simple Rules for Making My Site Accessible
10 Simple Rules for Making My Site Accessible
 
Improving the Responsive Web Design Process in 2016
Improving the Responsive Web Design Process in 2016Improving the Responsive Web Design Process in 2016
Improving the Responsive Web Design Process in 2016
 
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin..."Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
 
Responsive Design Tools & Resources
Responsive Design Tools & ResourcesResponsive Design Tools & Resources
Responsive Design Tools & Resources
 
Guelph A11y Conf: Everything I Know About Accessibility I Learned from Stack ...
Guelph A11y Conf: Everything I Know About Accessibility I Learned from Stack ...Guelph A11y Conf: Everything I Know About Accessibility I Learned from Stack ...
Guelph A11y Conf: Everything I Know About Accessibility I Learned from Stack ...
 
How to use CSS3 in WordPress
How to use CSS3 in WordPressHow to use CSS3 in WordPress
How to use CSS3 in WordPress
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019
 
Front End Web Development Basics
Front End Web Development BasicsFront End Web Development Basics
Front End Web Development Basics
 
CSS Best practice
CSS Best practiceCSS Best practice
CSS Best practice
 
Responsive Web Design (April 18th, Los Angeles)
Responsive Web Design (April 18th, Los Angeles)Responsive Web Design (April 18th, Los Angeles)
Responsive Web Design (April 18th, Los Angeles)
 
Accessibility is not disability Drupal South 2014
Accessibility is not disability Drupal South 2014Accessibility is not disability Drupal South 2014
Accessibility is not disability Drupal South 2014
 
Fringe Accessibility: London Web Standards
Fringe Accessibility: London Web StandardsFringe Accessibility: London Web Standards
Fringe Accessibility: London Web Standards
 
Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018
 
Design Systems, Pattern Libraries & WordPress
Design Systems, Pattern Libraries & WordPressDesign Systems, Pattern Libraries & WordPress
Design Systems, Pattern Libraries & WordPress
 
Real World Web Standards
Real World Web StandardsReal World Web Standards
Real World Web Standards
 

Similar to Web Accessibility for the 21st Century

Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014Adrian Roselli
 
Great Responsive-ability Web Design
Great Responsive-ability Web DesignGreat Responsive-ability Web Design
Great Responsive-ability Web DesignMike Wilcox
 
Fringe Accessibility — Portland UX
Fringe Accessibility — Portland UXFringe Accessibility — Portland UX
Fringe Accessibility — Portland UXAdrian Roselli
 
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...Raj Lal
 
Introduction to Responsive Design v.2
Introduction to Responsive Design v.2Introduction to Responsive Design v.2
Introduction to Responsive Design v.2Clarissa Peterson
 
Week 8 - Interactive News Editing and Producing
Week 8 - Interactive News Editing and ProducingWeek 8 - Interactive News Editing and Producing
Week 8 - Interactive News Editing and Producingkurtgessler
 
Accessibility Hacks version 2
Accessibility Hacks version 2Accessibility Hacks version 2
Accessibility Hacks version 2Graham Armfield
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2Graham Armfield
 
Let's get accessible!
Let's get accessible!Let's get accessible!
Let's get accessible!Tady Walsh
 
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012Suzanne Dergacheva
 
Building Responsive Websites with Drupal
Building Responsive Websites with DrupalBuilding Responsive Websites with Drupal
Building Responsive Websites with DrupalSuzanne Dergacheva
 
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Graham Armfield
 
Take Your Markup to 11
Take Your Markup to 11Take Your Markup to 11
Take Your Markup to 11Emily Lewis
 
Create Responsive Website Design with Bootstrap 3
Create Responsive Website Design with Bootstrap 3Create Responsive Website Design with Bootstrap 3
Create Responsive Website Design with Bootstrap 3Wahyu Putra
 
How Accessibility Made Me a Better Developer
How Accessibility Made Me a Better DeveloperHow Accessibility Made Me a Better Developer
How Accessibility Made Me a Better DeveloperBilly Gregory
 
Html 5 mobile - nitty gritty
Html 5 mobile - nitty grittyHtml 5 mobile - nitty gritty
Html 5 mobile - nitty grittyMario Noble
 

Similar to Web Accessibility for the 21st Century (20)

Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014
 
Great Responsive-ability Web Design
Great Responsive-ability Web DesignGreat Responsive-ability Web Design
Great Responsive-ability Web Design
 
Fringe Accessibility — Portland UX
Fringe Accessibility — Portland UXFringe Accessibility — Portland UX
Fringe Accessibility — Portland UX
 
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
 
Introduction to Responsive Design v.2
Introduction to Responsive Design v.2Introduction to Responsive Design v.2
Introduction to Responsive Design v.2
 
Are you accessible
Are you accessibleAre you accessible
Are you accessible
 
Week 8 - Interactive News Editing and Producing
Week 8 - Interactive News Editing and ProducingWeek 8 - Interactive News Editing and Producing
Week 8 - Interactive News Editing and Producing
 
Accessibility Hacks version 2
Accessibility Hacks version 2Accessibility Hacks version 2
Accessibility Hacks version 2
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2
 
Let's get accessible!
Let's get accessible!Let's get accessible!
Let's get accessible!
 
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
 
Building Responsive Websites with Drupal
Building Responsive Websites with DrupalBuilding Responsive Websites with Drupal
Building Responsive Websites with Drupal
 
Team styles
Team stylesTeam styles
Team styles
 
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018
 
Take Your Markup to 11
Take Your Markup to 11Take Your Markup to 11
Take Your Markup to 11
 
Create Responsive Website Design with Bootstrap 3
Create Responsive Website Design with Bootstrap 3Create Responsive Website Design with Bootstrap 3
Create Responsive Website Design with Bootstrap 3
 
How Accessibility Made Me a Better Developer
How Accessibility Made Me a Better DeveloperHow Accessibility Made Me a Better Developer
How Accessibility Made Me a Better Developer
 
Css web gallery
Css web galleryCss web gallery
Css web gallery
 
Using a CSS Framework
Using a CSS FrameworkUsing a CSS Framework
Using a CSS Framework
 
Html 5 mobile - nitty gritty
Html 5 mobile - nitty grittyHtml 5 mobile - nitty gritty
Html 5 mobile - nitty gritty
 

More from dreamwidth

From the Inside Out: How Self-Talk Affects Your Community
From the Inside Out: How Self-Talk Affects Your CommunityFrom the Inside Out: How Self-Talk Affects Your Community
From the Inside Out: How Self-Talk Affects Your Communitydreamwidth
 
Chenoweth os bridge 2015 pp
Chenoweth os bridge 2015 ppChenoweth os bridge 2015 pp
Chenoweth os bridge 2015 ppdreamwidth
 
How We Learned To Stop Worrying And Love (or at least live with) GitHub
How We Learned To Stop Worrying And Love (or at least live with) GitHubHow We Learned To Stop Worrying And Love (or at least live with) GitHub
How We Learned To Stop Worrying And Love (or at least live with) GitHubdreamwidth
 
When your code is nearly old enough to vote
When your code is nearly old enough to voteWhen your code is nearly old enough to vote
When your code is nearly old enough to votedreamwidth
 
Hacking In-Group Bias for Fun and Profit
Hacking In-Group Bias for Fun and ProfitHacking In-Group Bias for Fun and Profit
Hacking In-Group Bias for Fun and Profitdreamwidth
 
Slytherin 101: How to Win Friends and Influence People
Slytherin 101: How to Win Friends and Influence PeopleSlytherin 101: How to Win Friends and Influence People
Slytherin 101: How to Win Friends and Influence Peopledreamwidth
 
Keeping your culture afloat through a tidal wave
Keeping your culture afloat through a tidal waveKeeping your culture afloat through a tidal wave
Keeping your culture afloat through a tidal wavedreamwidth
 
LCA2014 - Introduction to Go
LCA2014 - Introduction to GoLCA2014 - Introduction to Go
LCA2014 - Introduction to Godreamwidth
 
User Created Content: Maintain accessibility in content you don't control
User Created Content: Maintain accessibility in content you don't controlUser Created Content: Maintain accessibility in content you don't control
User Created Content: Maintain accessibility in content you don't controldreamwidth
 
Kicking impostor syndrome in the head
Kicking impostor syndrome in the headKicking impostor syndrome in the head
Kicking impostor syndrome in the headdreamwidth
 
Care and Feeding of Volunteers
Care and Feeding of VolunteersCare and Feeding of Volunteers
Care and Feeding of Volunteersdreamwidth
 
Sowing the Seeds of Diversity
Sowing the Seeds of DiversitySowing the Seeds of Diversity
Sowing the Seeds of Diversitydreamwidth
 
Be Kind To Your Wrists (you’ll miss them when they’re gone)
Be Kind To Your Wrists (you’ll miss them when they’re gone)Be Kind To Your Wrists (you’ll miss them when they’re gone)
Be Kind To Your Wrists (you’ll miss them when they’re gone)dreamwidth
 
Servers and Processes: Behavior and Analysis
Servers and Processes: Behavior and AnalysisServers and Processes: Behavior and Analysis
Servers and Processes: Behavior and Analysisdreamwidth
 
Overcoming Impostor Syndrome
Overcoming Impostor SyndromeOvercoming Impostor Syndrome
Overcoming Impostor Syndromedreamwidth
 
Build Your Own Contributors, One Part At A Time
Build Your Own Contributors, One Part At A TimeBuild Your Own Contributors, One Part At A Time
Build Your Own Contributors, One Part At A Timedreamwidth
 

More from dreamwidth (16)

From the Inside Out: How Self-Talk Affects Your Community
From the Inside Out: How Self-Talk Affects Your CommunityFrom the Inside Out: How Self-Talk Affects Your Community
From the Inside Out: How Self-Talk Affects Your Community
 
Chenoweth os bridge 2015 pp
Chenoweth os bridge 2015 ppChenoweth os bridge 2015 pp
Chenoweth os bridge 2015 pp
 
How We Learned To Stop Worrying And Love (or at least live with) GitHub
How We Learned To Stop Worrying And Love (or at least live with) GitHubHow We Learned To Stop Worrying And Love (or at least live with) GitHub
How We Learned To Stop Worrying And Love (or at least live with) GitHub
 
When your code is nearly old enough to vote
When your code is nearly old enough to voteWhen your code is nearly old enough to vote
When your code is nearly old enough to vote
 
Hacking In-Group Bias for Fun and Profit
Hacking In-Group Bias for Fun and ProfitHacking In-Group Bias for Fun and Profit
Hacking In-Group Bias for Fun and Profit
 
Slytherin 101: How to Win Friends and Influence People
Slytherin 101: How to Win Friends and Influence PeopleSlytherin 101: How to Win Friends and Influence People
Slytherin 101: How to Win Friends and Influence People
 
Keeping your culture afloat through a tidal wave
Keeping your culture afloat through a tidal waveKeeping your culture afloat through a tidal wave
Keeping your culture afloat through a tidal wave
 
LCA2014 - Introduction to Go
LCA2014 - Introduction to GoLCA2014 - Introduction to Go
LCA2014 - Introduction to Go
 
User Created Content: Maintain accessibility in content you don't control
User Created Content: Maintain accessibility in content you don't controlUser Created Content: Maintain accessibility in content you don't control
User Created Content: Maintain accessibility in content you don't control
 
Kicking impostor syndrome in the head
Kicking impostor syndrome in the headKicking impostor syndrome in the head
Kicking impostor syndrome in the head
 
Care and Feeding of Volunteers
Care and Feeding of VolunteersCare and Feeding of Volunteers
Care and Feeding of Volunteers
 
Sowing the Seeds of Diversity
Sowing the Seeds of DiversitySowing the Seeds of Diversity
Sowing the Seeds of Diversity
 
Be Kind To Your Wrists (you’ll miss them when they’re gone)
Be Kind To Your Wrists (you’ll miss them when they’re gone)Be Kind To Your Wrists (you’ll miss them when they’re gone)
Be Kind To Your Wrists (you’ll miss them when they’re gone)
 
Servers and Processes: Behavior and Analysis
Servers and Processes: Behavior and AnalysisServers and Processes: Behavior and Analysis
Servers and Processes: Behavior and Analysis
 
Overcoming Impostor Syndrome
Overcoming Impostor SyndromeOvercoming Impostor Syndrome
Overcoming Impostor Syndrome
 
Build Your Own Contributors, One Part At A Time
Build Your Own Contributors, One Part At A TimeBuild Your Own Contributors, One Part At A Time
Build Your Own Contributors, One Part At A Time
 

Recently uploaded

UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 

Recently uploaded (20)

UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 

Web Accessibility for the 21st Century