Speaking at the Bay Area Accessibility and Inclusive Design Meetup 12/12/18

On 12/12/18 I gave a talk called Accessible Routing with React for the Bay Area Accessibility and Inclusive Design meetup group. I discussed the following examples of title and focus management using React. Basic routing with no title or focus management Updating the title and moving focus to the newly loaded component after routing and… Read more Speaking at the Bay Area Accessibility and Inclusive Design Meetup 12/12/18

CSUN 2019 notes

I’ve come to the conclusion that there is only one strategy for focus management when routing in a single page application. Focus must be set to an element that meets the following requirements: The element is visible or hidden with offscreen text from http://whatsock.com/ The element precedes the new content introduced by routing in the… Read more CSUN 2019 notes

Same Page Links Don’t Move Focus

I thought same page links would move focus from the link to the target but they don’t. They only scroll the page. See http://www.chrislane.info/examples/samePageLink2.html#target. Focus movement has to be scripted for same page links. See http://www.chrislane.info/examples/samePageLink.html#

Menubars for navigation

Update: 3/1/18 I still think ARIA menus can be used for navigation. But they have to be implemented perfectly, which may not be worth the effort vs. using a bunch of standard HTML links. See https://www.levelaccess.com/challenges-mega-menus-standard-menus-make-accessible/. Some think that ARIA menus should not be used for navigation. They typically cite the following definitions from ARIA… Read more Menubars for navigation

aria-required doesn’t make sense on radio buttons, maybe checkboxes

This comment from dylanb at https://github.com/w3c/html-aria/issues/67 makes a lot of sense to me. It makes no sense to have a required attribute on a field that can only have unchecked and checked IF both values (unchecked and checked) are allowable. What is being required? For a radio button grouping, the “required” attribute applies to the group and… Read more aria-required doesn’t make sense on radio buttons, maybe checkboxes