Enviar pesquisa
Carregar
Accessible Javascript - Barcamp Brighton 2
•
2 gostaram
•
771 visualizações
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 - Barcamp Brighton 2
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 - Barcamp Brighton 2
(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
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
Amil baba
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
agholdier
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
Dr. Ravikiran H M Gowda
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
Sherif Taha
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
Poonam Aher Patil
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
Esquimalt MFRC
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
Mebane Rash
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
Nirmal Dwivedi
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University of Engineering & Technology, Jamshoro
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
christianmathematics
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
Celine George
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
Celine George
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
Pooky Knightsmith
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
Elizabeth Walsh
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
jbellavia9
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
Jisc
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Pooja Bhuva
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
AreebaZafar22
Último
(20)
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
Accessible Javascript - Barcamp Brighton 2
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