O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

CSUN 2018: Everything I Know About Accessibility I Learned from Stack Overflow

995 visualizações

Publicada em

Accessibility practitioners tend to live in a bubble, taking for granted many of the basics with which developers struggle. Explore questions developers ask one another.

Publicada em: Internet
  • Did You Get Dumped? Do you still want him back? If you act now, I can help you. ■■■ http://scamcb.com/exback123/pdf
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • ➤➤ How Long Does She Want You to Last? Here's the link to the FREE report ▲▲▲ https://tinyurl.com/rockhardxxx
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui

CSUN 2018: Everything I Know About Accessibility I Learned from Stack Overflow

  1. 1. Everything I Know About Accessibility I Learned from Stack Overflow rosel.li/CSUN (case sensitive) #CSUNATC18 Presented by Adrian Roselli (@aardrian) at CSUN Assistive Technology Conference
  2. 2. HTML #CSUNATC18
  3. 3. HTML A: You can use <img alt=""> (no src attribute) to provide helpful content to screen readers. #CSUNATC18
  4. 4. HTML Q: Why can’t I activate a link on focus with this? <a href="#"><div tabindex="0">Tab focus me, then ⏎</div></a> #CSUNATC18
  5. 5. CSS #CSUNATC18
  6. 6. CSS A: You can disable link underlines that are added by user style sheets with !important. #CSUNATC18
  7. 7. CSS Q: I used jQuery to add border=0 to links, but everything gets a weird border. How do I remove it? #CSUNATC18
  8. 8. ARIA #CSUNATC18
  9. 9. ARIA A: Use aria-labelledby to associate each form field with the paragraph of instructions. #CSUNATC18
  10. 10. ARIA Q: VoiceOver won’t announce this image. What ARIA do I need to add to make it work? <img src="foo.gif" alt=""> #CSUNATC18
  11. 11. ARIA Q: Can I avoid adding alt text if I just add aria-hidden="true" to every image? #CSUNATC18
  12. 12. Assistive Technology #CSUNATC18
  13. 13. Assistive Technology Q: How do I override how JAWS navigates tables and replace the keystrokes with my better keystrokes? #CSUNATC18
  14. 14. 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. #CSUNATC18
  15. 15. Survey Participants (2018) #CSUNATC18
  16. 16. “Physical Differences” 1.4% I am blind / have difficulty seeing 0.8% I am deaf / have difficulty hearing 0.3% I am unable to / find it difficult to walk and/or stand without assistance 0.3% I am unable to / find it difficult to type #CSUNATC18
  17. 17. “Mental Health and Differences” 8.5% I have a mood or emotional disorder (ex. depression, bipolar disorder) 7.8% I have an anxiety disorder 5.9% I have a concentration and/or memory disorder 2.1% I identify as autistic / a person with autism #CSUNATC18
  18. 18. Where Are Devs? #CSUNATC18
  19. 19. Where Are Devs? •Not in our Slack channels, •Not at our a11y conferences, •Not reading our specs •Not reading our blog-o-trons. #CSUNATC18
  20. 20. Where Are A11y Pros? #CSUNATC18
  21. 21. 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. #CSUNATC18
  22. 22. Resources #CSUNATC18
  23. 23. Resources Search for terms in your own answers with: user:me is:answer {search term} #CSUNATC18
  24. 24. 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);})() #CSUNATC18
  25. 25. Everything I Know About Accessibility I Learned from Stack Overflow rosel.li/CSUN (case sensitive) #CSUNATC18 Presented by Adrian Roselli (@aardrian) at CSUN Assistive Technology Conference

×