Submit Search
Upload
Accessible Javascript Techniques
âą
2 likes
âą
771 views
AI-enhanced title
Dirk Ginader
Follow
A quick overview about how to make Javascript Accessible. Held at Barcamp Brighton 2
Read less
Read more
Education
Technology
Design
Report
Share
Report
Share
1 of 8
Download now
Download to read offline
Recommended
Blogging Slides
Blogging Slides
Matt Machell
Â
Jobsog job -search-advice
Jobsog job -search-advice
prardhana lekha
Â
JavaScript and Web Standards Sitting in a Tree
JavaScript and Web Standards Sitting in a Tree
Jenn Lukas
Â
Icebergs Rayados
Icebergs Rayados
guest26f314
Â
Globos
Globos
Jodiaz
Â
Variablesandhypotheses
Variablesandhypotheses
Holah
Â
Projeto Boom
Projeto Boom
Portfoliopp
Â
Simone Da Cunha Atendimento Bruno Carol Daniel Joao Juan Nicola...
Simone Da Cunha Atendimento Bruno Carol Daniel Joao Juan Nicola...
Portfoliopp
Â
Recommended
Blogging Slides
Blogging Slides
Matt Machell
Â
Jobsog job -search-advice
Jobsog job -search-advice
prardhana lekha
Â
JavaScript and Web Standards Sitting in a Tree
JavaScript and Web Standards Sitting in a Tree
Jenn Lukas
Â
Icebergs Rayados
Icebergs Rayados
guest26f314
Â
Globos
Globos
Jodiaz
Â
Variablesandhypotheses
Variablesandhypotheses
Holah
Â
Projeto Boom
Projeto Boom
Portfoliopp
Â
Simone Da Cunha Atendimento Bruno Carol Daniel Joao Juan Nicola...
Simone Da Cunha Atendimento Bruno Carol Daniel Joao Juan Nicola...
Portfoliopp
Â
HTML Parsing With Hpricot
HTML Parsing With Hpricot
Subhransu Behera
Â
A Guide To Blogging For The Uninitiated
A Guide To Blogging For The Uninitiated
Matt Machell
Â
Agilebuddy Users Guide
Agilebuddy Users Guide
agilebuddy
Â
LSG Webinar - 13 Nov 08
LSG Webinar - 13 Nov 08
Barry Sampson
Â
4 Poor Html Development Skills
4 Poor Html Development Skills
needcreative
Â
Hacking Movable Type Training - Day 1
Hacking Movable Type Training - Day 1
Byrne Reese
Â
HA+DRBD+Postgres - PostgresWest '08
HA+DRBD+Postgres - PostgresWest '08
Jesse Young
Â
Cutbots - Presentation
Cutbots - Presentation
In Search Of A Cofounder
Â
UW ADC - Course 3 - Class 1 - User Stories And Acceptance Testing
UW ADC - Course 3 - Class 1 - User Stories And Acceptance Testing
Chris Sterling
Â
News Content Economics
News Content Economics
Terry Garrett
Â
The Accounts
The Accounts
15kbose
Â
Roll-out of the NYU HSL Website and Drupal CMS
Roll-out of the NYU HSL Website and Drupal CMS
Chris Evjy
Â
Grails Overview
Grails Overview
Christopher Bartling
Â
Inside Picnik: How We Built Picnik (and What We Learned Along the Way)
Inside Picnik: How We Built Picnik (and What We Learned Along the Way)
jjhuff
Â
Twitter in the workplace
Twitter in the workplace
degrumpysmurf
Â
How To Create An Interactive Keynote
How To Create An Interactive Keynote
Jacqui Sharp
Â
Recommendation Systems for Software Engineering
Recommendation Systems for Software Engineering
rsse2008
Â
The Lean Startup at Web 2.0 Expo
The Lean Startup at Web 2.0 Expo
Venture Hacks
Â
Timm â Telecom Network Module Management
Timm â Telecom Network Module Management
rasour
Â
Rich Web Clients 20081118
Rich Web Clients 20081118
Christopher Bartling
Â
Making your Angular.js Application accessible
Making your Angular.js Application accessible
Dirk Ginader
Â
Teach your Browser new tricks
Teach your Browser new tricks
Dirk Ginader
Â
More Related Content
Similar to Accessible Javascript Techniques
HTML Parsing With Hpricot
HTML Parsing With Hpricot
Subhransu Behera
Â
A Guide To Blogging For The Uninitiated
A Guide To Blogging For The Uninitiated
Matt Machell
Â
Agilebuddy Users Guide
Agilebuddy Users Guide
agilebuddy
Â
LSG Webinar - 13 Nov 08
LSG Webinar - 13 Nov 08
Barry Sampson
Â
4 Poor Html Development Skills
4 Poor Html Development Skills
needcreative
Â
Hacking Movable Type Training - Day 1
Hacking Movable Type Training - Day 1
Byrne Reese
Â
HA+DRBD+Postgres - PostgresWest '08
HA+DRBD+Postgres - PostgresWest '08
Jesse Young
Â
Cutbots - Presentation
Cutbots - Presentation
In Search Of A Cofounder
Â
UW ADC - Course 3 - Class 1 - User Stories And Acceptance Testing
UW ADC - Course 3 - Class 1 - User Stories And Acceptance Testing
Chris Sterling
Â
News Content Economics
News Content Economics
Terry Garrett
Â
The Accounts
The Accounts
15kbose
Â
Roll-out of the NYU HSL Website and Drupal CMS
Roll-out of the NYU HSL Website and Drupal CMS
Chris Evjy
Â
Grails Overview
Grails Overview
Christopher Bartling
Â
Inside Picnik: How We Built Picnik (and What We Learned Along the Way)
Inside Picnik: How We Built Picnik (and What We Learned Along the Way)
jjhuff
Â
Twitter in the workplace
Twitter in the workplace
degrumpysmurf
Â
How To Create An Interactive Keynote
How To Create An Interactive Keynote
Jacqui Sharp
Â
Recommendation Systems for Software Engineering
Recommendation Systems for Software Engineering
rsse2008
Â
The Lean Startup at Web 2.0 Expo
The Lean Startup at Web 2.0 Expo
Venture Hacks
Â
Timm â Telecom Network Module Management
Timm â Telecom Network Module Management
rasour
Â
Rich Web Clients 20081118
Rich Web Clients 20081118
Christopher Bartling
Â
Similar to Accessible Javascript Techniques
(20)
HTML Parsing With Hpricot
HTML Parsing With Hpricot
Â
A Guide To Blogging For The Uninitiated
A Guide To Blogging For The Uninitiated
Â
Agilebuddy Users Guide
Agilebuddy Users Guide
Â
LSG Webinar - 13 Nov 08
LSG Webinar - 13 Nov 08
Â
4 Poor Html Development Skills
4 Poor Html Development Skills
Â
Hacking Movable Type Training - Day 1
Hacking Movable Type Training - Day 1
Â
HA+DRBD+Postgres - PostgresWest '08
HA+DRBD+Postgres - PostgresWest '08
Â
Cutbots - Presentation
Cutbots - Presentation
Â
UW ADC - Course 3 - Class 1 - User Stories And Acceptance Testing
UW ADC - Course 3 - Class 1 - User Stories And Acceptance Testing
Â
News Content Economics
News Content Economics
Â
The Accounts
The Accounts
Â
Roll-out of the NYU HSL Website and Drupal CMS
Roll-out of the NYU HSL Website and Drupal CMS
Â
Grails Overview
Grails Overview
Â
Inside Picnik: How We Built Picnik (and What We Learned Along the Way)
Inside Picnik: How We Built Picnik (and What We Learned Along the Way)
Â
Twitter in the workplace
Twitter in the workplace
Â
How To Create An Interactive Keynote
How To Create An Interactive Keynote
Â
Recommendation Systems for Software Engineering
Recommendation Systems for Software Engineering
Â
The Lean Startup at Web 2.0 Expo
The Lean Startup at Web 2.0 Expo
Â
Timm â Telecom Network Module Management
Timm â Telecom Network Module Management
Â
Rich Web Clients 20081118
Rich Web Clients 20081118
Â
More from Dirk Ginader
Making your Angular.js Application accessible
Making your Angular.js Application accessible
Dirk Ginader
Â
Teach your Browser new tricks
Teach your Browser new tricks
Dirk Ginader
Â
Let Grunt do the work, focus on the fun! [Open Web Camp 2013]
Let Grunt do the work, focus on the fun! [Open Web Camp 2013]
Dirk Ginader
Â
Let Grunt do the work, focus on the fun!
Let Grunt do the work, focus on the fun!
Dirk Ginader
Â
HTML5 Dev Conf - Sass, Compass & the new Webdev tools
HTML5 Dev Conf - Sass, Compass & the new Webdev tools
Dirk Ginader
Â
Sass, Compass and the new tools - Open Web Camp IV
Sass, Compass and the new tools - Open Web Camp IV
Dirk Ginader
Â
Javascript done right - Open Web Camp III
Javascript done right - Open Web Camp III
Dirk Ginader
Â
The accessibility features of Yahoo! Finance
The accessibility features of Yahoo! Finance
Dirk Ginader
Â
Javascript done right
Javascript done right
Dirk Ginader
Â
Javascript auf Client und Server mit node.js - webtech 2010
Javascript auf Client und Server mit node.js - webtech 2010
Dirk Ginader
Â
the 5 layers of web accessibility - Open Web Camp II
the 5 layers of web accessibility - Open Web Camp II
Dirk Ginader
Â
Das Web Als Datenbank Mit Yql Und Pipes
Das Web Als Datenbank Mit Yql Und Pipes
Dirk Ginader
Â
Die 5 Ebenen Barriererfreier Web Entwicklung
Die 5 Ebenen Barriererfreier Web Entwicklung
Dirk Ginader
Â
The 5 Layers of Web Accessibility
The 5 Layers of Web Accessibility
Dirk Ginader
Â
Accessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIA
Dirk Ginader
Â
Avoiding common Accessibility mistakes
Avoiding common Accessibility mistakes
Dirk Ginader
Â
Accessible Javascript using Frameworks - Barcamp London 5
Accessible Javascript using Frameworks - Barcamp London 5
Dirk Ginader
Â
Accessible Javascript mit Frameworks - Best of Accessibility 2008
Accessible Javascript mit Frameworks - Best of Accessibility 2008
Dirk Ginader
Â
More from Dirk Ginader
(18)
Making your Angular.js Application accessible
Making your Angular.js Application accessible
Â
Teach your Browser new tricks
Teach your Browser new tricks
Â
Let Grunt do the work, focus on the fun! [Open Web Camp 2013]
Let Grunt do the work, focus on the fun! [Open Web Camp 2013]
Â
Let Grunt do the work, focus on the fun!
Let Grunt do the work, focus on the fun!
Â
HTML5 Dev Conf - Sass, Compass & the new Webdev tools
HTML5 Dev Conf - Sass, Compass & the new Webdev tools
Â
Sass, Compass and the new tools - Open Web Camp IV
Sass, Compass and the new tools - Open Web Camp IV
Â
Javascript done right - Open Web Camp III
Javascript done right - Open Web Camp III
Â
The accessibility features of Yahoo! Finance
The accessibility features of Yahoo! Finance
Â
Javascript done right
Javascript done right
Â
Javascript auf Client und Server mit node.js - webtech 2010
Javascript auf Client und Server mit node.js - webtech 2010
Â
the 5 layers of web accessibility - Open Web Camp II
the 5 layers of web accessibility - Open Web Camp II
Â
Das Web Als Datenbank Mit Yql Und Pipes
Das Web Als Datenbank Mit Yql Und Pipes
Â
Die 5 Ebenen Barriererfreier Web Entwicklung
Die 5 Ebenen Barriererfreier Web Entwicklung
Â
The 5 Layers of Web Accessibility
The 5 Layers of Web Accessibility
Â
Accessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIA
Â
Avoiding common Accessibility mistakes
Avoiding common Accessibility mistakes
Â
Accessible Javascript using Frameworks - Barcamp London 5
Accessible Javascript using Frameworks - Barcamp London 5
Â
Accessible Javascript mit Frameworks - Best of Accessibility 2008
Accessible Javascript mit Frameworks - Best of Accessibility 2008
Â
Recently uploaded
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
Â
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
SoniaTolstoy
Â
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
RaunakKeshri1
Â
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
nomboosow
Â
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Maksud Ahmed
Â
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
GaneshChakor2
Â
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
Jayanti Pande
Â
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
FatimaKhan178732
Â
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
chloefrazer622
Â
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
Â
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
Thiyagu K
Â
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
Sayali Powar
Â
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
GeoBlogs
Â
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
dawncurless
Â
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
TechSoup
Â
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
Disha Kariya
Â
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
pragatimahajan3
Â
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
VS Mahajan Coaching Centre
Â
CĂłdigo Creativo y Arte de Software | Unidad 1
CĂłdigo Creativo y Arte de Software | Unidad 1
MaestrĂa en ComunicaciĂłn Digital Interactiva - UNR
Â
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
Steve Thomason
Â
Recently uploaded
(20)
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
Â
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
Â
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
Â
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
Â
microwave assisted reaction. General introduction
microwave assisted reaction. General introduction
Â
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
Â
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
Â
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
Â
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
Â
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
Â
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
Â
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
Â
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
Â
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
Â
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
Â
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
Â
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
Â
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Â
CĂłdigo Creativo y Arte de Software | Unidad 1
CĂłdigo Creativo y Arte de Software | Unidad 1
Â
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
Â
Accessible Javascript Techniques
1.
Accessibleâ©Javascriptâ©
Notâ©Vodooâ©ââ©notâ©muchâ© Dirkâ©Ginaderâ© Barcampâ©Brightonâ©2â© h>p://blog.ginader.deâ©
2.
SemanCcâ©Markupâ© âąâ Markupâ©yourâ©Contentâ©toâ©makeâ©itâ©workâ©byâ©itselfâ© âąâ Thinkâ©aboutâ©everyâ©elementâ©andâ©itsâ©Roleâ©
ââHaveâ©youâ©reallyâ©foundâ©aâ©newâ©Useâ©forâ©DL?â©;â)â©
3.
Serversideâ©InteracConâ© âąâ Everythingâ©youâ©wantâ©toâ©doâ©usingâ©Javascriptâ©
Magicâ©youâ©ïŹrstâ©haveâ©toâ©solveâ©withoutâ© âąâ Thinkâ©whatâ©youâ©canâ©doâ©withâ©Pageâ©reloadsâ©(yesâ©Iâ© knowâ©theyâreâ©notâ©theâ©coolâ©Kidsâ©anymoreâŠ)â©
4.
Progressiveâ©Enhancementâ© âąâ Everybodyâ©shouldâ©haveâ©heardâ©aboutâ©thisâ©byâ©
now.â©Doâ©you?â© âąâ Whenâ©everythingâ©worksâ©startâ©addingâ©Magicâ© âąâ Hijackâ©ExisCngâ©Elementsâ©andâ©addâ©newâ© FuncConalityâ© âąâ Addâ©newâ©Controlsâ©forâ©Javascriptâ©onlyâ©â©â©
5.
CSSâ© âąâ Payâ©A>enConâ©whatâ©youâ©hide,â©howâ©andâ©whenâ© âąâ Display:noneâ©andâ©visibility:hiddenâ©â©areâ©notâ©
generallyâ©uselessâ©orâ©evilâ©butâ©o_enâ©
6.
Updateâ©andâ©Informâ© âąâ (Most)â©Screenâ©Readersâ©knowâ©Javascriptâ© âąâ Mostâ©ofâ©theâ©StuïŹâ©actuallyâ©works,â©theyâ©justâ©
donâtâ©knowâ© âąâ Makeâ©themâ©knowâ©somethingâ©changedâ©byâ© seangâ©theâ©focus()â© âąâ Useâ©aâ©hiddenâ©Formâ©Elementâ©toâ©forceâ©theâ© Screenâ©Readerâ©rebuildâ©itsâ©Virtualâ©BuïŹerâ©
7.
Notâ©Onlyâ©Screenâ©Readersâ© âąâ Thinkâ©aboutâ©Keyboardâ©onlyâ©Usersâ© âąâ Tabâ©yourâ©App.â©Doesâ©itâ©work?â© âąâ
Doâ©hiddenâ©Elementsâ©Showâ©onâ©focus?â©
8.
Goodâ©Ressourcesâ© h>p://www.isolani.co.uk/blog/â© h>p://www.accessibilityCps.com/â© h>p://juicystudio.com/â© h>p://learningtheworld.eu/â© h>p://uk.tv.yahoo.com/â©(Theâ©Searchâ©onâ©theâ© upperâ©rightâ©wasâ©usedâ©forâ©theâ©Example)â©
Download now