Angie Radtke

Complex websites need a reasonable and for all our users traceable structure.We get clearness with a good content structure and a visual partion adapted at the users expectance. And last but not least is the logical link structure very important. Many times people in the Joomla Forum are disussing about the Itemid. The Itemid refers to a menu-item and is unique.

Take a look at the Joomla URL structure:

Beispiel: index.php?option=com_content&view=section&layout=blog&id=3&Itemid=4

Joomla draws a distinction between various views. You can choose them by the different menu views.We have got blogviews(Section/Category) , with articles-teaser and readmore-links.You can set the count of these articles and choose how many of them are displayed as link only. The readmore- links at the blog views point to the right position in our navigation tree already, if we had create an article or category-link in the menu before. If we have a duplicate menu item with the same traget and diffrent itemids , we get a problem. In this case the joomla iternal router gets in trouble. He don’t know which itemid is the right one and he choose this one the link is positioned on.The result is that nothing happens, the menu doesn’t open.

Important: Joomla Bug.

Requirements:

Inside of the menue we found the link “Aktuell” twice. The link target is the same but we have different itemids. Both of them got two child elements ( The same-target) One of the “Aktuell” is unpuplished , but within its child elments not.

The router doesn’t recognize that the child elements not really there and behaved the same as if the links were published.

Blog Content Category – more articles – only as links

In this case the router doesn’t work correctly. The navigationtree keep on closing. To change this in beez is no prob.

Actual generated link :

<a class="blogsection" href="<?php echo JRoute::_(’index.php?view=article&id=’.$link->slug); ?>">

<?php echo $link->title; ?></a>

takes us away of the menutree, because he choose the article id as reference.But we need the category.

The function getArticleRoute could help

$test=JRoute::_(ContentHelperRoute::getArticleRoute($link->id, $row->catslug, $row->sectionid));

?>

<li> <a class="blogsection" href="<?php echo $test; ?>"> angies new Link

<?php echo $link->title; ?></a>

Result: The navigation tree is open at the right position.

A similar Prob we got in „Categorie List Layout“

Actual link:

<a href="<?php echo $item->link; ?>">

<?php echo $this->escape($item->title); ?></a>

with getArticleRoute

<? $test=JRoute::_(ContentHelperRoute::getArticleRoute($item->id, $row->catslug, $row->sectionid));

?>

<br /><a href="<?php echo $test; ?>">

Angies new Link

<?php echo $this->escape($item->title); ?></a>

?>

Section list default.php

Same Same :

Replace:

<a href="<?php echo $category->link; ?>" class="category"><?php echo $category->title; ?></a>

with :

<?$test2=JRoute::_(ContentHelperRoute::getCategoryRoute($category->id,$category->slug));?>

<a href="<?php echo $test2;?>" class="category">Angie 2<?php echo $category->title; ?></a>

Conclusion: Joomla rocks .-)

Im Rahmen der Vorbereitung meines Vortrags für den niederländischen JoomlaDay bin ich auf die dortigen Webrichtlinen zur Erstellung von öffentlichen Seiten gestossen und war angenehm überrascht.

Die dort verwendeten Guidelines zeichnen sich durch besondere Praxisnähe aus, sind leicht verständich und lassen durch Ihre klare Formulierung, wenig Raum für Fehlinterpretationen.

Auf gummiartige Aussagen, wie sie uns aus der BITV bekannt sind, wird verzichtet.
Besonders interessant ist, dass es nicht nur um Barrierefreitheit allein, sondern auch um das Festlegen allgemeiner Qualitätsstandards geht. Wie immer kann man über einzelne Aspekte diskutieren, aber generell ein Schritt in die richtige Richtung.

Die Richtlinen in englischer Sprache findet Ihr unter:
http://www.webrichtlijnen.nl/english/guidelines/

Holland ist nicht weit. Am 4. und 5. April wird der niederländische Joomla!Day in Utrecht stattfinden.
Viele Vorträge werden in englischer Sprache zu hören sein, so dass sich auch die Anreise aus Deutschland lohnt.
Wenn man sich etwas bemüht, kann man sich durchaus auf der Seite :http://www.joomladag.nl/ über den Programmablauf informieren.

Wilco Jansen, der Delevopment Coordinator, wird über die zukünfige Entwicklung von Joomla sprechen, Louis Landry wird die Funktionalitäten von Mootools erläutern, und somit allen Web 2.0-hungrigen ordentlich Futter geben. Ich selbst werde das Beez-Template eingehender beleuchen.

Also, vielleicht sehen wir uns in Utrecht.

Was lange braucht wird wirklich gut !
Nach langer Entwicklungszeit hat das Joomla-Team die 1.5 Stable freigegeben.

Mehr auf der Joomla Seite.

Kurz vor Weihnachten wurde das neue Joomla 1.5 Buch von Hagen Graf fertig.
Für den ein oder anderen ist sicherlich die online Version interessant.
Kapitel 14 “Barrierefreiheit und Joomla” stammt übrigens von mir.
Viel Spaß beim Lesen.

Als ich die Einladung erhielt mich an der Accessibility Blog Parade zu beteiligen, war ich erst einmal wenig begeistert. Es wird so viel geschrieben zu diesen Thema. Vieles wiederholt sich, da wollte ich nicht auch noch einreihen.

Bis mir aber nach meinem Seminar in Zürich und einen spannenden Wochenende mit Eva Papst etwas klar wurde. Ich wünsche mir etwas für mich.

Der Hintergrund:

Einige von Euch werden sicherlich wissen, dass ich sehr intensiv mit dem Contentmanagementsystem Joomla beschäftige und die letzen Monate damit verbracht habe ein barrierefreies Standardtemplate namens “Beez” zu entwickeln.

Beez verfolgt ein zweifaches Ziel: Profis wird durch Beez die Erstellung umfangreicherer barrierefreier Projekte wesentlich erleichtert - die Entwicklungszeit wird deutlich verkürzt, das spart Geld, Barrierefreiheit wird günstiger. Ideal z.B. für Kommunen und andere Institutionen, die Wert auf Barrierefreiheit legen.
Gleichzeitig ist Beez jedoch so ausgelegt, dass auch Menschen mit begrenztem Entwickler-Wissen mäßig komplexe Seiten mit hoher Zugänglichkeit erstellen können.
Damit ist Joomla mit Beez ein ideales Werkzeug für die Webauftritte von Einrichtungen im Behindertenbereich selbst.
Das barrierefreie Template “Beez “ist nur ein Beispiel, um den neuen Weg, den Joomla 1.5 eröffnet, zu demonstrieren. Es dient als Basis, kann beliebig modifiziert und erweitert werden.
Entwickler können auf der Basis von Beez eigene Templates entwickeln.Das Design kann bereits auf der Grundlage von Beez durch Anpassung der CSS - Dateien nahezu beliebig modifiziert werden.

Der auslösende Moment

Nachdem ich an meinem Wochenende mit Eva Pabst feststellen musste, dass sie das Backend von Joomla bedienen konnte, war ich sehr erstaunt und habe mich darüber gefreut. Gleichzeitig war mir aber klar , dass Eva eine Expertin auf Ihrem Gebiet ist und so habe ich diesen Erfolg relativ betrachtet. An diesen Wochenende war ich in Zürich und habe dort bei access-for-all.ch ein Joomla -Seminar gehalten. Einer der Teilnehmer Selament Aydogdu, ebenfalls blind, hat mich besonders überrascht. Ich habe zwischendurch mit meinen Ausführungen inne gehalten, um aus ihn zu warten, da ich annahm er können bei den praktischen Beispielen weniger schnell folgen. Aber da hatte ich mich geirrt. Manchmal war er sogar schon weiter vor als ich. Das hat mich schwer beeindruckt.

In diesem Moment ist mir klar geworden, dass es an der Zeit ist einen Schritt weiter zu gehen.
Oftmal reden wir nur davon, dass Inhalte für Menschen mit Behinderung zugänglich sein müssen. Das Web hat sich aber verändert, es ist viel dynamischer geworden. Systeme wie Joomla müssen auch im Backend für Menschen mit Behinderung zugänglich sein, damit Sie genau wie wir Ihre Inhalte im Netz präsentieren können.

Das Backend von Joomla ist im Moment benutzbar, könnte aber optimiert werden. Was genau zu tun ist habe ich einen vorherigen Artikel beschrieben.
Joomla ist ein open source Projekt, es lebt von der Community. Jeder kann Teil dieser Community sein.

Nun zu meiner Forderung:

Ich bitte alle Menschen mit Behinderung auf sich aufmerksam zu machen. Sprecht im Joomla -Forum über Eure Bedürfnisse, macht auf Euch aufmerksam. Beschreibt Eure Probleme.
Denn ich könnte Eure Unterstützung gut gebrauchen.

Eva spent two and a half days to learn the basics of the Joomla backend.

Her final statement :

” Although there is a lack of assessibility features, the backend is usable with various screenreaders.
Sometimes it is helpful to switch between them. I would define the difference between an usable system and an accessible system as follows:

A usable system is one that I can handle with a lot of patience and time, but my attention is occupied by the system itself.
Using an accessible system I can concentrate my energy on the work as such. “

This weekend was very fascinating for me. To be honest, I haven’t expected Eva to be able to use the backend at all.
So I was happy to see that she can use the system. Eva is an expert in using screenreaders. She knows which screenreader can handle special problems best. So she switched between screenreaders to perform different tasks.

She uses Webformator in conjunction with Virgo, Windows Eyes and JAWS.
The biggest problem was one of orientation.
Sometimes she asked me:

“Help: where am I ?”.

The reason for this is missing document titles and semantic headlines.
Especially the menu wasn’t easy to use, because the screenreader reads all links to her, which are hidden to us (e.g Flyout Menu at the top). Here she had to use the tab key many times to find the correct link.

To solve her problems shouldn’t be too hard for us:
We would have to implement correct document titles and various semantic headlines and probably skip links for quicker navigation.
Please don’t forget to add these little images I talked about one article before, into the source code, and also to add proper hrefs to all onclicks for keyboard users.
This way people with disabilities will be able to use the system in an effective and efficient way.
Only then Joomla will be one step ahead.

The Media - Manager isn’t easy to use, because of the duplication of the directories.
There are no headlines available.
The HTML - Code is a little bit confusing, because the are a fieldset and a legend found without any open form-element.

The upload dialog doesn’t appear automatically. The prob is that the upload dialog doesn’t get the focus directly.
We couldn’t find out, why.
Eva could solve the problem, if she changes the focus from window to window.
This needs more attention.

Conclusion: Eva could use the Media manager with spending a lot of time and much more patience.

In general Eva had no prob to handel an articles. Every parameter is accessible.
Only the read-more functions is a little bit difficult to use.

Now it is a little bit complicated to explain.

If Eva writes an article the focus is usually in the textarea.
To add the readmore “hr” the cursor/focus has to be at the correct position. To select the readmore button she has to leave the textarea, so the focus in the textarea is lost. There the readmore “hr” is automatically added at the bottom of the article text.
Evas solved the problem by cut and paste the readmore “hr” at the prefered position.

Conclusion: A little bit complicated but it works

It was not easy for Eva to understand the seperation between content and menu. This way of publishing content is Jommla! specific and different to other systems she already knows.

Joomla has so many different possibiltys to handle content.
This is confusing for all beginners.
The structure of the menu in the backend isn’t easy to use, because there are no headlines to seperate the different topics.
This problem may have every beginner but without a visual overview it is more difficult.

If Eva wants to make an article link , she can select the article in this ajax window , afterwards she found out that this article overview is implemented as an iframe. These articles are not reachable for keyboard users , but Eva used the webformator mouse-function to mark the article and had to refresh the link select an article. Now she can check the input field and knows what kind of article is selected. The href prob again.
The other menu types caused no prob , because there are no Ajax functions like these used.

Conclusion: After a good introduction and with a little bit patience Eva was able to create different menu types.

After a short introduction I left Eva alone to create sections and categories.

Result: Some sections and categories are created .

Next step follows tomorrow.

Eva wants to change the template now.
It isn’t easy for her to find the right link in this mass of links, because we have no semantic headlines to structure the content.
But she is practised in using websites and so she found the right one after a while.

Conclusion: To change the template was possible

Eva asked me:”What’s about the the numbers I found at the beginning of the page.”
There is a link to the unread messages and the amount of logged in users is shown.

We can see the icons which are placed with CSS as background-images. These images aren’t accessible, because they are not part of the HTML.
It would be better to place them inside the code and use a accordant alternative text.