24. you can (but don’t have to) label multiple
landmarks of the same type to differentiate them
<ul role=”navigation”
aria-label=”main navigation”>
<div role=”navigation”
aria-labelledby=”catHeading”>
<h2 id=”catHeading”>Categories</h2>
30. screen reader “freakout” mode
when an element that has focus or is being read is
modified or destroyed
31. screen reader “freakout” mode
can be controlled by allowing manual control of
updates, setting focus with javascript, aria live
regions, aria alerts, etc.
32. learn the power of
tabindex=0 and
tabindex=-1
learn the dangers of
tabindex=1+
34. role=”presentation”
hides roles of elements
and most descendants from
assistive technology
<table
role=”presentation”>
will should not hide default
roles of navigable elements
44. let css do the heavy liing
you change semantic
attributes, let css handle
styling
[aria-invalid=true] {
border : 2px solid red;
}
45. aria-disabled=”true”
disabled=”disabled” in html removes object from
keyboard flow and have extremely poor contrast
aria-disabled=”true”
allows it to remain in the
keyboard flow, but be
presented as disabled.