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