Accessibility-questions

Next topic

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

Author

Message

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 31 2025 08:15:06
Script start
Timing:	Jan 31 2025 08:15:06
Module start 'layout'
Timing:	Jan 31 2025 08:15:06
Module start 'content'
Timing:	Jan 31 2025 08:15:06
Module end 'content'
Timing:	Jan 31 2025 08:15:06
Script end

Main resources:

Total runtime	0.0189 sec
Peak memory usage	2,048.0000 KB
Database Queries	3

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0054	588.1016	151.1953
Module start 'layout'	0.0054	0.0039	739.2969	36.6172
Module start 'content'	0.0093	0.0077	775.9141	94.2344
Module end 'content'	0.0170	0.0018	870.1484	33.9922
Script end	0.0188		904.1406

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0026	13.9368	14	0.0002
Check MTime	0.0011	6.0224	14	0.0001
Mysql Total
Database connection	0.0009	4.7742	1	0.0009
Mysqli_queries	0.0035	18.3417	3	0.0012
Looping result	0.0000	0.1594	1	0.0000
Template Total	0.0012	6.5	1	0.0012
Template load	0.0009	4.7628	1	0.0009
Template processing	0.0003	1.7453	1	0.0003
Override
Cache load	0.0006	3.2566	1	0.0006
General
dbfile	0.0022	11.6882	8	0.0003
String conversion	0.0000	0.0531	4	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

Usage	Requested template	Template	Template loaded	Edit	Override
1	print_pagelayout.tpl	<No override>	extension/community/design/community/templates/print_pagelayout.tpl
Number of times templates used: 1 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs