Forums / General / Accessibility-questions

Accessibility-questions

Author Message

Stephan .de

Wednesday 19 January 2005 7:28:46 am

Hi from Germany,

I am playing now for longer time arround with different CMS with a focus to accessiblity and what I saw at the EZP-demo looks good.

Bevore I dive deeper into the CMS I have two questions:

1. In the demo and at other EZ-sites I saw, that ever the active page have an avtive link.

For example (from the demo user interface):

<li><a href="/media_files">Media files</a></div></li>
<li class="selected"><div class="spacing"><a href="/files">Files</a></div></li>
<li><a href="/weblog">Weblog</a>

Here is the page "Files" the active page an I can use for the link a different color with the css-class "selected", good but not enough :-)
Is it possible, to change the code, to have only the word "Files" without the link?
<li class="selected"><div class="spacing">Files</div></li>

I ask, because for screenreader users it is not usefull, when a link point to the active page.

2. In the demo there are at the page "Files" two links to deeper pages. The linktext is "Details...".
So a screenreader user have in a generated linklist (to become a "overview" about the possible ways to go) two links with same information, but with different targets.
Is it possible, to ad or repeat in the source-code of the link, as a title-information, the text from headers?

Now:
<h2>Hello world</h2>
<p><a href="/files/hello_world">Details...</a></p>

Possible?
<h2>Hello world</h2>
<p><a href="/files/hello_world" title="Details: Hello world">Details...</a></p>

When this two things are possible, I think there is another EZP-user out there :-)

Thanks for answering

Stephan

Mark Marsiglio

Wednesday 19 January 2005 12:46:41 pm

We addressed these issues somewhat in the development of a site for a state agency ( http://dms.myflorida.com ).

On the first point, yes it is possible to have the current page unlinked, rather than specified with its own CSS tag.

This template code accomplishes this effect:

<ul>
{let mainMenu=treemenu( $module_result.path, $module_result.node_id,
                        array('newsletter','newsletter_article','feedback_form'), 3,1 )}
{section var=menu loop=$mainMenu}
    {section show=$menu.item.is_selected}
        <li id="nav{$menu.item.level}current">
            {$menu.item.text}
        </li>
        {section-else}
        <li class="nav{$menu.item.level}">
            <a href={$menu.item.url_alias|ezurl}>{$menu.item.text}</a>
        </li>
        {/section}
{/section}
{/let}
           </ul>

In regards to the second point, we eliminated the "details..." links in favor of only linking the title. This prevented the duplicated link texts. In other words, we linked </code><h2><a href="/helloworld">Hello World</a></h2></code> instead of creating a separate link called details. However, your suggestion is also possible with a little customization.

http://www.thinkcreative.com
Turning Ideas Into Strategic Solutions

Stephan .de

Thursday 20 January 2005 11:25:23 am

Thank you - Mark.

Stephan

eZ debug

Timing: Jan 19 2025 03:27:16
Script start
Timing: Jan 19 2025 03:27:16
Module start 'content'
Timing: Jan 19 2025 03:27:16
Module end 'content'
Timing: Jan 19 2025 03:27:17
Script end

Main resources:

Total runtime0.9558 sec
Peak memory usage4,096.0000 KB
Database Queries194

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0058 588.8438180.8516
Module start 'content' 0.00580.7586 769.6953552.4063
Module end 'content' 0.76440.1914 1,322.1016336.7734
Script end 0.9558  1,658.8750 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00400.4159210.0002
Check MTime0.00150.1532210.0001
Mysql Total
Database connection0.00130.140710.0013
Mysqli_queries0.880392.09961940.0045
Looping result0.00190.19691920.0000
Template Total0.926596.920.4632
Template load0.00180.191920.0009
Template processing0.924696.736520.4623
Template load and register function0.00010.015210.0001
states
state_id_array0.00060.061510.0006
state_identifier_array0.00200.213720.0010
Override
Cache load0.00160.1652350.0000
Sytem overhead
Fetch class attribute can translate value0.00140.149830.0005
Fetch class attribute name0.00120.120640.0003
XML
Image XML parsing0.00090.094530.0003
class_abstraction
Instantiating content class attribute0.00000.001140.0000
General
dbfile0.00470.4959260.0002
String conversion0.00000.000430.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1node/view/full.tplfull/forum_topic.tplextension/sevenx/design/simple/override/templates/full/forum_topic.tplEdit templateOverride template
3content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
9content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
5content/datatype/view/ezxmltags/line.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/line.tplEdit templateOverride template
1content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
1content/datatype/view/ezxmltags/literal.tpl<No override>extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tplEdit templateOverride template
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 21
 Number of unique templates used: 7

Time used to render debug report: 0.0001 secs