STK 1.2 Maintenance

teaser.latest

before:
img before h3
after:
h3 before a img

BENEFIT: semantically more correct and more possibilities to style, wrap image in a href
see section.html  

Prio 1

Superpromos /
Fingertabs

p.more replaced by em.more
BENEFIT: standard of more-link 
see section.html

Prio 1

Clean up the prototype and the index

Forms labels div construction

not wrap each line in the label element
see forms.html
NEW
additional div when 2 inputs in one row
CHANGE
Classname "s" -> "form-item-s" (also m and l)

Prio 1

problem with checkboxes
and radios, when displayed
vertical and they have short labels

Photo-Gallery

before:
#photo-index
after:
.photo-index
changed id to a class
see photo-gallery.html

Prio 1

#calendar

before:
#calendar
after:
.calendar
has to be .calendar
see event.html

Prio 1

Domtabs

before:
.text-box
after:
.text-box-tabs

Prio 1

Carousels

Accessibility enhancements paging link will be generated by javascript. Please contact us because of internationalization.

before:
<div class="prev"><a href="#">back</a></div>
after:
<div class="prev"><span/></div>

Prio 1
 

FAQ List

ID change
*before*
<div id="fac-list">
*after*
<div class="super-list">
So we can use this list more than once on one page and on other pages / in other contexts

Prio 1

Wai-Aria Landmarks

easy access for screen reader users

Prio 1

updated scripts

Wai-Aria for required fields

usability improvement for screen reader users

Prio 1

updated scripts

Error alert in the windows title

usability improvement for screen reader users

Prio 1

updated scripts

High contrast mode hcm.js

optimized design details if users switch to another color mode via the browser

Prio 1

updated scripts

Domtabs in articles

enable domtabs in articles
see article.html

Prio 1

Footer: External Links

add external links to link lists in the footer

Prio 1

Footer: with images

list and about: img possible
see welcome.html

Prio 1

Page Intro + Image

add an image to the page intro (standard image behaviour)
mod -> right of the content
mod-2 -> above the content
see section-nav-col.html

Prio 1

needs review
r28164

Large Article Toc

The Table of Content should be optional. If not used, no toc markup is rendered see article-col-subcol.html

Prio 1

Paging navigation in all contexts

add an title attribute to the links <a href="#" title="Page">1</a>.
internationalization: title text should be translateable
see search-results.html  

Prio 1

vcard

- added country-name
- added classes for fax and cell
- added span for internationalization

see profile.html

Prio 1

urls search

the generated urls are not valid. Can we escape the "&"?

Prio 1

#box-x

Count the boxes and give each box a unique id
see article.html

Prio 1

Box-Group in sidebar

1) the possibility to group boxes in the sidebar .box-group
2) box-group count as we do it with teaser groups
see section.html

Prio 1

iPhone-Version

Gestaltung alle Elemtent für die Nutzung mit dem iphone und ähnliche Endgeräte via CSS 

ME/Enterprise

Prio 2

Megamenü / Flyout-Navigation

see nav-megamenu.html

Prio 1

Weiterempfehlen

Status Aperto: bereits final konzipiert

Prio 2

Backlink

back to overview page. Link Text should be specific. not just 'back'. Good solution: "back to all events", "back to all jobs".
see event.html

Prio 2

?

Rating

+++++ Star-rating for article + List top reated xyz

Prio 4

Top 10 list

1, 2, 3 see top-ten-rating.html

Prio 1

Login / Register

Login form: see form.html
Anforderungen:
> Login mit zwei Eingabefeldern (Name, Passwort)
> Registrierung
> Bestätigungsseiten und Bestätigungsmails
> Login-Bar
> Passwort vergessen

/ Prio 2

x

Latest Comments

see article.html

Prio 1

Highlight Teaser / Box

Extra Class for editors to highlight a box or a teaser in #main and #extras.  see welcome-col-subcol-subcol.html

Prio 1

wow-box

<div id="wow">
    <h2><a href="#">WOW</a></h2>
</div>
Extra container to promote things. In use on new magnolia website.  see welcome-col-subcol-subcol.html

Prio 1

picture formats

Portrait & Landscape

Prio 2

Linklists in articles

Usability for editors?

Prio 1

Boxes of text in articles

a text block to summarize featuers, to explain terms, to describe or to give some background information
see article.html

3 types:
1) facts
2) question / talk to the user
3) misc

Prio 1

box with tabs in articles

see article.html

Prio 1

box with 2 columns in articles

see article.html

Prio 1

box Job-Offer

.text-box compact styling / insert on article.html see joboffer.html, article.html

Prio 1

box Profil/ Akteur/

.text-box compact styling / insert on article.html see profile.html, article.html

Prio 1

RSS

Link/Icon im Footer

Prio 1

neueste jQuery-Version /
neueste ui-Version

Prio 1

Karusells improvements

Reduktion des HTML-Codes
Vorteile: Barrierefreiheit: Verbesserung der Tastaturbenutzbarkeit

Prio 1

Lightbox improvements

Vorteile: leistungsfähiger
- nicht nur Bilder können in der Lightbox,
- bessere Designmöglichkeiten
- Dia-Show

Prio 1

Lightbox mit Karrussel

small thumbnails

Prio 2