Adding H1 to tabs for Accessibility

[Benito J. Gonzalez]

Hi folks,

TAMU has surfaced that a best practice is to have H1s to separate major content for accessibility. uPortal should use H1s for tabs.

This change is can potentially break some css in Custom skins. It should be rather simple to find and correct the CSS, however.

So should we make this change in a patch release, enhancement, or wait for uP6?

Best,

Benito J. Gonzalez
Senior Software Developer
Unicon, Inc.
Voice: 209.777.2754
Text: 209.777.2754
Email: bgon...@unicon.net
GitHub: bjagg
BitBucket: bjagg

[Christian Cousquer]

Hi Benito,

Sorry for the late response. 

Are you saying that:

- There will be several H1 on the page?

- There will be H1s into the navigation?

If so, it is not for accessibility purposes because those cases will be two accessibility criterion’s failures and I’m afraid of that, perhaps someone has gave bad advices to TAMU

What could be done might be instead this:

‘’’

<header>

  <img src=“...” alt=“uPortal logo” />

...

</header>

<nav>

<ul>

<li>

<a href=“/“ aria-current=“page”>Home</a>

</li>

<li>

<a href=“...” >Tab n•2</a>

</li>

<li>

<a href=“...” >Tab n•3</a>

</li>

</ul>

</nav>

<main>

<!— a single H1 in the page  here —>

  <h1>Home</h1>

  

  <article>

    <h2>service / portlet 1</h2>

    <p>bla bla bla</p>

  </article>

  <article>

    <h2>service / portlet 2</h2>

    <p>bla bla bla</p>

  </article>

  <article>

    <h2>service / portlet 3</h2>

    <p>bla bla bla</p>

  </article>

</main>

‘’’

Super sorry I’m taping this on my phone, and it is a too short answer. 

@christianmurphy thought?

Amicalement,

-ChristianC

--
You received this message because you are subscribed to the Google Groups "uPortal Developers" group.
To unsubscribe from this group and stop receiving emails from it, send an email to uportal-dev...@apereo.org.
To view this discussion on the web visit https://groups.google.com/a/apereo.org/d/msgid/uportal-dev/32EDDE6B-3E60-41FF-80E9-2706E1423C05%40unicon.net.

[Christian Cousquer]

further reading : Page must contain a one-level heading in https://dequeuniversity.com/rules/axe/3.0/page-has-heading-one