Schreibtisch mit  Laptop


Barrierefreiheit , HTML, CSS & Joomla

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 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.

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

No Problem, all accessable.

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.

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

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.

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.

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.

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.

I use cookies,
but only technically necessary session cookies