search

AutarkLabs / open-enterprise

A suite of apps that includes allocation, dot voting, issue curation, and other planning tools so organizations can collectively budget and design custom reward & bounty systems.
GNU General Public License v3.0
92 stars 54 forks source link

Review use of application headers in 'No data' views #1850

Open rkzel opened 4 years ago

rkzel commented 4 years ago

A11Y moderate issue: Page must contain a level-one heading

Description (which explains what's missing and why it is useful to be present):

Screen reader users can use keyboard shortcuts to navigate directly to the first h1, which, in principle, should allow them to jump directly to the main content of the web page. If there is no h1, or if the h1 appears somewhere other than at the start of the main content, screen reader users must listen to more of the web page to understand its structure, wasting valuable time.

All of our app display default "no data" card when there is nothing to display (when the app is freshly installed, etc):

Screenshot from 2020-01-08 14-33-28.png

We can add a defaul Header, Info box, or a hidden div in "header" role.

javieralaves commented 4 years ago

@stellarmagnet I don't have any strong objections for placing the app name as the header (without the global button on the right side for as long as there's an empty card right below it with the same button). What do you think?