3.2.0

BREAKING CHANGES

Footer > Footbar:

• .footer-address should be used instead of the address element inside the footer (see https://github.com/swiss/styleguide/blob/3.2.0/src/materials/02-navigation/04-footer/03-footbar.html#L9)

Component changes

Teaser > Focus & Focus vertical:

• Improved accessibility by moving tabs before content without changing visual presentation
• Add aria-label on nagivation buttons on carousel fallback in mobile mode

Content containers > Collapsible panel:

• remove accordion behavior to make it keyboard accessible

Functions > Social sharing:

• added a heading for screen readers

Tables > Standard table:

• use coal instead of #999 for captions text color

Typography > Links:

• add title="External link" on external links for screen reader use

Hierarchical Navigation > Breadcrumb:

• improve accessibility

Footer > Social Media:

• added a heading for screen readers

Bugfixes

#630: Update examples pages for the teaser (Brennpunkte)
#629: Webpack build fails because of missing images
#609: Color Contrast in Some Elements are not AA Conform
#608: In desktop view, zooming 170% appears Navigation link
#607: Code Appears next to the Headers in the Print Version of the Page
#606: HTML-Code Errors
#605: Add Title-Attribute to Tag so that Screen Reader Anounces As External Link
#604: Focus Vertical, Screenreader Doesn't Read the Content of the Tabs
#603: Social media standard image accessibility tag with Alt instead of aria labels
#602: Update Library uglify-js, High Vulnerability
#599: In Mobile-View the search field and navigation are not accessible when tab is pressed
#598: Collapsible panel is not navigable with tab
#597: Color contrast in table caption tags are not AA conform
#596: Breadcrumb, delete aria-selected and aria-label
#595: "Breadcrumb" announcement is not read by the screenreader
#594: Social media icons should have a label title for the screenreader
#593: Close button of mega menu misses label for better accessibility
#591: Close icon in search, misses a label for accessibility
#586: Carousell Buttons with no tags
#567: The side map of the footer has no clear hierarchy
#566: Sometimes, when typing in a search the word "Search" is not deleted
#565: The source code button is missing an alternative text that describes its function
#554: "Example" is read out loud by the screen reader at the very end of the example
#552: Not all subjects within a menu of the primary navigation are navigable
#551: The primary navigation menus should be navigable using tab
#550: The focus in a menu of the primary navigation is not shown
#549: Focus of a subject in the primary navigation is partly covered.
#535: Tablesorter doesn't correctly sort special characters
#533: Missing images in build folder in npm package
#528: Bildgalerie-Einzelansicht Linien
#527: Main navigation submenu is not fully displayed when page content is short
#522: Cohérence dans l'apparence des liens internes et externes
#516: Verbesserung Kontaktbox
#496: Do not use heading-tags in search results
#495: Displacement of content when using LightBox
#492: margin top space to big for lists
#480: There is no logo on print preview
#478: Make Slideshow controls visible by default in the modal
#476: Image gallery: display of the object x from y of the overview mode should be correctly displayed when using IE (11) on mobile
#450: Code appears in print version for accordeon elements
#407: The Alerts appears differently in browsers
#404: Faceted-Navigation Result Page

3.1.1 Missing icons were added

• #590: Icons missing release translations
• #600: Social media icons missed
• #555: Typos and wrong documentation

3.1.0

• translation URL fixed
• example HTML in markdown fixed
• #501: several fixes for MS Edge
• #395: twitter teaser added
• #394: vertical focus added
• #474: page search added
• #513: multi select style fixes
• #472: text element table added
• #473: automatic detection of telephone numbers disabled
• dependencies updated (see changes)
• typos in German & English versions fixed
• #484 unmatched closing tag in example page "Übersichtsseite" fixed
• #485 "Report Issue" link in HOWTO fixed
• debugging simplified

3.0.0

• New documentation translated in german and french
• #407 Fix icon of emergency component on IE11
• #400 Fix an issue with Process navigation when first/last item was active
• #421 Do not hide print icon on small screens
• Fix an issue which was misplacing the controls of carousels
• Focus component overall accessibility has been improved, now with a play/pause button
• #138 Change various font sizes to relative units
• Introduced high-contrast outline around focused element while browsing with the keyboard
• #208 Remove custom styling of checkboxes/radio buttons for better accessibility (required markup has changed)
• Language switcher gets more acccessible with extra attributes to describe languages
• Move "Admin Icons" code points to PUA Area
• #246 Remove deprecated social sharing buttons
• #219 Fix accessibility on tables

2.6.0

• #409 Add datepicker
• #401 Fix check-box and radio-button when tabbing through page

2.5.5

• #376 Fix controls spacing in slideshow element
• #385 Change Deutschland to Germany in language select

2.5.4

• #357 Missing print function in contact box fix IE9 bug

2.5.3

• #375 add .clearfix class to the infobox element to avoid overflowing elements when floated !markup
• #374 remove clearing of search-field when clicking on body element, enhance its clear button
• #371 remove the p key shortcut to show the print view
• #381 add .hidden-print class to content-sidebar anchors
• #372 #370 fix print styles
• #357 add optional parameter to the printPreview() function !markup -> see doc
• #373 fix nav-page-list element to behave correctly on mobile
• #381 set .clearfix class to collapse element to avoid issues with first-child heading
• #381 change max-width of nav-main element from 140px to 110px
• #376 fix slideshow carousel-controls element to make it work with bigger numbers !markup
• #368 fix missing print function on publications page
• #380 add info about favicons in the CDelements page
• #367 #344 fix markup change in js for the focus and tabs elements
• #381 fix various visual issues with tabs (background-color, padding, focus state)

2.5.2

• #356 fix error with active state of .list-emphasis as list parent
• #358 fix .table-striped error due to new Bootstrap version
• #359 add documentation about @font-face + Pragma / Cache-Control issue

2.5.1

• #353 Improve print styles
• #348 #347 Fix errors with image flow in Publications
• #339 Fix error with buttons in main navbar
• #271 Change alt text of main logo
• #333 Missing Slideshow

If you encounter any bug or problem, please use the issues section to report them. We really appreciate your collaboration.