dmotz / oriDomi

🪭 Fold up DOM elements like paper

Home Page:http://oridomi.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Semantic document outline and accessibility

jaydenseric opened this issue · comments

oriDomi creates many copies of HMTL elements to create the fold effect. This can really bloat the semantic document outline with copies of headings in particular, potentially causing headaches for accessibility (see screenshot).

Could this be mitigated by applying an attribute such as aria-hidden="true" to all the duplicate layers?

oriDomi document outline screenshot

Great point. I'll add the aria attributes soon.

Just pushed an update that adds an aria attribute on the cloned elements. I tested it with a screen reader and they're ignored. You'll still see them in the document outline though, but it's a big improvement over how screen readers were handled before.

screenshot_2015-08-22-08-56-14
Is there a fix for the repetition in search results!

@getsetbro This happens if the crawler runs client side scripts and indexes the modified DOM. I don't know of any way to conditionally exclude content from a crawler. If you do, let me know.