Schreibtisch mit  Laptop

Webdesign Blog

Barrierefreiheit , HTML, CSS & Joomla

Joomla 1.5. Live Test Eva Papst 7: Backend general

Eva asked me:”What’s about 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.

Joomla 1.5. Live Test Eva Papst 6: Extension Manager

Oh, everything in English.
Our work could be much easier, if we could use our native language.
We have to install the german language now.
So I sent Eva to look for the installation part. She found it.

Installation Manager looks fine.
Eva is happy about finding “real buttons” and a meta title .

Conclusion: Everything OK

Joomla 1.5. Live Test Eva Papst 5: User Manager

No Problem, all accessable.

Joomla 1.5. Live Test Eva Papst 4: configuration

Eva:”Ah, I’m the super administrator”

Joomla asked for the Username again.
We are talking too much, so we get timeout.
Login again.

Eva was going to the global configuration, but she doesn’t know where she is now.
Here could be a document title helpful.
Configuration-forms are well structured and labeled .
“Save and cancle button” are reachable for keyboard users YEAHHH

Conclusion: Global Configuration successful.

Joomla 1.5. Live Test Eva Papst 3: Login

The same prob as installation with the webformator.
The login button has no href. So it isn’t reachable for keyboard users.

Eva uses a trick to place the mouse and activate the link.
Windows eyes no prob.

Conclusion: Login successful

Joomla 1.5. Live Test Eva Papst 2: Lost username or password

Oh, installation was sucessful but username forgotten.
What happens: Eva uses the link “forgotten username”.
She got the information, that there was sent a new password by mail .
“Forgotten password ” works too.

Conclusion: This part works fine.

Joomla 1.5. Live Test Eva Papst 1: Installation

At the moment Eva Papst ( blind) is sitting beside me and we are going to check the Joomla installation with different screenreaders.
The first prob was that the webformator doesn’t show onclicks without href, so we have to change to window eyes , there it works.
These links aren’t reachable for keyboard users too.
Structure and Navigation are logical and useable.
Form elements are labeled and working.
It should be better to position the continue button after the form-fields.

Result: Installation successfully finished

Now we continue with step 2 and report later.

Joomla Api

Eine sehr hilfreiche Übersicht über alle in Joomla verwendeten Klassen und Funktionen findet man auf

RTL ist tatsächlich eine andere Sprache

Jetzt ist es an der Zeit das CSS der Beez auch so zu modifizieren, dass es von rechts nach links lesbar ist.
Irgendwie sieht das alles so komisch aus, aber gut.
Viel schlimmer ist, dass ich auf Firefox bug stoße.

Im Bereich der Schriftgrösseneinstellung wird mein padding verschluckt, was dazu führt , dass die Hintergrundbilder nicht mehr angezeigt werden.

#fonzsize a { display: -moz-inline-box;}

und hurra mein padding ist wieder da.

Open letter to the Joomla! community

I have been working with Joomla! (formerly Mambo) for a number of years. Already at the beginning of my work did I notice that it was not possible to create barrier-free, standard conform webpages with Mambo, as a clear separation of user logistics and HTML output was not foreseen. Therefore, Robert Deutz and I developed the first Run-Digital Hack which overwrote the responsible core files so that a structured output was made possible.

I then joined the design- and accessibility team of Joomla! so that the entire Joomla community could use these features.

Open letter to the Joomla! community