Block Requests

access key navigation

Permalink 1 user found helpful April 21, 2010 at 10:25 AM

Not sure if this would be a block or not but has anybody integrated access keys for the autonav block. I have done a proposal for a charity and in their brief they have requested access keys for accessibility purposes. I have done them before on a static site but was just wondering if it can/has been done using Concrete.

Thanks in advance
Karl

Mnkras replied on Apr 25, 2010 at 11:47 am Permalink Reply

it can, you will have to make a few custom templates though, but it shouldn't be to hard for you since youv already done it

Steevb replied on Jun 30, 2011 at 1:29 pm Permalink Reply

"you will have to make a few custom templates though"

What does that mean?

LucasAnderson replied on Apr 29, 2010 at 12:22 pm Permalink Reply

I would create a custom attribute for your pages called AccessKey and then in your custom AutoNav templates you could call that attribute in to the link tag if it's been set.

TheRealSean replied on Feb 10, 2011 at 6:45 am Permalink Reply

Id' like a nice solution for this too, currently I add a div with access just after the opening Body tag and have it set to hidden, then have title assigned to those links.

I was thinking of having a go at creating a block but I think Lucas is right a custom attribute could be a better way to go about this,

I would be tempted to add in two attributes though,
One for the Access Key and one for the Title.

Let me have a play and see what I can come up with.

(I know this is quite an old thread but I would like to see something like this to help save time each time I do a site.)

TheRealSean replied on Feb 10, 2011 at 7:29 am Permalink Reply

hmm this is what I have come up with,
I have removed the title attribute as I want to use the Page name and always use "go to {page_name} page"

I also use a display of hidden in my main style sheet to stop it being displayed on screen and print. Not tested on screen readers but they should pick it up?

I have just edited one of the autonav templates but it does what I need it to do now hope it helps someone else out.

<?php 
   defined('C5_EXECUTE') or die("Access Denied.");
   $aBlocks = $controller->generateNav();
   $c = Page::getCurrentPage();
   $i = 0;
   echo ("<!-- access keys - UK government accesskeys system --> ");
   echo("\r\n<div id=\"access-keys\">");
   //$nh = Loader::helper('navigation');
   //$isFirst = true;
   foreach($aBlocks as $ni) {
      $_c = $ni->getCollectionObject();
      if (!$_c->getCollectionAttributeValue('exclude_nav') && $_c->getCollectionAttributeValue('access_key'))  {
         $target = $ni->getTarget();
         if ($target != '') {
            $target = 'target="' . $target . '"';

Viewing 15 lines of 41 lines. View entire code block.

 
<?php 
   defined('C5_EXECUTE') or die("Access Denied.");
   $aBlocks = $controller->generateNav();
   $c = Page::getCurrentPage();
   $i = 0;
   echo ("<!-- access keys - UK government accesskeys system --> ");
   echo("\r\n<div id=\"access-keys\">");
   //$nh = Loader::helper('navigation');
   //$isFirst = true;
 
   foreach($aBlocks as $ni) {
      $_c = $ni->getCollectionObject();
      if (!$_c->getCollectionAttributeValue('exclude_nav') && $_c->getCollectionAttributeValue('access_key'))  {
 
         $target = $ni->getTarget();
         if ($target != '') {
            $target = 'target="' . $target . '"';
         }
 
         $accessKey = $_c->getCollectionAttributeValue('access_key');
 
         $pageLink = false;
 
         if ($_c->getCollectionAttributeValue('replace_link_with_first_in_nav')) {
            $subPage = $_c->getFirstChild();
            if ($subPage instanceof Page) {
               $pageLink = $nh->getLinkToCollection($subPage);
            }
         }
 
         if (!$pageLink) {
            $pageLink = $ni->getURL();
         }
 
         /* Scrap That lets use the page name */
         //if ($_c->getCollectionAttributeValue('access_title')!="") {
         //    $title= '" title="'.$_c->getCollectionAttributeValue("access_title").' ['.$accessKey.']'.'"';
         //}
 
         $title= " title='go to the {$ni->getName()} page'";
         if ($c->getCollectionID() == $_c->getCollectionID()) { 
            echo "\r\n <a href=\"$pageLink\" accesskey=\"$accessKey\"{$title}>{$ni->getName()}</a>";
         }   
      }
   }
   echo("\r\n <a accesskey=\"s\" title=\"Skip the navigation - go straight to the page content [s]\" href=\"#body\"></a>");
   echo("\r\n</div>");
   echo ("\r\n<!-- end access keys - UK government accesskeys system --> ");
?>

Steevb replied on Jun 30, 2011 at 1:30 pm Permalink Reply

Did not work for me, only gave a skip link?

Steevb replied on Jul 1, 2011 at 3:25 am Permalink Reply 3 Attachments

It seems a little strange that after more than twelve months, the two posts about access keys has not been resolved?

Until now!

Eureka I did it!

I made it work!

This is what I've done.

In Dashboard - Pages and Themes - Page Attributes add two Text attributes called 'Title' and 'AccessKey' - see screen shots.

You will need access to your server directory, in the root find the blocks folder, then create another folder called autonav.

Create new file in the autonav folder called view.php and paste my code.

No need for custom templates or any fancy footwork.

I'm not a developer in the true sense, but I do try to fiddle with code.

Thanks to Lucas for suggesting Attributes and Sean for his code that I played with.

I persevered for two days and I think I cracked it!

If anybody else tries it and it works for them as well perhaps it could go in the core?

Let me what you think

<?php 
   defined('C5_EXECUTE') or die("Access Denied.");
   $aBlocks = $controller->generateNav();
   $c = Page::getCurrentPage();
   $containsPages = false;
   $nh = Loader::helper('navigation');
   //this will create an array of parent cIDs 
   $inspectC=$c;
   $selectedPathCIDs=array( $inspectC->getCollectionID() );
   $parentCIDnotZero=true;   
   while($parentCIDnotZero){
      $cParentID=$inspectC->cParentID;
      if(!intval($cParentID)){
         $parentCIDnotZero=false;
      }else{

Viewing 15 lines of 75 lines. View entire code block.

<?php 
   defined('C5_EXECUTE') or die("Access Denied.");
   $aBlocks = $controller->generateNav();
   $c = Page::getCurrentPage();
   $containsPages = false;
 
   $nh = Loader::helper('navigation');
 
   //this will create an array of parent cIDs 
   $inspectC=$c;
   $selectedPathCIDs=array( $inspectC->getCollectionID() );
   $parentCIDnotZero=true;   
   while($parentCIDnotZero){
      $cParentID=$inspectC->cParentID;
      if(!intval($cParentID)){
         $parentCIDnotZero=false;
      }else{
         $selectedPathCIDs[]=$cParentID;
         $inspectC=Page::getById($cParentID);
      }
   }    
 
   foreach($aBlocks as $ni) {
      $_c = $ni->getCollectionObject();
      if (!$_c->getCollectionAttributeValue('exclude_nav'))  {
 
 
         $target = $ni->getTarget();
         if ($target != '') {
            $target = 'target="' . $target . '"';
         }
 
          $accessKey = $_c->getCollectionAttributeValue('access_key');
           $title = $_c->getCollectionAttributeValue('title');
         if (!$containsPages) {
            // this is the first time we've entered the loop so we print out the UL tag
            echo("<ul class=\"nav\">");
         }
 
         $containsPages = true;
 
         $thisLevel = $ni->getLevel();
         if ($thisLevel > $lastLevel) {
            echo("<ul>");
         } else if ($thisLevel < $lastLevel) {
            for ($j = $thisLevel; $j < $lastLevel; $j++) {
               if ($lastLevel - $j > 1) {
                  echo("</li></ul>");
               } else {
                  echo("</li></ul></li>");
               }
            }
         } else if ($i > 0) {
            echo("</li>");
         }
 
 
 
         $pageLink = false;
 
         if ($_c->getCollectionAttributeValue('replace_link_with_first_in_nav')) {
            $subPage = $_c->getFirstChild();
            if ($subPage instanceof Page) {
               $pageLink = $nh->getLinkToCollection($subPage);
            }
         }
 
         if (!$pageLink) {
            $pageLink = $ni->getURL();
         }
 
         if ($c->getCollectionID() == $_c->getCollectionID()) { 
            echo('<li class="nav-selected nav-path-selected"><a class="nav-selected nav-path-selected"  href="' . $pageLink .'"' . $target . ' title="' . $title.'" accesskey="' . $accessKey .'">' . $ni->getName() . '</a>');
         } elseif ( in_array($_c->getCollectionID(),$selectedPathCIDs) ) { 
            echo('<li class="nav-path-selected"><a class="nav-path-selected" href="' . $pageLink . '" ' . $target . ' title="' . $title.'" accesskey="' . $accessKey .'">' . $ni->getName() . '</a>');
         } else {
            echo('<li><a href="' . $pageLink . '" ' . $target .' title="' . $title.'"  accesskey="' . $accessKey .'">' . $ni->getName() . '</a>');
         }   
         $lastLevel = $thisLevel;
         $i++;
 
 
      }
   }
 
   $thisLevel = 0;
   if ($containsPages) {
      for ($i = $thisLevel; $i <= $lastLevel; $i++) {
         echo("</li></ul>");
      }
   }
 
?>

Steevb replied on Jul 1, 2011 at 4:16 am Permalink Reply 3 Attachments

Next step applying title and access keys to existing pages.

Either from the Dashboard - Sitemap choose your page or any page in edit mode.

Choose Properties - Custom Attributes - Add Attribute - choose Title and AccessKey.

Fill in the attributes and save - see screen shots.

Now when you add the autonav you should see Title and AccessKey.

Same applies when adding new pages.

So now it is time to go around all websites and apply this to the autonav

Hope this works for you.

Steevb replied on Jul 1, 2011 at 2:45 pm Permalink Reply

I'm sorry,

Is this not important?

Adreco replied on Jul 1, 2011 at 3:00 pm Permalink Reply

:)
I've never missed not having this feature. I can see where it could be helpful however so I followed and "earmarked" the thread for future use.
THX

Forums

Block Requests

access key navigation

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?