Open chelBot opened 7 years ago
Thanks for the comment, and link to the article. I am a bit confused though still. The author seems to have reached the conclusion that using spans works just as well, and actually seems to play a little bit nicer with the screen readers, as the evidence from Reinhard Stebner, the blind screen reader user, suggests.
What are your thoughts?
Thanks!
Great observation! This is a very subtle point and as the article illustrates there is definitely room for debate here. However, it's important to note that Stebner was advocating for spans and divs in 2011.....before the more semantic HTML5 spec was released.
My own personal opinion is that I like his alternative "listless" method. However, I most commonly see a list within a nav.
I think that the important thing to realize here is that divs and spans add no semantic meaning to a document and in this case the same goal can be accomplished without the spans. In general, we want to avoid "divitis" (and it's cousin "spanitis") by mitigating the use of unnecessary divs/spans. The goal here is to reduce code bloat. So I would say, if you can accomplish the same task without unnecessary nesting and if the additional spans/divs aren't being used as container elements, we can safely omit them.
Again, this is a subtle point and I encourage you to do some outside research if you are interested! :)
On Sun, Aug 27, 2017 at 3:25 AM, whitey16 notifications@github.com wrote:
Thanks for the comment, and link to the article. I am a bit confused though still. The author seems to have reached the conclusion that using spans works just as well, and actually seems to play a little bit nicer with the screen readers, as the evidence from Reinhard Stebner, the blind screen reader user, suggests.
What are your thoughts?
Thanks!
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/whitey16/f1-3-c2p1-colmar-academy/issues/3#issuecomment-325189846, or mute the thread https://github.com/notifications/unsubscribe-auth/AFOF83_-Krqo7_zGVnpzBFna-n-DsXZdks5scUQPgaJpZM4O84gX .
Rather than using the semantically meaningless span tags here, I recommend using one of the organizations outlined within this article: https://css-tricks.com/navigation-in-lists-to-be-or-not-to-be/ https://github.com/whitey16/f1-3-c2p1-colmar-academy/blob/master/colmar/index.html#L22-L25