Recent
Categories
View Replies (4)

Skip blocks

0
Votes
Undo
  1. dy87chf
    dy87chf
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 10 May 2024
  5.  Subscribe via email
We are using the Layla template and have run a report of our site for ADA compliancy. One of the issues reported is:

Every page should include hidden links that allow skipping blocks.
Requirement:
Every page should include hidden links that by clicking on them (either using keyboard navigation or a screen-reader), the user will "skip" certain blocks directly to main landmarks such as main content, menu or footer.

Is it possible to get this feature added to the template?
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

As this is content related, this is something that would not be usually added by the template. Have you considered using a module or plugin specific to this task?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
dy87chf
dy87chf
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I think this would be a template addition. For example, on my WordPress sites, there is the following code:

<body>
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

Then further down...

<section id="content" class="full-width">

This skips the header and nav areas and goes directly to the page content.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
dy87chf
dy87chf
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I enabled the Joomla plugin "System - Skip-To Navigation" on our front-end and now there is an option for a Keyboard Navigation button to appear when tabbing through the site. To test, place your cursor in the browser URL field then tab until you see the button appear. You can also select Alt 9 on your keyboard. Two questions:

The button appears below the header-1 and header-2 areas. It would be best if it displayed before.

When hovering over Keyboard Navigation, a tooltip appears with "Access key is alt + 9", however it's difficult to read this since the background and border don't extend the entire width of this text. (see attached)
Attachments (1)
pcpl-access-key.jpg pcpl-access-key.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 3
dy87chf
dy87chf
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
After some reading, it sounds like having an accesskey is not good for accessibility, so I have disabled the Joomla plugin. Instead, I've modified the template index file with the change I mentioned initially. I then added the following to the stylesheet:

.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}

.screen-reader-text:focus { background-color: #fff; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto!important; clip-path: none; color: #333; display: block; font-size: 1rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000}

If you think this would be something that can be added in future template releases, that would be helpful.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok