DEV Community

Discussion on: Introducing accessibility to a search suggest dropdown

Collapse
 
nice2meatu profile image
Marco Hengstenberg • Edited

Hey Paul,

that's already a lot better! Great job.

If you wanted to learn more on the subject of Accessibility on the Web I totally recommend inclusive-components.design/
It's a website by my friend Heydon Pickering, who already wrote two books (one is only available as en eBook) on the subject and recently started this project.

Also I'd start following the Paciello Group because they are experts in the field of A11y AND help to shape the related guidelines.

I really hope you dig deeper into this subject as it is very very important (at least I think so). =)

Great stuff, keep on going, cheers,
Marco

P.S.: it's a preference thing but I'd refrain from using target=_blank in links as people cannot use the back-button to go through browser history, which is a very common pattern. =)

P.P.S.: I'd also suggest you to start trying out screenreader software (if you're on a Mac hit CMD + F5 to turn on VoiceOver) while browsing the pages you've built. It will give you a better picture of what it is like to use the web while non-sighted or when you have to rely on a software reading contents to you. Especially when it comes to interactive websites, things go awry very quickly when components are not built accessibly, like:

  • interaction not explained
  • icons without any accessible text
  • buttons without their purpose explained
  • updated content not announced (aria-live is very helpful here)

and, of course, more more more things to keep in mind.

Thread Thread
 
peiche profile image
Paul

Marco,

Thanks for the links and the encouragement. I agree that it's important, which is why I'm trying to learn more about it.

Personally, I agree with you on the use of target="_blank". I am but a lowly developer, however, and I have to do what they tell me. :)

Paul

P.S. Thanks for tip on VoiceOver.