Accessible Javascript - Barcamp Brighton 2
-
Upload
dirk-ginader -
Category
Education
-
view
1.706 -
download
0
description
Transcript of Accessible Javascript - Barcamp Brighton 2
![Page 1: Accessible Javascript - Barcamp Brighton 2](https://reader036.fdocuments.in/reader036/viewer/2022081816/54bd636b4a7959843d8b4574/html5/thumbnails/1.jpg)
AccessibleJavascript
NotVodoo–notmuchDirkGinader
BarcampBrighton2h>p://blog.ginader.de
![Page 2: Accessible Javascript - Barcamp Brighton 2](https://reader036.fdocuments.in/reader036/viewer/2022081816/54bd636b4a7959843d8b4574/html5/thumbnails/2.jpg)
SemanCcMarkup
• MarkupyourContenttomakeitworkbyitself• ThinkabouteveryelementanditsRole– HaveyoureallyfoundanewUseforDL?;‐)
![Page 3: Accessible Javascript - Barcamp Brighton 2](https://reader036.fdocuments.in/reader036/viewer/2022081816/54bd636b4a7959843d8b4574/html5/thumbnails/3.jpg)
ServersideInteracCon
• EverythingyouwanttodousingJavascriptMagicyoufirsthavetosolvewithout
• ThinkwhatyoucandowithPagereloads(yesIknowthey’renotthecoolKidsanymore…)
![Page 4: Accessible Javascript - Barcamp Brighton 2](https://reader036.fdocuments.in/reader036/viewer/2022081816/54bd636b4a7959843d8b4574/html5/thumbnails/4.jpg)
ProgressiveEnhancement
• Everybodyshouldhaveheardaboutthisbynow.Doyou?
• WheneverythingworksstartaddingMagic
• HijackExisCngElementsandaddnewFuncConality
• AddnewControlsforJavascriptonly
![Page 5: Accessible Javascript - Barcamp Brighton 2](https://reader036.fdocuments.in/reader036/viewer/2022081816/54bd636b4a7959843d8b4574/html5/thumbnails/5.jpg)
CSS
• PayA>enConwhatyouhide,howandwhen• Display:noneandvisibility:hiddenarenotgenerallyuselessorevilbuto_en
![Page 6: Accessible Javascript - Barcamp Brighton 2](https://reader036.fdocuments.in/reader036/viewer/2022081816/54bd636b4a7959843d8b4574/html5/thumbnails/6.jpg)
UpdateandInform
• (Most)ScreenReadersknowJavascript• MostoftheStuffactuallyworks,theyjustdon’tknow
• Makethemknowsomethingchangedbyseangthefocus()
• UseahiddenFormElementtoforcetheScreenReaderrebuilditsVirtualBuffer
![Page 7: Accessible Javascript - Barcamp Brighton 2](https://reader036.fdocuments.in/reader036/viewer/2022081816/54bd636b4a7959843d8b4574/html5/thumbnails/7.jpg)
NotOnlyScreenReaders
• ThinkaboutKeyboardonlyUsers• TabyourApp.Doesitwork?• DohiddenElementsShowonfocus?
![Page 8: Accessible Javascript - Barcamp Brighton 2](https://reader036.fdocuments.in/reader036/viewer/2022081816/54bd636b4a7959843d8b4574/html5/thumbnails/8.jpg)
GoodRessources
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/(TheSearchontheupperrightwasusedfortheExample)