marking an area and let’s me give it a role/region name (i.e. for wai-aria). I do this manually with boxes and labels everywhere and it’s just slow. Reason to have this during design stage is to have an early discussion about component/widget structure. For example, to communicate that area A is a role-‘tablist’ and it has a ‘tabpanel’, has a list and within the ‘list’ there’s ‘listitem’. So the designer’s expectation is that the screen reader will announce the design components correctly.
I just use lines and arrows on a separate layer to show ‘how tabs should work’ on the mockup.
This was sent in by Karman Chan on Spectrum.