Enviar pesquisa
Carregar
Accessible Javascript Techniques
•
2 gostaram
•
771 visualizações
Título melhorado com IA
Dirk Ginader
Seguir
A quick overview about how to make Javascript Accessible. Held at Barcamp Brighton 2
Leia menos
Leia mais
Educação
Tecnologia
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 8
Baixar agora
Baixar para ler offline
Recomendados
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
Recomendados
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
Purdue Univ. Student Comments on Blogging E-Retailing
Purdue Univ. Student Comments on Blogging E-Retailing
Debbie Weil
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
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
Mais conteúdo relacionado
Semelhante a 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
Purdue Univ. Student Comments on Blogging E-Retailing
Purdue Univ. Student Comments on Blogging E-Retailing
Debbie Weil
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
Semelhante a 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)
Purdue Univ. Student Comments on Blogging E-Retailing
Purdue Univ. Student Comments on Blogging E-Retailing
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
Mais de 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
Mais de 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
Último
Full Stack Web Development Course for Beginners
Full Stack Web Development Course for Beginners
Sabitha Banu
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
Jisc
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
Dr.Ibrahim Hassaan
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
Anupkumar Sharma
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
thorishapillay1
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
Celine George
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
Dr. Mazin Mohamed alkathiri
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
iammrhaywood
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
ChelloAnnAsuncion2
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
Mark Reed
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
Sarwono Sutikno, Dr.Eng.,CISA,CISSP,CISM,CSX-F
Q4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptx
nelietumpap1
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Mr Bounab Samir
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptx
MaryGraceBautista27
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
navabharathschool99
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
Conquiztadors- the Quiz Society of Sri Venkateswara College
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
Conquiztadors- the Quiz Society of Sri Venkateswara College
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
AshokKarra1
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
Humphrey A Beña
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
iammrhaywood
Último
(20)
Full Stack Web Development Course for Beginners
Full Stack Web Development Course for Beginners
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
Q4 English4 Week3 PPT Melcnmg-based.pptx
Q4 English4 Week3 PPT Melcnmg-based.pptx
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
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 first 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 Stuff 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 Buffer
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)
Baixar agora