wai-aria

I'm trying to dig into ARIA and make my websites more accessible. I understood using ARIA attributes is a good start but I'd like to understand the actual effects of doing so. If, for instance, I add a role="navigation" on my nav tag used as a menu, what effect will this have for the user? What will its screenreader (or any app helping him) do? Is it really useful to add this if I'm already using a nav tag, which obviously is already telling the user that this is a navigation item? Thanks! The way I understand it is that adding ARIA roles will create a taxonomy of semantics (called landmarks)

Building a tree menu with jQuery, and I want it to be accessible, so I'm using aria attributes. What I want to do is toggle the "aria-expanded" attribute from true to false on click/enter. I've tried this, but it's obviously not correct: $(this).closest('ul').find('> li.tree-parent').toggleAttr( 'aria-expanded', 'true false' ); You can use .attr() to manually write the toggle logic $(this).closest('ul').find('> li.tree-parent').attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); 来源： https://stackoverflow.com/questions/26772014/toggle-an-elements-attribute