Skip to main content
UploadLanguage (EN)Support
BusinessMobileSocial MediaMarketingTechnologyArt & PhotosCareerDesignEducationPresentations & Public SpeakingGovernment & NonprofitHealthcareInternetLawLeadership & ManagementAutomotiveEngineeringSoftwareRecruiting & HRRetailSalesServicesScienceSmall Business & EntrepreneurshipFoodEnvironmentEconomy & FinanceData & AnalyticsInvestor RelationsSportsSpiritualNews & PoliticsTravelSelf ImprovementReal EstateEntertainment & HumorHealth & MedicineDevices & HardwareLifestyle
Adrian Roselli, profile picture
Uploaded byAdrian Roselli
PPTX, PDF2,016 views

Everything I Know About Accessibility I Learned from Stack Overflow

The document summarizes a presentation where the presenter discusses what they have learned about accessibility from questions and answers on Stack Overflow. It includes questions asked on Stack Overflow about HTML, CSS, ARIA, assistive technology, and accessibility in general, along with short answers or responses provided. The presentation concludes by emphasizing the importance of accessibility professionals being present and providing guidance on sites like Stack Overflow and at local tech events.

Software◦
Downloaded 10 times
Everything I Know About Accessibility I Learned from Stack Overflow rosel.li/a11yTOConf (case sensitive) #a11yTOConf Presented by Adrian Roselli (@aardrian) for a11yTO
HTML #a11yTOConf
HTML A: You can use <img alt=""> (no src attribute) to provide helpful content to screen readers. #a11yTOConf
HTML Q: Why can’t I activate a link on focus with this? <a href="#"><div tabindex="0">Tab focus me, then ⏎</div></a> #a11yTOConf
CSS #a11yTOConf
CSS A: You can disable link underlines that are added by user style sheets with !important. #a11yTOConf
CSS Q: I used jQuery to add border=0 to links, but everything gets a weird border. How do I remove it? #a11yTOConf
ARIA #a11yTOConf
ARIA A: Use aria-labelledby to associate each form field with the paragraph of instructions. #a11yTOConf
ARIA Q: VoiceOver won’t announce this image. What ARIA do I need to add to make it work? <img src="foo.gif" alt=""> #a11yTOConf
ARIA Q: Can I avoid adding alt text if I just add aria-hidden="true" to every image? #a11yTOConf
Assistive Technology #a11yTOConf
Assistive Technology Q: How do I override how JAWS navigates tables and replace the keystrokes with my better keystrokes? #a11yTOConf
Assistive Technology Q: How can I check if a user has a disability or is using a screen reader? You know, to justify making a design accessible. #a11yTOConf
Where Are Devs? #a11yTOConf
Where Are Devs? •Not in our Slack channels, •Not at our a11y conferences, •Not reading our specs •Not reading our blog-o-trons. #a11yTOConf
Where Are A11y Pros? #a11yTOConf
Where Are A11y Pros? • Are we on Stack Overflow? • Are we at local tech events? • Are we training teams? • Are we involved in education? • We need better outreach. #a11yTOConf
Resources #a11yTOConf
Resources Search for terms in your own answers with: user:me is:answer {search term} #a11yTOConf
Resources Add underlines to links (rosel.li/bookmarklets#SOlink): javascript:(function(){var a=document.createElement('style'),b;document.head. appendChild(a);b=a.sheet;b.insertRule('.post-text a:link, .post-text a:visited, .comment-copy a:link, .comment-copy a:visited{text- decoration:underline !important}',0);})() #a11yTOConf
Everything I Know About Accessibility I Learned from Stack Overflow rosel.li/a11yTOConf (case sensitive) #a11yTOConf Presented by Adrian Roselli (@aardrian) for a11yTO